@import url('reset.css');
body {font: 62.5%/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; text-align: center; background: #B5E2E0; color: #000;}

/* Page */
#page {width: 960px; margin: 0 auto 36px; padding: 0 10px; text-align: left; position: relative; background: #FFF url('../images/page_bg_shadow.jpg') center top repeat-y;}
#header {border-top: 3px solid #E6E9D6; height: 147px; position: relative;}
#header h1 {position: absolute; bottom: 20px; left: 20px;}
#header h1 a {text-indent: -9999px; display: block; outline: none; height: 119px; width: 144px; background: url('../images/logo_transparent.png') top left no-repeat;}

/* Current Page */
body#about a#about_pg_link:link, body#about a#about_pg_link:visited, 
body#testimonials a#testimonials_pg_link:link, body#testimonials a#testimonials_pg_link:visited, 
body#research a#research_pg_link:link, body#research a#research_pg_link:visited, 
body#contest a#contest_pg_link:link, body#contest a#contest_pg_link:visited, 
body#home a#home_pg_link:link, body#home a#home_pg_link:visited, 
body#shop a#shop_pg_link:link, body#shop a#shop_pg_link:visited, 
body#shipping a#shipping_pg_link:link, body#shipping a#shipping_pg_link:visited, 
body#contact a#contact_pg_link:link, body#contact a#contact_pg_link:visited, 
#header ul li a:hover, #header ul li a:active {background: #E6E9D6; color: #333; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;}

/* Site Navigation */
#site_navigation {position: absolute; top: 20px; right: 20px;}
#site_navigation ul {float: left;}
#site_navigation ul li {float: left;}
#site_navigation ul li a {font-size: 1.2em; line-height: 1.5; text-transform: lowercase; padding: .2em 10px .3em; color: #666; text-decoration: none;}

/* Shop Navigation */
#shop_navigation {position: absolute; bottom: 20px; right: 20px;}
#shop_navigation ul {float: left;}
#shop_navigation ul li {float: left;}
#shop_navigation ul li a {font-size: 1.8em; line-height: 1; text-transform: lowercase; padding: .1667em 10px .333em; color: #000; text-decoration: none;}

/* Showcase */
#showcase {border-top: 1px solid #DDD; position: relative; width: 960px; height: 300px;}
#showcase img {width: 960px; height: 300px;}
#showcase h2 {position: absolute; top: 54px; right: 0; display: inline; background: #FFF; font: normal 2.4em/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding: 0 20px; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
#showcase h3 {position: absolute; top: 108px; right: 0; display: inline; background: #FFF; color: #78D9EC; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; font: normal 6em/1.2 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding: 0 20px;}
#showcase p {font-size: 1.2em; line-height: 1.5; color: #000; position: absolute; top: 196px; right: 0; display: inline; background: #FFF; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 35em; padding: 0 20px;}
#showcase span.button {position: absolute; top: 250px; right: 20px;}
#showcase span.button a:link, #showcase span.button a:visited {width: 13em;}

/* Product Navigation */
#product_navigation ul {width: 960px; float: left; background: #CFD1C0 url('../images/product_nav_gradient.jpg') top left repeat-x; border-bottom: 1px solid #999;}
#product_navigation ul li {float: left;}
#product_navigation ul li a {display: block; font-size: 2.4em; color: #666; height: 99px; text-transform: lowercase; text-indent: -9999px; outline: none;}
#product_navigation ul li a#books_link {background: url('../images/books_link.png') top left no-repeat; width: 238px; border-right: 2px solid #999;}
#product_navigation ul li a#books_link:hover {background-color: #E6E9D6;}
#product_navigation ul li a#sets_link {background: url('../images/sets_link.png') top left no-repeat; width: 238px; border-right: 2px solid #999;}
#product_navigation ul li a#sets_link:hover {background-color: #E6E9D6;}
#product_navigation ul li a#clocks_link {background: url('../images/clocks_link.png') top left no-repeat; width: 238px; border-right: 2px solid #999;}
#product_navigation ul li a#clocks_link:hover {background-color: #E6E9D6;}
#product_navigation ul li a#demo_link {background: url('../images/demo_link.png') top left no-repeat; width: 240px;}
#product_navigation ul li a#demo_link:hover {background-color: #E6E9D6;}

/* Featured */
#featured {width: 718px; border-right: 2px solid #999; float: left; background: #FFF url('../images/featured_bg.jpg') bottom left repeat-x;}
#main #featured {border: none;}
#featured h3 {font-size: 1.5em; font-weight: normal; line-height: 1.2em;}
#featured_first {border-right: 2px solid #FFF;}
#featured_second {border-right: 2px solid #FFF;}
#featured_third {}
.featured_product {height: 290px; width: 238px; padding: 0 0 10px; float: left; position: relative;}
body > #page .featured_product {min-height: 290px; height: auto;}
.featured_product img {display: block; margin: 20px auto;}
.featured_product h4 {font: bold 1.2em/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;border-bottom: 1px solid #CCC; margin: 0 20px 10px;}
.featured_product .price_tag {margin: 0 0 0 3em;}
.featured_product p {font-size: 1.1em; line-height: 1.384em; color: #666; padding: 0 20px;}
.featured_product a.buy {position: absolute; bottom: 10px; right: 20px;}


/* Specials */
#specials {width: 240px; height: 320px; float: left; position: relative;}
body > #page #specials {min-height: 320px; height: auto;}
#specials h3 {font-size: 1.5em; font-weight: normal; line-height: 1.2em;}
#specials h4 {text-align: right; font-weight: normal; font-size: 2.4em; color: #000; line-height: 1.25em; text-transform: lowercase; margin: 20px 10px 0 0;}
#specials h4 em {display: block; font-style: normal; font-size: .75em; color: #666; line-height: 1.667em;}
#specials span.button {position: absolute; bottom: 20px; right: 20px;}

/* Main */
#main {width: 718px; float: left; border-right: 2px solid #999;}
#main h2 {font-size: 1.5em; font-weight: normal; line-height: 1.2em;}

/* Content */
#content {padding: 20px; height: 360px; background: url('../images/content_bg_gradient.jpg') top left repeat-x;}
body > #page #content {min-height: 360px; height: auto;}
#content p {font: 1.2em/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; margin: 0 0 1.2em; margin: 0 0 1.5em;}
#content em {font-style: italic;}
#content strong {font-weight: bold;}
#content h2, #content h3 {font-size: 1.5em; font-weight: normal; line-height: 1.2;}
#content h4 {font-size: 1.5em; font-weight: bold; line-height: 1.2em; letter-spacing: 1px; text-transform: lowercase; color: #333;}
#content a:link, #content a:visited {text-decoration: none; color: #9E4323;}
#content a:hover, #content a:active {text-decoration: underline; color: #62b0bf;}
#content abbr {font-style: italic;}
#content dl {margin: 0 0 1.8em;}
#content dl dt {font-size: 1.5em; line-height: 1.2;}
#content dl dd {font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em 1.75em; color: #333;}
#content address {font-style: normal;}
#content acronym {border-bottom: 1px dashed #CCC;}
#content ul {list-style: inside disc; margin: 0 0 1em;}
#content ul li, #content ol li {font-size: 1.2em; line-height: 1.5;}
#content ul ul {list-style: inside circle; margin: 0 0 0 20px;}
#content ul ul li {font-size: 1em;}
#content ul ul ul {list-style: inside square; margin: 0 0 0 20px;}
#content ul ul ul li {font-size: 1em;}
#content ol {list-style: inside decimal}
#content blockquote {margin: 1.8em 0; padding: .9em 2em; border-bottom: 1px dashed #CCC;}
#content blockquote p {font-size: 1.5em; line-height: 1.2; margin: 0 0 1.2em; letter-spacing: 1px; font-family: "American Typewriter", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;}
#content blockquote cite {font: italic 1.2em/1 "American Typewriter", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; display: block; margin: 0 1em; text-align: right;}
#content pre, #content code, #content tt {font: 1.2em/1.5 "American Typewriter", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; margin: 1.5em 0;}
#content img.primary {display: block; float: left; margin: 0 20px 10px 0;}
#content table {margin: 0 0 1em;}
#content table td, #content table th {font-size: 1.2em; line-height: 1.5; padding: .25em;}

/* Shop */
#content.shop {height: 645px;}
body > #page #content.shop {min-height: 645px; height: auto;}
table.productTable td {vertical-align: middle;}
div.ui-dialog {background: #FFF; border: 8px solid #999;}
.ui-dialog {position: relative;}
a.ui-dialog-titlebar-close {font-size: 1.6em; line-height: 1.125; position: absolute; top: 0; left: 0; display: block; padding: 0 5px 3px 2px;}
a.ui-dialog-titlebar-close:link, a.ui-dialog-titlebar-close:visited {background: #999; text-decoration: none; color: #FFF;}
a.ui-dialog-titlebar-close:hover, a.ui-dialog-titlebar-close:active {color: #9E4323;}
#content p.price {font: 1.2em/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; color: #333; margin: 0 0 .5em;}

/* Testimonials */
.testimonial {margin: 0 0 1.8em; padding: 20px 0; border-bottom: 1px solid #999;}
.testimonial cite {display: block; font-size: 1.5em; line-height: 1.2; font-weight: bold; color: #333;}

/* Research */
.research {margin: 0 0 1.8em; padding: 20px 0; border-bottom: 1px solid #999;}

/* Sidebar */
#sidebar {width: 240px; float: left;}
#sidebar h3 {font-size: 1.5em; font-weight: normal; line-height: 1.2em;}
#sidebar h4 {font-size: 1.5em; font-weight: bold; line-height: 1.2em; letter-spacing: 1px; text-transform: lowercase;}
#sidebar p {font-size: 1.2em; line-height: 1.5;}
#sidebar img#contestButton, #sidebar img#creditCardLogos {display: block; margin: 20px;}
#sidebar form#searchForm {padding: 10px; margin: 20px; background: #E6E9D6; border: 1px solid #999;}
#sidebar form#searchForm label {display: block; font-size: 1.5em; font-weight: bold; line-height: 1.2em; letter-spacing: 1px; text-transform: lowercase; color: #333;}
#sidebar .contact_info {margin: 20px; padding: 10px; background: #E6E9D6; border: 1px solid #999; color: #333;}
#sidebar .contact_info a:link, #sidebar .contact_info a:visited {text-decoration: none; color: #9E4323;}
#sidebar .contact_info a:hover, #sidebar .contact_info a:active {text-decoration: underline; color: #62b0bf;}
#sidebar address {font-style: normal; font-size: 1.2em; line-height: 1.5;}
#sidebar #thawte {width: 80px; height: 80px; margin: 20px;}
#sidebar #lifestyle {position: relative; border: 1px solid #999; border-width: 1px 0; margin: 0 0 20px;}
#sidebar #lifestyle img {display: block; width: 240px; height: 160px;}
#sidebar #lifestyle span.button {position: absolute; bottom: 10px; left: 20px;}
#sidebar #lifestyle span.button a:link, #sidebar #lifestyle span.button a:visited {width: 12em;}

/* Footer */
#footer {clear: left; border: 1px solid #999; border-width: 1px 0 2px; width: 920px; padding: 10px 20px 20px; position: relative;}
#footer p {color: #666;}
#footer ul {position: absolute; top: 10px; right: 20px;}
#footer ul li {float: left; padding: 0 10px;}
#footer a:link, #footer a:visited {color: #999; text-decoration: none;}
#footer a:hover, #footer a:active {color: #666; text-decoration: underline;}

/* Misc */
span.button {background: #CC6802 url('../images/button_orange_gradient.jpg') top left repeat-x; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;}
span.button a:link, span.button a:visited {display: block; width: 9em; height: 2em; color: #FFF; background: url('../images/button_arrow.gif') 92% 50% no-repeat; font-size: 1.2em; line-height: 1.75; text-transform: lowercase; text-decoration: none; text-align: center;}
span.button a:hover, span.button a:active {color: #FFF; background-color: #FD7F00; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;}
body > #page span.button a:link, body > #page span.button a:visited {background: url('../images/button_arrow.png') 92% 50% no-repeat;}
body > #page span.button a:hover, body > #page span.button a:active {background-color: #FD7F00;}
a.buy {display: block; text-indent: -9999px; outline: none; width: 50px; height: 50px; background: url('../images/buy_button.gif') top left no-repeat;}
body > #page a.buy {background: url('../images/buy_button.png') top left no-repeat;}
.title {background: #666; color: #FFF; padding: 6px 20px;}
span.bold {font-weight: bold;}