/* Common
---------------------------------------------*/

body {background:#E7E7E7;color:#333;font-family:Arial, Helvetica, sans-serif;font-size: 76%;}	

/* Links */
a{color:#39C;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#F60;text-decoration:underline;}
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
img { border:none; }
a img,:link img,:visited img { border:none; }
hr { display:none; }
.morelink {margin-left:10px;background:url(/common/images/arrow_right.gif) no-repeat;}	

/* Clear Floats Without Structural Markup
(works in IE7) 
---------------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height: 1%;}/* CSS Document */

/* Page Structure (layout)
---------------------------------------------*/

#pagewrapper {margin:0 auto;width:850px;background-color:#FFF;padding:20px;margin-top:20px;border: 1px #CCC solid;}
#innerpagewrapper {margin: 0;width:100%;}
#topbar, #content {overflow:hidden;display:inline-block;}
#topbar {width:100%;}
#topbar {margin:0 0 4px 0;height:65px;}
#body {border-collapse: collapse;width:100%;margin-top:1.25em;}
#contentarea {width:650px;vertical-align:top;margin-left:100px;margin-top:25px;}

/* Header - Top
---------------------------------------------*/

#header_top h1 a {background:transparent url(/common/images/logo.gif) left top no-repeat;float:left;margin:0;overflow:hidden;text-indent:-9000px;position:relative;width:239px;height:41px;}
#header_top h2 {color:#666;font-size:1.15em;font-weight:bold;margin-top:36px;}
#utility_nav {float:right;}
#utility_nav li {float:left;}
#utility_nav li a {color:#666;font-size:1em;font-weight:normal;margin-left:8px;padding-right:8px;text-decoration:none;background:transparent url('/common/images/gray_piper.gif') right 3px no-repeat;}
#utility_nav li.last a {background:none;padding-right:0px;}
#utility_nav li a:hover { color: #F60;text-decoration:underline; }

/* Header - Bottom
---------------------------------------------*/

#header_bottom {margin-top:42px;}
#header_bottom h2 {color:#666;font-size:1.15em;font-weight:bold;float:left;}
#header_bottom #cart {float:right;}
#header_bottom #cart p {float:left;margin-top:1px;background:transparent url(/common/images/cart.gif) left no-repeat;padding-left:22px;}
#header_bottom #cart a {background:transparent url(/common/images/buttons/btn_view_cart.gif) right no-repeat;text-decoration:none;float:left;overflow:hidden;position:relative;text-indent:-9000px;margin-left:6px;width:101px;height:19px;}
#header_bottom #cart a:hover {color: #F60;text-decoration:underline; }

/* Horizontal navigation
---------------------------------------------*/

#horiz_nav {margin-bottom:8px;background-color:#666;}
#horiz_nav li {float:left;position:relative;}
#horiz_nav li a {border-right:1px solid #FFF;color:#FFF;display:block;font-size:1.12em;font-weight:bold;padding:6px 15px 5px 15px;text-decoration:none;text-transform:none;}
#horiz_nav li a:hover {background-color: #3399CC; }
#horiz_nav li.selected {background-color: #3399CC; }

/* Home Page Banner
---------------------------------------------*/
#homebanner {margin:0;height:269px;}
#homebanner #slideshow {float:left;}
#homebanner #box {float:left;background-color:#E7E7E7;width:440px;height:269px;margin-left:10px;}
#homebanner #box #content {padding:20px;}
#homebanner #box #content h1 {color:#006;font-size:2em;font-weight:normal;}
#homebanner #box #content ul {margin:10px 0 10px 30px;}
#homebanner #box #content li {color:#333;font-size:1.4em;font-weight:normal;line-height:25px;list-style:none outside url('/common/images/list_bullet.gif');}
#homebanner #box #content #btnproduct a {background:transparent url(/common/images/buttons/btn_learnmore.gif) right no-repeat;text-decoration:none;float:left;overflow:position:relative;hidden;text-indent:-9000px;width:88px;height:19px;}
#homebanner #box #content #btnbuy a {background:transparent url(/common/images/buttons/btn_buynow.gif) right no-repeat;text-decoration:none;float:left;overflow:position:relative;hidden;text-indent:-9000px;width:88px;height:19px;}
#homebanner #box #content a:hover {color: #F60;text-decoration:underline; }

/* Home Page Promo
---------------------------------------------*/
#homepromo {margin-top:20px;margin-bottom:15px;height:210px;line-height:16px;}
#homepromo #promoarea {float:left;width:262px;height:165px;margin-right:5px;padding-right:3px;}
#homepromo #promoarea div.first {margin-left:0px;}
#homepromo #promoarea div.last {border-right:0px;}
#homepromo #promoarea h2 {color:#006;font-size:1.50em;font-weight:normal;}
#homepromo #promoarea p {margin:4px 5px 4px 0;color:#333;font-size:1.2em;font-weight:normal;}
#homepromo #promoarea img {margin-top:5px;padding-bottom:10px;}
#homepromo #promoarea a {color: #39C;text-decoration:none; }
#homepromo #promoarea a:hover {color: #F60;text-decoration:underline; }
#homepromo #promobox {float:left;background-color:#3399CC;width:262px;height:190px;margin-right:25px;}
#homepromo #promobox img {margin:10px;}
#homepromo #promobox h2 {color:#FFF;font-size:1.70em;margin:10px;font-weight:normal;}
#homepromo #promobox p {color:#FFF;font-size:1.3em;margin:10px 10px 5px 10px;line-height:18px;}

/* Content & Headers
---------------------------------------------*/

#contentarea {font-size:1.1em;width:700px;}
#contentarea h1 {font-size:2em;font-weight:normal;color:#006;margin-bottom:.50em;}
#contentarea h2 {font-size:1.30em;font-weight:bold;color:#F60;margin-bottom:.6px;margin-top:10px;}
#contentarea h2 a {color:#F60;text-decoration:none;}
#contentarea h3 {font-size:1.1em;font-weight:bold;color:#333;margin-bottom:2px;margin-top:10px;}
#contentarea a {text-decoration: underline;}
#contentarea p{line-height:1.525;padding:.25em 0 .75em 0;}
#contentarea ul {margin-left:35px;margin-bottom:15px;}
#contentarea li {margin-top:5px;line-height:1.6;list-style:none outside url('/common/images/list_bullet.gif');}


/* Contact Box
---------------------------------------------*/
#contactbox {background-color:#EFF4FA;border: 1px #CCC dashed;width:170px;padding:10px;}
#contactbox h2 {font-size:1.1em;font-weight:bold;color:#F60;}


/* Products
---------------------------------------------*/

#products {margin-top:25px;}
#products #toprow {float:left;width:100%;}
#products #btmrow {float:left;width:100%;margin-top:35px;}
#products #photo_left {float:left;}
#products #photo_right {float:left;margin-left:40px;}
#products #description {float:left;margin-left:15px;width:150px;}
#products #order p {float:left;margin-left:5px;}
#products #order select {float:left;margin-left:5px;}
#products #order input {float:left;margin-left:5px;}

/* Detail Page
---------------------------------------------*/

#detail #photo {float:left;width:275px;}
#detail #description {float:left;margin-left:20px;width:400px;padding:0px;}
#detail #description ul {margin-left:25px;margin-bottom:10px;}
#detail #description li {margin-top:5px;line-height:1.35;list-style:none outside url('/common/images/list_bullet.gif');}

/* Photo Gallery
---------------------------------------------*/

#gallery {margin-top:0px;margin-bottom:25px;font-size:1.1em;}
#gallery #toprow {float:left;width:100%;}
#gallery #btmrow {float:left;width:100%;margin-top:20px;}
#gallery #photo {float:left;margin-right:30px;}

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

#footer {margin-top:20px;padding-bottom:30px;text-align:center;}
#footer p {font-size:.90em;color:#666;}