/* css reset
--------------------------------------------- */
@import "reset.css";

/* element definitions
--------------------------------------------- */
html,body { text-align:left; font-family:Arial, Helvetica, sans-serif; color:black; height:100%; }
body { font-size:62.5%; background:#fff url(/media/images/bg.gif) repeat-x top left; color:#666;} /* Creates an even base point. 1em = 10px, 1.2em = 12px, etc. */

a:link, a:visited, a:active{ color:#666; text-decoration:none; }
a:hover, a:focus { color:#ff0000; text-decoration:underline; }

h1{font-size:1.5em; color:#cf0000; background:transparent;}
h2{padding-left:60px; height:40px; padding-top:20px; font-size:1.6em; margin-bottom:20px; color:#cf0000; background:#fff url(/media/images/ninjastar.gif) no-repeat top left;}
h3 { }
h4 { }
h5 { }
h6 { }

p, span, li, em { line-height:1.4em; font-size:1.2em;}

:focus { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote { }

/* layout
--------------------------------------------- */
.container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /* container is used to wrap floating elements */
.container { display: inline-block; margin-left:auto; margin-right:auto; width:985px; min-height:500px; font-size:1.2em;}
html[xmlns] .container {display: block;}
* html .container { height: 1%;}

.col_50 { width:50%; float:left; }
.col_30 { width:200px; float:left; }
.col_70 { width:765px; float:left; margin-left:20px;}
.col_25 { width:25%; float:left; }
.col_10 { width:10%; float:left; }

/* common styles
--------------------------------------------- */
.header{height:169px;}
.header_logo{float:left; width:187px; height:131px; margin-top:24px;}
.header_ad{width:500px; float:right; margin-top:10px; text-align:right;}

.footer{clear:both; width:985px; height:37px; padding-top:18px; text-align:center; margin-bottom:5px; background:transparent url(/media/images/topbar.gif) no-repeat top left;}
.footer li{display:inline; margin-left:10px; margin-right:50px;}

.clear{clear:both;}

.search_bar{float:right; width:731px; height:39px; padding-top:16px; margin-top:10px; margin-bottom:30px; background:transparent url(/media/images/navbar.gif) no-repeat top left; font-weight:bold; font-size:1.1em;}
.s1{float:left; margin-left:10px; margin-right:60px;}
.s2{float:left; margin-right:60px;}
.s3{float:left; margin-right:10px; font-size:1em; margin-top:2px;}
.s4{float:left; margin-left:10px; margin-top:-4px;}
.search{float:left; margin-top:3px;}

input{border:1px solid #666; width:180px;}

.nav{width:188px; padding:5px; background:#f3f3f3; margin-top:26px; border:1px solid #aaa; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em 1em;}
.nav li{font-weight:bold; margin-bottom:5px; margin-top:5px; background:#eee;}

.featured_block{width:750px; height:270px; overflow:hidden; border-bottom:1px solid #aaa;}
.featured_item{margin-top:285px; width:167px; float:left; margin-right:15px;}
.featured_image{margin-bottom:10px; width:150px; height:150px; overflow:hidden;}
.featured_title{font-size:1.2em; height:30px; overflow:hidden;}
.featured_more{float:left; padding-top:10px; text-align:right; width:100%; height:20px;}
.cart{float:right; width:40px;}
.price{width:100px; float:left; color:#30aa00; font-size:1.3em; font-weight:bold; margin-top:8px;}

.adzone_left{margin-top:10px; margin-bottom:10px;}
.left_box{width:188px; padding:5px; border:1px solid #aaa; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em 1em; overflow:hidden; margin-bottom:20px;}
.left_items{width:188px; margin-top:5px; margin-bottom:5px; margin-left:-300px;}
.leftbox_image{width:60px; float:left; margin-right:5px; padding-top:15px;}
.leftbox_title{width:120px; font-size:1.2em; float:left;}
.left_cart{float:left; width:50px; text-align:right;}
.left_price{width:70px; float:left; color:#30aa00; font-size:1.3em; font-weight:bold; margin-top:8px;}

.sub_h{color:#666; font-size:.9em;}
.headline_image{float:left; margin-right:10px; padding-top:4px;}
.headline_news{font-size:1.4em; line-height:1.2em;}

.sub_headlines{float:left; width:230px; margin:20px 10px 20px 0px;}
.sub_headline_image{float:left; margin-right:10px; padding-top:12px;}

.cart_header{width:600px; height:60px; background:#eee;}
.cart_contents{width:600px; height:400px; overflow:auto;}
.cart_footer{width:600px; height:40px; text-align:right;}

.info{margin-bottom:10px;}
.info a, .answer a{font-weight:bold; }
.question{margin-bottom:10px;}
.answer{margin-bottom:30px;}

.browse_item{min-height:110px; margin-bottom:30px; display:none;}
.browse_image{float:left; width:150px;}
.browse_title{width:500px; float:left; font-size:1.4em; font-weight:bold; margin-top:-10px;}
.browse_details{width:500px; float:left; margin-top:5px; margin-bottom:5px; line-height:1.3em;}
.browse_cart{width:40px; float:left; margin-left:30px;}

.item_image{width:735px; margin-bottom:20px; text-align:center;}
.item_title{width:735px; height:40px; float:left; font-weight:bold; font-size:1.6em;}
.item_description{width:735px; float:left; margin-top:20px; line-height:1.3em; font-size:1.2em;}
.item_price{width:160px; float:left; color:#30aa00; font-size:1.3em; font-weight:bold; margin-top:8px;}
.item_cart{width:40px; float:left;}
.item_policies{width:713px; margin-top:20px; border:1px solid #aaa; padding:10px;}

.pagination{width:100%; height:20px; margin-top:20px; margin-bottom:20px; clear:both; text-align:center;}
.pagination li{display:inline; margin-right:8px;}

.cart_header{width:600px; height:60px;  border-bottom:1px solid #666; background:#eee url(/media/images/ncartbg.gif) repeat-x top left;}
.cart_contents{width:590px; height:320px; margin-top:10px; overflow:auto;}
.cart_footer_info{width:280px; float:left; text-align:left; padding:10px;}
.cart_footer_totals{width:280px; float:left; }
.cart_footer{width:580px; height:100px; padding-top:10px; padding-right:20px; text-align:right; border-top:1px solid #666;}
.cart_item{width:450px; float:left; margin-right:10px;}
.cart_item_details{width:100px; float:left; margin-top:10px;}
.cart_item_details ul{margin:0px; padding:0px;}
.cart_item_details li{margin:0px 0px -3px 0px; padding:0px;}
.cart_image{width:60px; float:left;}
.cart_title{width:340px; float:left; font-size:1.4em; margin-top:8px;}
.cart_clear{clear:both; margin-top:10px;}
.cart_option_buttons{width:12px; height:12px; margin-top:2px; float:left; margin-right:10px;}