@charset "utf-8";
/* CSS Document */

body {
	padding:0px; margin:0px; margin-bottom:10px;
	background:url(images/bg.png) repeat-x #F7F7F9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#666666;
}

a { color:#16C0DF; text-decoration:none; }
img { border:none; }
p { margin:0px; margin-bottom:10px; }

.text_blue { color:#12BBDA; }
.text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; }

.small_title { padding-left:12px; font-size:14px; font-weight:bold; }
.small_content { padding-left:12px; padding-right:12px; color:#666666; }

.big_title { padding-left:15px; font-size:14px; font-weight:bold; background:url(images/cont_big_top.png) left; }
.big_content { padding-left:15px; padding-right:15px; color:#666666; background:url(images/cont_big_fill.png) left; }

.side_title { padding-left:15px; font-size:14px; font-weight:bold; /*border-left:solid 1px #CCCCCC;*/ width:277px; background:url(images/cont_big_top.png) right; }
.side_content { padding-left:15px; padding-right:15px; color:#666666; /*border-left:solid 1px #CCCCCC;*/ width:277px; background:url(images/cont_big_fill.png) right; }

.bot_nav { font-size:14px; color:#666666; }
.bot_nav a { color:#666666; text-decoration:none; }
.abs { position:absolute; }
.button1 { position:absolute; left:172px; top:58px; }
.button2 {
	position:absolute;
	left:116px;
	top:58px;
}


#overlay {
	background-image:url(images/white.png);
	color:#000000;
	height:450px;
	
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:641px;
	overflow-y:auto;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:501px;
	height:402px;		
	
	/* initially overlay is hidden */
	display:none;
		color:#000000;
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(images/white.png) no-repeat !important;
	color:#ffff;
}

/* petrol */
div.overlay.petrol {
	background:url(images/petrol.png) no-repeat !important;
	color:#ffff;
}
.textInput
{
border: 1px solid #000000;
width:252px;
color: #000000;
font-size: 0.9em;
padding: 2px;
border: 1px solid #999999;
font-family: arial, sans-serif;
}

/* Header Box */
#header {position:relative; width:905px; margin:20px auto 0 auto; z-index:1;}
#header .phone {position:absolute; top:5px; right:15px; color:#666666; font-size:22px; font-weight:bold;}
#header .button_row * {vertical-align:bottom; z-index:100;}
#header .button {display:inline-block; background: url("images/header_button.png") no-repeat; width:119px; height:49px; height:auto; font-size:17px; line-height:17px; color: #666666; padding: 16px 0 16px 0; text-align:center; vertical-align:bottom; transition: color 1s; transition-timing-function: ease-out;}
#header .button:hover {color:#2AD1F1; transition: color 0.2s; }
#header_background {margin:-26px auto 20px auto; background: url("images/header_backgound.png") no-repeat #11B8D8; overflow:hidden; z-index:1; border: 1px solid rgba(255,255,255,0.2); border-radius:20px;}
#header .header_words {position:absolute; top:140px; left:40px; font-size:22pt; color:#ffffff; font-family: arial; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);border:0px solid #000;line-height:32pt;letter-spacing:-0.003em;}
#header .header_words span {line-height:22pt;}
#header .header_words .large_quote {font-family:"Times New Roman";font-size:40px;font-weight:bold;line-height:0pt;}
#header .header_newsletter {position:absolute; top:350px; left:50px; font-size:14px; color:#ffffff; font-style:italic; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
#header .header_newsletter a {color:#ffffff;}
#header .link_box {position:absolute; text-align:left; top:120px; right:20px; width:200px; padding: 10px 20px 10px 20px; background-color:#ffffff; border-radius:10px;}
#header .link_box a {display:block; padding: 4px 0px 2px 0px; font-size:12px; transition: all 0.2s;}
#header .link_box a:hover {padding-left: 10px; color:#666666;}
#header .link_box a:before {content:">";}
#header .link_box a:hover:before {padding-right:10px; margin-left:-10px;}
#header .link_box hr {width:90%; margin-right:10px; text-align:right; border:solid 1px #2AD1F1; border-width:0 0 1px 0;}
#header #ship {position:relative; width:200px; height:255px; left:-200px; top:255px;}
#header .glasscontainer {position:relative;opacity:0.4;width:220px;height:235px;}
#header .glassimage {width:220px;height:235px;"}