/* Body
--------------------------------------------------------------------------- */
body {background:#3FB9C7 url(../img/bg-body.gif) repeat-x 0 0;}
#container {width:711px;margin:0 auto;font-size:1.4em;line-height:1.5;color:#333;}
a {color:#3377B8;}
a:hover {text-decoration:none;}

/* Header
--------------------------------------------------------------------------- */
#header {position:relative;padding:36px 0 0 11px;}
#header h1 a {background:url(../img/twr-logo.gif) no-repeat 0 0;display:block;overflow:hidden;padding-top:61px;height:0px;width:363px;}

#header #search {position:absolute;right:21px;top:70px;}
#header #search form {background:url(../img/bg_search_box.gif) no-repeat 0 1px;height:25px;width:175px;}
#header #search label {display:none;}
#header #search input#query {color:#A2A2A2;border:0;background-color:transparent;font-size:10px;width:141px;position:absolute;left:6px;top:5px;}
#header #search input#sph-submit {position:absolute;right:3px;top:4px;}

/* Navigation
--------------------------------------------------------------------------- */
#nav {background:#FFF url(../img/bg-nav.gif) no-repeat 0 0;color:#6A6A6A;height:55px;text-align:center;padding:15px 0 0 0;}
#nav ul {list-style:none;padding:0;margin:0;}
#nav ul li {padding:0;display:inline;}
#nav ul li a {color:#6A6A6A;text-decoration:none;background:url(../img/nav-sprite.gif) no-repeat 50% 0;display:inline-block;overflow:hidden;padding-top:55px;height:0;}
#nav ul li.pr a {width:177px;background-position:50% 0;}
#nav ul li.ws a {width:153px;background-position:50% -110px;}
#nav ul li.faq a {width:48px;background-position:50% -220px;}
#nav ul li.mb a {width:118px;background-position:50% -330px;}
#nav ul li.as a {width:113px;background-position:50% -440px;}
#nav ul li a:hover {color:#3E9AA5;background-position:50% -55px;}
#nav ul li.pr a:hover {width:177px;background-position:50% -55px;}
#nav ul li.ws a:hover {width:153px;background-position:50% -165px;}
#nav ul li.faq a:hover {width:48px;background-position:50% -275px;}
#nav ul li.mb a:hover {width:118px;background-position:50% -385px;}
#nav ul li.as a:hover {width:113px;background-position:50% -495px;}

/* Content
--------------------------------------------------------------------------- */
#content {background:#FFF url(../img/bg-content.gif) repeat-y 0 0;padding:0 15px 80px;}

#content #banner {background:url(../img/bg-banner.gif) repeat-x 0 0;height:113px;position:relative;}
#content #banner h2 {
	background:url(../img/whitening-simulator.png) no-repeat 0 0;
	overflow:hidden;
	padding-top:53px;
	width:387px;
	height:0;
	position:absolute;
	top:33px;
	left:30px;
	background-image: url(../img/whitening-simulator.png);
}
#content #banner h3 a {background:url(../img/app-store.png) no-repeat 0 0;overflow:hidden;padding-top:87px; margin-top:16px; width:205px;height:0;position:absolute;top:21px;right:39px;}

#content #maincontent div.col1 {float:left;padding:20px;width:270px;text-align:center;}
#content #maincontent div.col1 a {margin:-35px 12px 0;display:inline-block;}
#content #maincontent div.col2 {margin-left:315px;padding:20px 20px 20px 0;}
#content #maincontent div.col2 h1 {font-size:1.3em;margin:0 0 10px 0;font-weight:normal;color:#333333;}
#content #maincontent div.col2 h2 {font-size:1.1em;margin:20px 0 10px 0;font-weight:normal;color:#333333;}
#content #maincontent div.col2 ul {list-style:none;padding:0;}
#content #maincontent div.col2 ul li {padding-left:20px;background:url(../img/dot.gif) no-repeat 0px 9px;margin:5px 0;}
#content #maincontent div.col2 ul.quicklinks {margin-top:40px;}
#content #maincontent div.col2 ul.quicklinks li {padding-left:0;background:none;margin:3px 0;}
#content #maincontent div.col2 ul.quicklinks li.large strong {font-size:1.2em;font-weight:normal;}

#content #reviews {margin:0 25px;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
#content #reviews div.col1 {float:left;width:295px;padding:20px 10px;}
#content #reviews div.col2 {margin-left:326px;padding:20px 10px;}
#content #reviews div.col1 img {margin:12px 0 5px 0;}
#content #reviews div blockquote {padding:0;margin:0;font-size:1.2em;}
#content #reviews div cite {text-align:right;font-size:0.8em;display:block;}

/* Footer
--------------------------------------------------------------------------- */
#footer {background:#FFF url(../img/bg-footer.gif) no-repeat 0 0;font-size:0.8em;height:39px;margin-bottom:5px;}
#footer ul {list-style:none;padding:0;margin:0;text-align:center;}
#footer ul li {padding:5px 6px;display:inline-block;}
#footer ul li a {color:#D4683A;text-decoration:none;}
#footer ul li a:hover {color:#0E7DD2;}

#xfooter {color:#BBE9EE;font-size:0.75em;text-align:center;}
#xfooter a {color:#BBE9EE;text-decoration:none;}
#xfooter a:hover {text-decoration:underline;}