@charset "utf-8";
@import "layout.css";
@import "reset.css";
@import "scrollable.css";
/*

Theme Name: Tobashop
Version: 1.0
Theme URI: http://www.tobacamp.com/
Description: Wordpress eCommerce style theme designed by Tobacamp..
Author: ivan f gautama
 */
 body{font:12px/1.5 "Lucida Grande",Geneva,Arial,Verdana;background:#e3e3e3;}
#logo{margin-top:20px;}
/*NAV */
/*
#topmenu{background:url(images/nav.jpg);width:960px;margin-bottom:5px;line-height:2.5em;}
#topmenu ul{padding-left:10px;}
.nav,.nav ul{list-style-type:none;list-style-position:outside;position:relative;z-index:999;margin:0;padding:0;}
.nav a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;padding:2px 6px;}
#topmenu .nav li ul li{background:#8c0a0a;}
#topmenu .nav li:hover,#topmenu .nav a:hover{background-color:#8c0a0a;color:#fff;}
*/
#pagenav ul{margin:0;padding:0 0 0 10px;}
#pagenav .nav,#pagenav .nav ul{list-style-type:none;list-style-position:outside;position:relative;z-index:990;margin:0;padding:0;}
#pagenav .nav a{display:block;color:#555;text-decoration:none;text-transform:uppercase;font-size:12px;padding:2px 6px;}
#pagenav .nav li ul li{background:#fff;}
#pagenav .nav li:hover,#pagenav .nav a:hover{background-color:#aaa9a9;color:#fff;}
/*NAV 

FEATURED
 */#featuredbox{margin:0;}
#ftnavigation{float:right;height:20px;}
.slideinfo{width:320px;top:5px;margin-top:-263px;margin-left:25px;position:relative;}
.slideinfo p{color:#555;}
.slideinfo h3{margin-bottom:8px;line-height:23px;margin-top:1px;}
.slideinfo h3 a{color:#040404;font-family:Arial, Helvetica, sans-serif;font-size:28px;}
.postfeatured,.slideinfo{float:left;}
.navcontent{float:right;}
.jFlowPrev{background:url(images/prev.jpg);width:28px;height:28px;}
.jFlowNext{background:url(images/next.jpg);width:28px;height:28px;}
.jFlowPrev,.jFlowNext{cursor:pointer;float:left;}
.featurednav{width:18px;height:18px;background:url(images/cart.jpg) no-repeat;float:left;cursor:pointer;margin:0 3px;}
.featurednav:hover{background:url(images/carthover.jpg) no-repeat;}
#featured .optiontag{font-size:18px;}
#featured .priceoption{font-size:18px;color:#f36010;font-weight:700;}
#featured h4{color:#819a16;}
#featured ul{padding-top:10px;}
#spotlight .grid_3{width:223px;}
.spot_bottom{background:url(images/spot_bottom.jpg) no-repeat;height:8px;width:223px;}
.spot_top{background:url(images/spotlight_top.jpg) no-repeat;height:35px;width:223px;padding-top:10px;}
.catbox{background:#fff url(images/spotlight_bg.jpg) repeat-y;}
#catdesc1,#catdesc2,#catdesc3,#catdesc4{margin-left:13px;}
#spotlight img{padding-left:40px;}
.catbox p{margin-top:0;padding-right:5px;color:#555;padding-left:10px;}
.catbox a{color:#666;}
#cat-2,#cat-3,#cat-4{margin-left:18px;}
.cat_title a{color:#555;font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;font-size:15px;font-weight:600;padding-left:15px;}
/* 
SPOTLIGHT
MAIN CONTENT
 */.catboxpost{padding:0 10px;}
.itemtitle{color:#809a16;font-weight:600;}
.postwrapper{text-align:center;margin-top:10px;padding:0 5px;}
.postwrapper .priceoption{font-size:16px;color:#f36010;text-align:center;}
.contenttop{background:url(images/content.jpg) no-repeat;width:960px;height:8px;}
#mid1{margin-left:1px;padding-left:10px;}
/* 
SIDEBAR
 */#sidebarleft{padding-left:0;}
.contentbtm{background:url(images/contentbtm.jpg) no-repeat;height:6px;width:960px;}
#content{margin-top:15px;background:url(images/content_bg.jpg) repeat-y;}
h2.cattitle{font-size:15px;font-family:Arial, Helvetica, sans-serif;background:url(images/titleicon.gif) no-repeat left;text-align:left;padding-left:35px;color:#555;text-transform:uppercase;line-height:34px;margin-bottom:5px;}
h2.cattitle2{font-size:15px;font-family:Arial, Helvetica, sans-serif;background:url(images/titleicon2.jpg) no-repeat left;text-align:left;padding-left:35px;color:#555;text-transform:uppercase;line-height:34px;margin-bottom:5px;}
a.itemtitle{font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.sidebarcontent{margin-right:15px;padding:10px 5px 15px 15px;}

.sidebarcontent h2{color:#555;font-family:Arial, Helvetica, sans-serif;font-size:15px;margin-bottom:5px;background:url(images/div.jpg) repeat-x bottom;padding-top:10px;}
#indexpage{margin-left:10px;}
#indexpage p{color:#555;font-family:Arial, Helvetica, sans-serif;}
#indexpage h2.itemtitle a{color:#202020;font-size:17px;}
#indexpage small{font-size:11px;color:#819a16;}
#indexpage h4{font-size:14px;color:#555;}
#indexpage .more-link{font-size:14px;color:#829b16;}
.divlayer{background:url(images/div.jpg) repeat-x;height:3px;width:100%;padding-left:2px;}
.entry a,.postbox a{color:#63770f;}
blockquote{background:url(images/quote.jpg) no-repeat left top;padding-left:50px;margin-left:20px;line-height:18px;margin-top:10px;border-left:2px dotted #555;margin-bottom:10px;padding-bottom:10px;}
/* 
SIDEBAR FOOTER
 */.footertop{background:url(images/footer_top.jpg) no-repeat top;width:960px;height:5px;margin-top:20px;}
#footer{background:#f0f0f0 url(images/ft_bg.jpg) repeat-y;color:#727272;}
#footer a:hover{color:#0f354a;}
#footer .grid_3{margin-left:30px;padding-bottom:10px;}
#footer .grid_6{padding-bottom:10px;}
.footercontent li{list-style:none;float:left;}
#footer .grid_12{background:#d9d7d7 url(images/bottomfooter.jpg) repeat-x;width:960px;padding-top:10px;}
.footercontent{padding-top:20px;}
#footer h2{font-size:14px;}
.bottomcontent{padding:10px 20px;}
.bottomcontent li{padding:0 5px;}
/* 
SCROLLABLE
 */.rightcontent{padding-left:20px;padding-top:10px;}
.rightcontent h3{color:#555;font-size:15px;font-family:Arial, Helvetica, sans-serif;}
.prev{background:url(images/prev.jpg) no-repeat;width:23px;height:38px;cursor:pointer;float:left;}
.next{background:url(images/next.jpg) no-repeat;width:23px;height:38px;cursor:pointer;float:left;clear:right;}
.scrollable .priceoption{color:#f36010;}
/* 
SCROLLABLE COMMENT
 */#commentform{border:1px solid #a9a9a8;color:#666;background:#eee;width:430px;margin:1px 7px 5px 5px;padding:10px 10px 10px 20px;}
#commentform a{color:#666;font-weight:700;}
#commentform input{margin:3px 0;padding:5px 0;}
#author,#email,#url{color:#666;border:1px solid #CCC;}
#submit{background:#ccc;color:#666;height:30px;font-weight:400;border:1px solid #8f8f8e;cursor:pointer;padding:12px;}
#commentform textarea{background:#fff;border:1px solid #ccc7b7;width:400px;}
#postcomment{color:#999;font-weight:700;}
.commentcontent{color:#999;padding:5px 5px 5px 10px;}
li.comment p{color:#3C4D54;padding:5px 0 5px 60px;}
.reply a{padding-left:50px;font-weight:700;color:#666;}
.postcontent ul{list-style-type:none;}
.avatar{float:left;margin:4px;padding:4px;}
ul.commentlist{list-style:none;}
ul.commentlist .thread-odd{background:#f9fcfd;border:1px solid #d0e1e6;color:#999;margin:5px;padding:5px;}
ul.children li{border:none;margin-left:30px;}
ul li.comment{border-left:3px solid #3C4D54;}
ul.commentlist .thread-even{background:#f9fcfd;border:1px solid #d0e1e6;margin:5px;padding:5px;}
.bypostauthor{margin:5px;padding:5px;}
.comment-meta{font-size:11px;border-bottom:1px solid #d3d2d2;}
.comment-author,.comment-meta{background:#eee;border-left:1px solid #d3d2d2;border-right:1px solid #d3d2d2;}
.comment-author{border-top:1px solid #d3d2d2;height:35px;}
.comment-author a{color:#3C4D54;font-size:20px;font-style:normal;}
li.comment .comment-meta a{color:#999;}
#postcomment ul li{list-style-type:none;list-style:none;}
#respond small{padding-left:20px;}
#respond h3{color:#666;padding-left:20px;font-size:18px;}
h4#comments{font-size:18px;color:#666;padding-left:20px;}
h3#comments{color:#666;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;}
#topmenu li,#pagenav li{float:left;list-style:none;padding:5px;}
#topmenu li a,#pagenav li a{color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;}
.nav li,#pagenav .nav li{float:left;position:relative;margin:0;padding:5px;}
.nav ul,#pagenav .nav ul{position:absolute;display:none;width:12em;top:1.5em;}
.nav li ul a,#pagenav .nav li ul a{width:12em;height:auto;float:left;}
.nav ul ul,#pagenav .nav ul ul{top:auto;}
.nav li ul ul,#pagenav .nav li ul ul{left:8em;margin:0 0 0 5px;}
.nav li:hover ul,.nav li li:hover ul,.nav li li li:hover ul,.nav li li li li:hover ul,#pagenav .nav li:hover ul,#pagenav .nav li li:hover ul,#pagenav .nav li li li:hover ul,#pagenav .nav li li li li:hover ul{display:block;}
#topmenu li a:hover,.articleinfo a:hover,.sidebarcontent a:hover,h2.title a:hover,.slideinfo a:hover,.alignleft a:hover,.alignright a:hover,.accslide a:hover,.accslide a:hover,#accstart a:hover,#pagenav li a:hover{text-decoration:none;}
#featuredslider,#spotlight .cat_title a{padding-top:5px;}
#featured .pricetag,#spotlight{margin-top:10px;}
.postfeatured li,#indexpage .entry li{background:url(images/arrow.jpg) left no-repeat;padding-left:15px;color:#76a0b4;}
#cat-1,#indexpage .grid_3{margin-left:5px;}
#sidebarleft li a,#footer a{color:#2b627f;}