/*
SmartCube Mockup Green
Author: Lee Munroe August 2008
*/


/* 
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/
 
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
################### Layout ################### 
*/

body{
font:72.5%/1.5 Arial, Helvetica, sans-serif;
background-image:url(../images/bg.gif);
background-repeat: repeat-y;
background-position: center;
}

#container{
width:960px;
margin:10px auto;
background:#fff;
position:relative;
padding:10px;
}

#header{
margin-bottom:20px;
}

#subnav{
float:right;
margin-bottom:5px;
}

#sidebar{
width:200px;
float:left;
margin-right:30px;
}

#main{
float:left;
width:720px;
}

#main.main-full{
float:none;
width:100%;
}

#footer{
text-align: right;
padding-top: 10px;
}

#notice{
width:400px;
margin:10px auto;
border:5px solid #c0c0c0;
padding:10px;
text-align: center;
}

/*
################### Nav ################### 
*/

#nav{
width:100%;
}

#nav a:hover span{
cursor: pointer;
}

#subnav ul li, #nav li{
display:inline;
}

#searchcontainer{
padding:10px;
text-align: right;
}

#subnav ul{
padding-right:70px;
background:no-repeat right;
padding-bottom:20px;
padding-top:5px;
}

#subnav li.items{
display:block;
margin-top:10px;
width:100%;
clear: right;
}

.categories .subcategories{
padding-bottom:10px;
}

.categories .subcategories li{
border:none;
margin-left:20px;
padding-left:10px;
background:no-repeat left;
}

.categories .subcategories li a{
background:none;
padding:3px;
width:144px;
color:#fff;
}

.categories .subcategories li a:hover span{
border-bottom:none;
color:#fff;
}

.categories .subcategories li.current{
margin-left:40px;
}

.categories .subcategories li.current a{
width:inherit;
background-image:none;
}

.categories .subcategories li.current a span{
border:none;
}

.pagination-nav{
float:right;
padding:5px 0;
}

.pagination-nav li{
display:inline;
}

#footer-nav li{
display:inline;
padding:0 5px;
}

#footer-nav a:hover{
border:none;
}

#footer-nav li.last{
border:none;
padding-right:0;
}

/*
################### Headings ################### 
*/

h1{
float:left;
margin-bottom:10px;
}

h1 span{
position: absolute;
top:-9999px;
left:-9999px;
}

h2{
font-size:2em;
margin:0 0 10px 0;
}

h3{
font-size:1.6em;
}

/*
################### Lists ################### 
*/
.product-options{
margin-top:10px;
}


#products-suggested .product-options li{
display:inline;
padding:0 5px;
margin:0;
}

.product-image-thumbs li{
display:inline;
margin-right:27px;
}

#products-suggested li{
float:left;
margin-right:30px;
}

#checkout-status{
margin-bottom:20px;
}

#checkout-status li{
display:inline;
padding:5px;
margin-right:20px;
border:1px dotted #CCCCCC;
color:#CCCCCC;
}

#checkout-status li.current{
border:1px solid #000;
color:#000;
}

.product-options li{
display:inline;
}

.product-options li a{
float:left;
}

.list{
margin-left:20px;
}

ul.list li{
list-style: disc;
}

ol.list li{
list-style: decimal;
}

/*
################### Images ################### 
*/

img{
border:none;
}

/*
################### Links ################### 
*/

a{
text-decoration:none;
}

a:hover{

}

#breadcrumbs a:hover{
border-bottom:none;
}

h3 a:hover{
border:none;
}

.link-add{
background:no-repeat;
width:89px;
height:34px;
display:block;
margin-right:10px;
}

.link-moreinfo{
background:no-repeat;
width:89px;
height:34px;
display:block;
}

.link-add span, .link-moreinfo span{
position:absolute;
left:-9999px;
top:-9999px;
}

.continue-shopping a{
margin-right:10px;
}

.continue-shopping a:hover{
border:none;
}

.button-addreview{
padding-left:20px;
background:url(../images/add.gif) no-repeat left;
}

.button-addreview a{
color:#fe6600;
border-bottom:1px solid #fe6600;
}

.button-addreview a:hover{
border:none;
}

.addproducts{
margin:40px 0;
}

.addproducts a{
padding:25px 0 25px 50px;
background:url(../images/addbig.png) no-repeat left;
font-size:1.6em;
text-decoration: underline;
}

/*
################### Forms ################### 
*/
fieldset{
border:none;
}

#frm-search #keywords{
padding:5px;
margin-right:5px;
}

#frm-search #search-submit{
padding:5px;
}

#frm-search label{
margin-right: 5px;
}

.frm-sort{
float:left;
width:300px;
}

#frm-attributes fieldset{
padding:10px;
margin-bottom:20px;
}

#frm-attributes fieldset legend{
padding:2px;
font-weight:bold;
}

#frm-attributes fieldset label{
width:80px;
display:block;
float:left;
}

#frm-review fieldset{
padding:10px;
margin-bottom:20px;
}

#frm-review fieldset legend{
padding:2px;
font-weight:bold;
}

#frm-review fieldset label{
display:block;
font-weight: bold;
}

.text-input,.textarea-input{
padding:5px;
border:1px solid;
border-color:#CCCCCC #e9e9e9 #e9e9e9 #CCCCCC;
}


#checkout fieldset{
border:1px solid #CCCCCC;
background:#f4f4f4;
padding:10px 20px;
}

#checkout legend{
font-weight:bold;
font-size:1.2em;
padding:0 10px;
}

#checkout fieldset p{
margin-bottom:20px;
}

#checkout label{
width:100px;
display:block;
float:left;
}

#checkout .frm-input{
padding:5px;
border:1px solid;
border-color:#CCCCCC #e9e9e9 #e9e9e9 #CCCCCC;
width:200px;
}



#frm-checkout-submit{
background-image:url(../images/green/buybg.gif);
color:#fff;
}

.frm-input-qty{
width:20px;
}

#checkout .frm-select{
padding:5px;
border:1px solid;
border-color:#CCCCCC #e9e9e9 #e9e9e9 #CCCCCC;
width:200px;
}

#checkout .small{
width:auto;
}

.frm-button{
padding:5px;
}

#checkout .frm-cancel{
font-size:0.9em;
margin-left:10px;
}

#checkout fieldset{
margin-bottom:30px;
}

#checkout .frm-submit{
background:#ececec;
padding:10px;
}

.button-buy{
background:no-repeat;
width:89px;
height:34px;
margin-right:10px;
border:none;
font-size:1em;
cursor: pointer;
line-height: 2em;
}

#frm-basket-update{
background:no-repeat;
width:89px;
height:34px;
margin-right:10px;
border:none;
font-size:1em;
cursor: pointer;
line-height: 2em;
}

#frm-login fieldset{
border:1px solid;
padding:10px;
}

#frm-login legend{
padding:2px;
background:#fff;
font-weight:bold;
}

#frm-login label{
width:90px;
float:left;
font-weight: bold;
}

#frm-login input{
float:left;
margin-bottom:10px;
padding:5px;
font-size:1.2em;
}

#frm-contact legend{
color:#000;
font-weight:bold;
}

#frm-contact label{
display: block;
font-weight: bold;
}

#frm-contact .text, #frm-contact .textarea, #frm-contact .submit{
padding:5px;
}

/*
################### Tables ################### 
*/

#tbl-basket{
width:100%;
}

#tbl-basket tbody td, #tbl-basket th{
padding:5px 6px;
}

#tbl-basket tfoot td{
padding:5px 2px;
}

/*
################### Typography ################### 
*/

p{
margin:10px 0;
}

#breadcrumbs p{
font-size:0.9em;
margin:0 0 5px 0;
}

.product-oldprice{
text-decoration:line-through;
font-size:1.4em;
}

.product-price{
font-weight:bold;
font-size:1.6em;
}

.product-saving{
font-size:1.2em;
}

.product-price span, .product-oldprice span{
font-size:1em;
}

.product-saving, .product-price, .product-oldprice{
margin:0;
}

.review-name{
font-weight:bold;
}

.items{
text-align:right;
}

.txtcenter{
text-align: center;
}

.txtright{
text-align: right;
}

.txtleft{
text-align: left;
}

.bodytext{
width:500px;
margin:0 auto;
}

.red{
color:red;
}

.green{
color:green;
}

/*
################### Other ################### 
*/

.pagination{
margin-bottom:10px;
padding:10px;
}

.product-image{
width:300px;
float:left;
margin-right:30px;
}

.product-details{
width:390px;
float:left;
}

#suggested{
margin-top:30px;
}

#reviews{
margin-top:30px;
}

.review{
margin:10px 0;
}

.nofloat{
float:none!important;
}

.checkout-confirm-fieldsets{
float:left;
width:430px;
margin-right:30px;
}

.nomargin{
margin:0!important;
}

.confirm{
text-align:center;
}

.basket-options{
text-align:right;
}

.remove{
padding:10px;
}