@charset "utf-8";
/*-------------------------------------------------
 Basic Stylesheet for Gap Year Diver Website
 
 Version: 1.1
 Author: Gap Year Diver Limited
 E-mail: info@gapyeardiver.com
 Website: www.gapyeardiver.com
 
 Copyright 2006-2009 Gap Year Diver Limited
 All rights reserved
 
 You can only use this code with permission from the author.
 --------------------------------------------------*/
 
 
/*Layout----------------------------------*/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#F0f0f0;
background-image:url(../images/ink.jpg);
background-repeat:no-repeat;
background-position:top;
}

#BlueBar {
width:1030px;
margin: 0 auto;
height:35px;
background-image:url(../images/BlueBar.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#Wrapper{
width:1000px;
margin: 0 auto;
text-align:left;
z-index:2;
padding:5px 15px 0px 15px;
background-color:#FFFFFF;
}

#logo {
float:left;
width:270px;
height:98px;
}

h1 {
width:270px;
height:98px;
background-image:url(../images/gyd_logo.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333333;
text-indent:-9000px;
margin:0px;
}


#strapline {
width:326px;
height:76px;
background-image:url(../images/strapline.jpg);
background-repeat:no-repeat;
float:right;
margin-bottom:25px;
margin-right:30px;
}
/*General Links ----------------------------------*/

a:link    {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover   {color:#0499D3; text-decoration:underline;}
a:active  {color:#333; text-decoration:none;}

/*Headings----------------------------------*/

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
line-height:24px;
color:#052E44;
margin-top:0px;
margin-bottom:10px;
font-weight:normal; 
}

.blue_h2_small {
font-size:18px;
color: #0499D3;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
color:#052E44;
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
background-image:url(../images/blue_dot.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

h3 a:link { color:#0499D3; text-decoration:none;}
h3 a:visited {color:#0499D3; text-decoration:none;}
h3 a:hover {color:#0499D3; text-decoration:underline;}
h3 a:active {color:#0499D3; text-decoration:none;}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
color:#052E44;
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
background-image:url(../images/blue_dot.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

h4 a:link { color:#0499D3; text-decoration:none;}
h4 a:visited {color:#0499D3; text-decoration:none;}
h4 a:hover {color:#0499D3; text-decoration:underline;}
h4 a:active {color:#0499D3; text-decoration:none;}


/*Blue Bar Navigation - Grey tabs at top ----------------------------------*/
.bluetabs{
width: 100%;
overflow: hidden;
}

.bluetabs ul{
margin: 0;
padding: 0;
padding-right: 45px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
list-style-type: none;
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px 6px 8px; 
border-right: 1px solid white; 
color: white;
background: #666666; 
}

.bluetabs li a:visited{
color: white;
}

.bluetabs li a:hover, .bluetabs li.selected a{
background-color:#009900;
}

.first{
border-left: solid 1px #FFF;
}
/*Top Level Navigation - Curved Tabs 1st ----------------------------------*/
.curvedtabsSS{
clear:both;
padding: 0;
margin:0;
width: 1000px;
overflow: hidden;
background: transparent;
}

.curvedtabsSS ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
list-style: none;
}

.curvedtabsSS li{
display: inline;
margin: 0 3px 0 0;
padding: 0;
}

.curvedtabsSS a{
float: left;
color: #FFFFFF;
background: #032A47 url(../images/roundleft.gif) no-repeat left top; 
margin: 0 3px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
border-bottom: solid 1px #FFFFFF;
}

.curvedtabsSS a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat right top; 
padding: 5px 20px 4px 20px;
cursor: pointer;
}

.curvedtabsSS a span{
float: none;
}

.curvedtabsSS li.selected a{
background-color: #0198DF;
color:#FFFFFF;
border-bottom: solid 1px #0198DF;
}

.curvedtabsSS a:hover {
background-color: #0198DF;
color:#FFFFFF;
border-bottom: solid 1px #FFF;
}

/*Navigation Bar Style (underneath for design effect) ----------------------------------*/
#NavigationBarStyle {
height:28px;
background-image:url(../images/top_nav_bar_bg.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

/*Left Navigation Area and Navigation----------------------------------*/
#LeftLinksWrapper {
float:left;
width:194px;
height:400px;
border-top:solid 1px #FFF;
}

#GreyBox {
background-color:#666666;
padding:10px;
}

#NavLeft ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:1px;
	background-color:#f0f0f0;
}

#PADI_Courses ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:1px;
	background-color:#FFF;
	border: dashed 1px #CCC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.MainLink a {
	display: block;
	background-color:#032A47;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:10px;
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	height:20px;
}

.MainLink a:hover {
	color:#FFF;
	background-color:#0499D3;
}

.sub_link a{
	display: block;
	color: #0499D3;
	margin-left:10px;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:22px;
	text-decoration: none;
	vertical-align: bottom;
	background-image:url(../images/blue_dot.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	}

.sub_link a:hover {
	color:#032A47;
	background-image:url(../images/blue_dot_hover.jpg);
}

.bottom {
margin-bottom:5px;
}

.top {
margin-top:5px;
}
	
/*Right Area General - 2 column----------------------------------*/
#Breadcrumbs{
float:right;
width:780px;
margin-top:0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-align:left;
color:#333333;
}

#Breadcrumbs a:link    {color:#333333; text-decoration:underline;}
#Breadcrumbs a:visited {color:#333333; text-decoration:underline;}
#Breadcrumbs a:hover   {color:#0499D3; text-decoration:underline;}
#Breadcrumbs a:active  {color:#333333; text-decoration:underline;}

#ContentRightArea{
float:right;
width:780px;
margin-top:20px;
margin-bottom:40px;
}

#RightArea{
float:right;
width:220px;
text-align:left;
margin:0px;
}

#ContentArea{
float:left;
width:540px;
text-align:left;
}

/*Right Area - Programme content span 780px at bottom----------------------------------*/
#ProgContent {
width:780px;
clear:both;
margin:0px;
}

#AddThis{
width:780px;
clear:both;
padding-top:30px;
}

/*Destination Guide Area General - 2 column NOT USED----------------------------------*/
#DestinationMapArea{
float:right;
width:300px;
text-align:left;
}

#DestinationContentArea{
float:left;
width:460px;
text-align:left;
}

/*Footer----------------------------------*/

#Footer {
clear:both;
height:300px;
background-color:#F0F0F0;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-position:top;
}

#IconsFooter {
margin-top:38px;
margin-left:40px;
float:left;
text-align:left;
}

#Sitemap {
float:right;
width:580px;
margin-right:15px;
margin-top:20px;
}

#coyright {
float:right;
margin-top:10px;
width:550px;
height:17px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
margin-right:45px;
}

.sitemap_text_header {
color: #04ABE9;
font-weight: bold;
}

.footer_link_text {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
margin-top:0px;
float:left;
width:145px;
}

.footer_icon_text {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
margin-top:0px;
float:left;
width:320px;
clear:both;
}


/*Image Classes----------------------------------*/
.header_image {
padding:7px;
border:solid 1px #ccc;
margin:0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.align_image_right {
float:right;
padding: 0 15 0 0;
border: solid 0px;
}

.align_image_left {
float:left;
padding-right:8px;
padding-bottom:5px;
border: solid 0px;
}

.align_image_left_topps {
float:left;
padding-right:8px;
padding-bottom:25px;
border: solid 0px;
}

.content_image_right {
float:right;
padding: 6px;
margin-left:20px;
margin-bottom:30px;
border: solid 1px #CCC;
background-color:f0f0f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.whats_hot {
background-color: #F0f0f0;
border: solid 1px #CCC;
padding:6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.normal_right_image {
background-color: #F0f0f0;
border: solid 1px #CCC;
padding:6px;
margin-top:0px;
margin-bottom:12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.programme_icon_link_image {
background-color: #FFF;
border: solid 1px #CCC;
padding:3px;
margin-top:0px;
margin-bottom:12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.programmes_image {
border: 2px solid #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.image_icons_left_top {
border: 0px;
margin-top:15px;
}

.image_icons_left_normal {
border: 0px;
margin-top:3px;
}


/*Text Classes----------------------------------*/

.image_right_para {
margin:0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.maintext_12{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:18px;
margin-top:0px;
margin-bottom:10px;
}

.maintext_12 a:link { color:#0499D3; text-decoration:none;}
.maintext_12 a:visited {color:#0499D3; text-decoration:none;}
.maintext_12 a:hover {color:#0499D3; text-decoration:underline;}
.maintext_12 a:active {color:#0499D3; text-decoration:none;}

.maintext_11{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:18px;
margin-top:0px;
margin-bottom:10px;
}

.maintext_10{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:18px;
margin-top:0px;
margin-bottom:10px;
}

.maintext_10_red{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
margin-top:0px;
margin-bottom:10px;
}

/*Class with blue background to left as BG image----------------------------------*/
.item{
background-color:#F0F0F0;
border:0px;
margin-top:15px;
width:540px;
vertical-align:top;
height:81px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.item img {
float:left;
padding-right:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.item p {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
margin-right:5px;
line-height:18px;
color:#333;
}

.item h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0499D3;
margin-bottom:0px;
margin-top:3px;
font-weight:normal;
}

.clear_item {
clear:both;
}

/*Testimonials----------------------------------*/
.testimonials{
float:none;
background-color:#F0f0f0;
border:solid 2px #CCC;
margin-top:15px;
margin-bottom:15px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.testimonials img {
float:left;
margin-right:0px;
margin-left:12px;
margin-top:10px;
margin-bottom:10px;
padding:5px;
background-color:#F0f0f0;
border: solid 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.testimonials p {
float:right;
width:360px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
line-height:18px;
color:#333;
background-color:#FFFFFF;
padding:12px;
margin-left:10px;
border: dashed 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.blue_span {
color:#0499D3;
}

.team{
float:left;
background-color:#F0F0F0;
border:0px;
width:108px;
margin-top:15px;
margin-left:15px;
padding:5px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.team img {
float:none;
padding:3px;
background-color:#FFFFFF;
border:solid 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.team p {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-align:center;
vertical-align:top;
margin-top:4px;
margin-bottom:0px;
margin-right:5px;
line-height:10px;
color:#333;
}

/*Links Page----------------------------------*/
.links{
background-color:#F0f0f0;
background-image:url(../images/item_bg_blue.jpg);
background-repeat:repeat-y;
background-position:top left;
border:0px;
margin-top:0px;
margin-bottom:10px;
padding-top:1px;
padding-bottom:6px;
width:540px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.links p {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:0px;
margin-bottom:6px;
margin-right:15px;
margin-left:30px;
line-height:18px;
color:#333;
}

.links p a:link    {color:#0499D3; text-decoration:underline;}
.links p a:hover   {color:#0499D3; text-decoration:none;}
.links p a:visited {color:#0499D3; text-decoration:underline;}
.links p a:active  {color:#0499D3; text-decoration:underline;}

.links h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0499D3;
margin-bottom:0px;
margin-left:30px;
margin-top:6px;
font-weight:bold;
}

.links img {
float:right;
text-align:right;
margin-right:10px;
margin-bottom:5px;
background-color:#F0f0f0;
border: solid 0px #CCC;
padding:6px;
}

.links_clear {
clear:both;
}


/*Item List - Blue background to left ----------------------------------*/
.item_blue_bg{
background-color:#F0f0f0;
background-image:url(../images/item_bg_blue.jpg);
background-repeat:repeat-y;
background-position:top left;
border:solid #FFF 2px;
margin-top:20px;
margin-bottom:5px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.item_blue_bg img {
float:right;
margin-right:10px;
margin-top:-15px;
margin-bottom:10px;
margin-left:4px;
padding:6px;
background-color:#FFF;
border:solid 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.item_blue_bg p {
float:left;
width:310px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:5px;
padding-bottom:5px;
margin-bottom:10px;
margin-right:5px;
line-height:18px;
margin-left:25px;
color:#333;
background-color:#FFFFFF;
padding:8px;
border: dashed 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.item_blue_bg h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0499D3;
margin-bottom:0px;
margin-top:5px;
margin-left:25px;
font-weight:normal;
padding-top:5px;
background-image:url(../images/blue_dot.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

/*Programmes Index - 780 all across ----------------------------------*/
.pmain{
background-color:#F0f0f0;
background-image:url(../images/item_bg_blue.jpg);
background-repeat:repeat-y;
background-position:top left;
border:solid #FFF 2px;
margin-top:20px;
margin-bottom:5px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pmain img {
float:right;
margin-right:10px;
margin-top:-15px;
margin-bottom:10px;
margin-left:4px;
padding:6px;
background-color:#FFF;
border:solid 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pmain p {
float:left;
width:550px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:5px;
padding-bottom:5px;
margin-bottom:10px;
margin-right:5px;
line-height:18px;
margin-left:25px;
color:#333;
background-color:#FFFFFF;
padding:8px;
border: dashed 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pmain h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0499D3;
margin-bottom:0px;
margin-top:5px;
margin-left:25px;
font-weight:normal;
padding-top:5px;
background-image:url(../images/blue_dot.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

/*Main Menu Page - blocks left and scroll down - fixed width 780/2 = 390 = 360 w 30px margin----------------------------------*/
.mainmenu{
float:left;
background-color:#F0f0f0;
background-image:url(../images/item_bg_blue.jpg);
background-repeat:repeat-y;
background-position:top left;
border:solid #FFF 2px;
width:365px;
margin-top:5px;
margin-bottom:5px;
margin-right:20px;
vertical-align:top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.mainmenu img {
float:right;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
margin-left:4px;
padding:6px;
background-color:#FFF;
border:solid 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.mainmenu p {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:160px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:5px;
padding-bottom:5px;
margin-bottom:10px;
margin-right:10px;
line-height:18px;
margin-left:25px;
color:#333;
background-color:#FFFFFF;
padding:8px;
border: dashed 1px #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.mainmenu h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0499D3;
margin-bottom:0px;
margin-top:5px;
margin-left:25px;
font-weight:normal;
padding-top:5px;
background-image:url(../images/blue_dot.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

a.MainMenuButton {
display:block;
float:left;
width:126px;
height:18px;
margin-left:7px;
background-color:#0499D3;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.MainMenuButton:hover {
display:block;
float:left;
width:126px;
height:18px;
background-color:#009933;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-decoration:none;
}

/*Read More Buttons----------------------------------*/
a.Button {
display:block;
float:left;
width:155px;
height:18px;
margin-left:4px;
background-color:#0499D3;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.Button:hover {
display:block;
float:left;
width:155px;
height:18px;
background-color:#009933;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-decoration:none;
}

a.ButtonLearn {
display:block;
float:left;
width:145px;
height:18px;
margin-left:4px;
background-color:#0499D3;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.ButtonLearn:hover {
display:block;
float:left;
width:145px;
height:18px;
background-color:#009933;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding:2px;
text-decoration:none;
}

a.BookButton {
display:block;
float:left;
width:110px;
height:18px;
background-color:#006600;
color:#FFFFFF;
padding:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.BookButton:hover {
display:block;
float:left;
width:110px;
height:18px;
background-color:#990000;
color:#FFFFFF;
padding:2px;
text-decoration:none;
}

a.BackIndex {
display:block;
float:left;
width:160px;
height:18px;
background-color:#006600;
color:#FFFFFF;
padding:3px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.BackIndex:hover {
display:block;
float:left;
width:160px;
height:18px;
background-color:#990000;
color:#FFFFFF;
padding:3px;
text-decoration:none;
}


/*Forms -----------------------------------------*/

fieldset {
margin:0px;
padding:0px;
border: solid 0px;
}

legend {
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

label {
display:block;
float:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:3px;
}

input {
width:250px;
margin:0;
}

.text_form {
margin:0px;
color:#FFF;
font-weight:bold;
margin-bottom:5px;
margin-top:0px;
}

select {
width:180px;
color:#000;
background-color:#fff;
border:solid 1px #ccc;
margin-bottom:3px;
}

select #button{
width:100px;
color:#000;
background-color:#fff;
border:solid 1px #ccc;
margin-bottom:3px;
}

option.blue {
background-color:#032149; color:#FFFFFF; font-size:13px;}