@charset "utf-8";
/* author: Michele Librizzi www.mikizzi.com */

* {	background-repeat: no-repeat;}
html { overflow-y: scroll; 	} /* scroll bar forced in FF */
ol,ul {	list-style: none;}
del {text-decoration: line-through;}
blockquote,q {	quotes: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption,th,td {	text-align: left;	font-weight: normal;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del, dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;	padding: 0;	border: 0;outline:0;font-family:inherit;vertical-align: baseline;background:transparent;font-size: 100%; font-family:Arial, Helvetica, sans-serif}
label,input {vertical-align: middle;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height:0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.relative { position:relative}
.align_r {text-align: right;}
.align_c {text-align: center;}
.align_l {text-align:left;}
.left {	float: left;}
.right {float: right;}
.bold {	font-weight: bold}
cite { font-style:normal}
img, .block { display:block}
.clear { clear:both}
.imgL { margin-right:8px}
p { margin:0 0 0.6em 0 }
#wrappCnt a img { border:3px solid #68b3db}
#wrappCnt a:hover img { border-color:#005d97}
.hide {text-indent: -9999px;overflow:hidden; display:block;background-repeat:no-repeat; background-position:top left}
a { color:#fff; text-decoration:none}
a:hover { text-decoration:underline}
.link { color:#68b3db}
a.more { background:url(images/link_arrow.gif) right 6px  no-repeat; padding-right:10px }

body { background-color:#1981b8}
#wrappTop { background:#1661ac url(images/bg_header.gif) bottom left repeat-x }
#header, #cnt, #footer { width:910px; margin:0 auto}
#wrappCnt { background:#0970b1 url(images/bg_footer.gif) bottom left repeat-x; color:#fff }
#footer { color:#69a1cd; font-size:0.7em}
#WrappFooter { clear:both; background:#1981b8 url(images/bg_footer_b.gif) top left repeat-x; padding-top:20px; margin-top:30px }

#header { padding:34px 0 20px 0}
#header .logo { margin-top:20px}
#header .navTool { float:right}
#header .nav { float:right; font-size:0.7em; margin-bottom:22px}
#header .nav li { float:left; margin-right:5px; padding-right:5px; border-right:1px dotted #fff;}
#header li.last { border:none; margin:0; padding:0}
#header .nav li a { color:#fff; text-decoration:none}
#header .nav li a:hover { text-decoration:underline}

#header #main { float:left; clear:both; padding-left:25px }
#header #main li { float:left; margin-right:5px; padding-right:5px; padding-top:5px}
#header #main li.last { margin-right:0; padding-right:0;}
#header #main li a { background-image:url(images/tt_nav.gif); background-position:top left; background-repeat:no-repeat; float:left; text-indent:-9999px; overflow:hidden; height:12px}

#header #main li#home a { background-position:top left; width:41px;}
#header #main li#home a:hover { background-position:0 -12px}
#header #main li#home a.active { background-position:bottom left}

#header #main li#about a { background-position:-52px 0; width:70px;}
#header #main li#about a:hover { background-position:-52px -12px}
#header #main li#about a.active { background-position:bottom -52px}

#header #main li#news a { background-position:-134px 0; width:40px;}
#header #main li#news a:hover { background-position:-134px -12px}
#header #main li#news a.active { background-position:bottom -52px}

#header #main li#contact a { background-position:-187px 0; width:86px;}
#header #main li#contact a:hover { background-position:-187px -12px}
#header #main li#contact a.active { background-position:bottom -52px}


#wrappCnt .intro { background:url(images/header_img.jpg) top left no-repeat; width:910px; height:211px; margin-left:-15px; padding-left:35px; padding-top:20px; margin-bottom:15px}
#tt_intro { background-image:url(images/tt_helping_to_achieve_tan.gif); width:295px; height:69px}
#wrappCnt .intro p { font-size:0.8em; width:370px }

.cntLeft { float:left; width:410px}
.cntRight { float:right; width:440px; font-size:0.8em; padding-left:40px; padding-right:20px}


.boxInfo { width:370px; margin-left:20px; }
.boxInfo div.left { width:182px}
.boxInfo div.right { width:182px}
.boxInfo li { border-bottom:1px dotted #68b3db; margin-bottom:10px; padding-bottom:10px}
.boxInfo li a { margin-right:5px }
.boxInfo li h3 { display:block; margin-bottom:5px  }
.boxInfo li p { font-size:0.7em}
.boxInfo li.last { border-bottom:none; padding-bottom:0}
.boxInfo #tt_what a { background:url(images/tt_what_we_sell.gif) top left no-repeat; width:88px; height:15px}
.boxInfo #tt_testimonials a { background:url(images/tt_testimonials.gif) top left no-repeat; width:88px; height:15px}
.boxInfo #tt_how a {  background:url(images/tt_how_to_use.gif) top left no-repeat; width:90px; height:15px}

#tt_weekly_prize_draw a { background:url(images/tt_weekly_prize_draw.gif) top left no-repeat; width:182px; height:25px; margin-bottom:10px}
#tt_self_tanning a { background:url(images/tt_self_tanning.gif); width:120px; height:25px; margin-bottom:10px}

.special { border:3px solid #68b3db; padding:15px; margin-top:25px  }
.special p { font-size:0.8em}
#footer { padding-bottom:40px}
#footer ul.right .list { margin-right:5px; padding-right:5px; text-align:right; display:block; float:right; border-right:1px dotted #fff}
#footer ul.right .last { margin:0; padding:0; border:none}
#footer ul.right .clear { padding-top:10px}

/* form details */

input { border:none}
#searchsubmit, #signsubmit {color:#fff; font-weight:bold; cursor:pointer}
#searchsubmit:hover, #signsubmit:hover {opacity: .5; filter: alpha(opacity=50);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

.frmSearch { float:right }
#signUp { width:300px; float:left}
#searchsubmit { background-color:#055d94; }

#signsubmit { background-color:#69a1cd;}
#signUp legend { margin-bottom:5px}