/*  SmartCart - jQuery cart plugin --- http://fivelist.summerhost.info - http://tech-laboratory.blogspot.com - http://techlaboratory.wordpress.com */

/* same background color */
.scCartListItem, .shoppingBackground{background:#F8F8F8}
/* same borders */
.shoppingRadius{border-radius:5px}
.scCartListItem, .shoppingBorder{border:1px solid #E0E0E0; overflow:hidden}
.layout1c .shoppingBorder{margin:0}

form.shoppingForm, .scContainer{color:#000; position:relative}
form.shoppingForm table{border:none; color:#000; width:100%}
#body .productMiddle p{color:#444}
.scText{padding:1px 5px;width:25px}  
.scText:focus{border:1px solid #EA8511} 
.scCart{margin:5px 5px 5px 0}
.scProductList{margin:5px; max-height:600px; min-height:160px; overflow:auto; padding:5px}
.scCartList{margin:0; min-height:120px; overflow:auto; padding:1px; position:relative}
.layout1c .scCartList{min-height:300px}
.scCartListHead{font-weight:bold; min-height:25px; line-height:25px; margin:1px 0; padding:0 10px}
.scCartListItem{line-height:1em; list-style:none; margin:1px 0 0 0; padding-left:0; position:relative}
.scCartListItem:hover{background-color:#e5e5e5}
.scProductListItem{border:#E0E0E0 solid 1px; overflow:hidden; padding:6px; text-align:left}
.scProductSelect{display:none; visibility:hidden}
.scULList{display:block; list-style:none; margin:0.25em 0 1em; padding-left:0; position:relative}
.scListItemLabel{display:block; padding:5px}
#body a.scListItemRemove{background:#5A5655; border:1px solid #5A5655; color:#fff; margin:0; padding:1px 5px 2px; position:absolute; right:0; text-align:center; text-decoration:none; top:6px}
.scListItemRemove:hover{background:#EA8511; border:1px solid #EA8511; color:#fff; text-decoration:none}
.subTotalArea{overflow:hidden}
/* button css */
#body .scBtn{background:#5A5655; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; padding:5px 10px; text-decoration:none}
	#body .scBtn:hover{background:#EA8511}
input.scItemButton.scBtn{font-size:11px}

/* 1col layout style edits */
.layout1c .scProductList{height:auto; float:left; width:60%}
.layout1c .scCart{float:right; width:35%}
.layout1c .col1Hide{display:none}
.checkoutPosition{float:right; margin:10px}

/* These are our own rules for the product management colorboxes */
.mgrProductListing{margin:0 0 15px; overflow:hidden; padding:12px}
.mgrProductOdd{background-color:#ddd}
.greyedout{color:#ddd; font-style:italic}
.mgrProductListing .productimage{float:left; margin-right:10px; width:60px}
.mgrProductListing a.editlink{font-size:16px; font-weight:bold; letter-spacing:.03em; padding:2px 0}

.productListingInfo .editlink, .productListingInfo .pricing{display:block; margin-bottom:3px}

#editform{padding:15px 15px 5px; position:relative; width:600px}
#editform .imageEditHolder{width:300px}
.scInputs{float:left; width:299px}
#editform input{margin-bottom:10px; width:260px}
#editform input#price{margin-bottom:10px; width:100px}
#editform textarea{font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; width:254px}
#editform .productimage{height:100px}
.link_image_holder{margin-top:5px}
#editform label{font-size:14px; font-weight:bold; display:block; vertical-align:top; width:140px}
.imageEditHolder .mediamgrlink{background:#62ABD8; color:#fff!important; display:block; margin:0; text-decoration:none; width:auto}
.imageEditHolder .mediamgrlink:hover{background:#82c8f8}
.imageEditHolder .productimagediv{text-align:center}
.imageEditHolder a{height:auto; padding:10px 15px; width:185px}
.imageEditHolder a.deleteimagelink{padding:0}

strong.pricing{font-size:14px; padding:2px 0}
.productListingInfo{width:300px}
#smartcart{clear:both}

/* color box specific code */
#colorbox a.scBtn{color:#fff; display:block; padding:4px}
#cboxTitle{bottom:4px; color:#949494; left:0; position:absolute; text-align:center; width:100%}
.premiumContent{overflow:hidden}
.premiumContent p{float:left; width:230px}
.premiumImage{border:1px solid; margin:0 0 0 15px; width:300px}

/* intro text instruction box */
.introtext{background:#eee; background:rgba(255, 255, 255, .7); color:#000; padding:15px 15px 0}
#body .introtext a{color:#000}
.introtext ul{margin:0; padding:15px}


/* new */
#body .productHold{overflow:hidden}
#body .productImage{float:left; width:25%}
	#body .productImage a{display:block; max-width:400px}
	#body .productImage img{display:block; max-width:100%}
#body .productDescription{color:#333; float:left; padding:10px 2%; list-style:none; margin:0 0 10px; width:71%}
	#body .productName{border-bottom:1px solid #ccc; font-size:18px; margin-bottom:5px; padding-bottom:5px}
	#body .productPrice{margin-bottom:10px}
	#body .productDesc{font-size:13px}
#body .productAdd{overflow:hidden}
#body .productQuant{padding:5px 10px}
#body .scAddMore{background:#fff; border:1px solid #ccc; padding:1px 5px; text-align:center}


/* mobile styling */
@media screen and (max-device-width:480px), screen and (max-width:600px){
#body.mobileLayout.layout1c .scProductList, #body.mobileLayout.layout1c .scCart{float:none; width:auto}
}