/* shop.css - shop caddy CSS definitions */


/* thumbnails, on the category page */
DIV.productThumbnail {
clear: both;
padding: 10px 0px;
border-bottom: 1px dashed #666666;
/*position: relative;*/
}

DIV.detailsWrapper{
/*position: absolute;*/
left:180px;
width:380px;
}

DIV.productThumbnailFirst {
margin-top: 20px;
}

DIV.productThumbnail DIV.productThumbnailContainer {
float: left;
display: inline;
width: 150px;
margin: 0 12px 0 0px;
text-align: center;
}

DIV.productThumbnail IMG {
display: block;
margin: auto;
}
DIV.productThumbnail IMG.noPhoto75 {
border: 2px outset #EEEEEE;
}
DIV.productThumbnail DIV.productTitle {
font-size: 14px;
margin-bottom: 8px;
}
DIV.productThumbnail DIV.productTeaser {
margin-bottom: 8px;
}

DIV.productThumbnail DIV.productPrice {
font-size: 12px;
}
DIV.productThumbnail DIV.productMfr {
font-size: 11px;
margin-top: -8px;
margin-bottom: 8px;
}

DIV.productThumbnail DIV.productAddToCart {
display: none;
}

DIV.productThumbnail DIV.productAddToCart A {
padding-left: 23px;
padding-right: 5px;
background: url('icon_cart.gif') no-repeat 2px;
}

/* product details page */
DIV.productDetails {
margin: 25px 3px;
}

DIV.productDetails FORM {
margin: 0;
}

DIV.productDetails DIV.productMfr {
padding-left: 0;
margin-top: -17px;
margin-bottom: 16px;
}

DIV.productDetails DIV.productInfo {
float:left; 
width:100%;
}

DIV.productDetails DIV.productInfo DIV.productImage {
float: left;
display: inline;
width: 300px;
margin-right: 16px;
padding-bottom: 10px;
text-align: center;
}

DIV.productDetails DIV.productInfo DIV.productImage TABLE.productImageCrop {
margin: 0 auto 4px;
border-spacing: 0px;
border-collapse: collapse;
}

DIV.productDetails DIV.productInfo DIV.productImage TABLE.productImageCrop TD {
width: 154px;
height: 154px;
padding: 0;
text-align: center;
}


DIV.productDetails DIV.productInfo DIV.productImage DIV.prodLargeLink A {
padding-left: 21px;
padding-right: 5px;
background: url('icon_view.gif') no-repeat 1px;
}

DIV.productDetails DIV.productInfo DIV.productData {
width: 160px;
float: right;
display: inline;
padding-left: 10px;
padding-bottom: 15px;
}

DIV.productDetails DIV.productInfo DIV.productPrice,

DIV.productDetails DIV.productInfo DIV.productAttr,

DIV.productDetails DIV.productInfo DIV.productQty {
margin-bottom: 10px;
}

DIV.productPrice {
margin-bottom: 16px;
}


DIV.productDetails DIV.productInfo DIV.productData LABEL {
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
line-height: 1em;
}

DIV.productDetails DIV.productInfo DIV.productData DIV.productPrice LABEL {
margin-bottom: 3px;
}

DIV.productDetails DIV.productInfo SELECT {
font-size: 8pt;
width: 100%;
margin-top: 0;
}

DIV.productDetails INPUT.productSubmit {
margin-top: 4px;
}

DIV.productDetails DIV.productDesc {
clear: both;
border-top: 1px dotted #999999;
margin-bottom: 8px;
padding-top: 10px;
}

DIV.productDetails DIV.productDesc LABEL {
display: none;
}


/* shopping cart page */
DIV.shoppingCart {
text-align: center;
line-height: 1.1em;
}

DIV.shoppingCart DIV.quantity {
text-align: left;
padding-left: 15px;
margin-top: 20px;
margin-bottom: 25px;
}

DIV.shoppingCart TABLE.cartItems {
width: 100%;
margin: auto 0 15px;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

DIV.shoppingCart TABLE.cartItems TH {
background-color: #BBBBBB;
color: #333333;
font-size: 8pt;
padding: 2px 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

DIV.shoppingCart TABLE.cartItems TH.cartItemQuantity {
text-align: left;
padding-left: 12px;
}

DIV.shoppingCart TABLE.cartItems TH.cartItemContent {
text-align: left;
padding-left: 5px;
}

DIV.shoppingCart TABLE.cartItems TH.cartItemPrice {
text-align: right;
padding-right: 10px;
}

DIV.shoppingCart TABLE.cartItems TR.cartItem TD {
border-bottom: 1px dotted gray;
}

DIV.shoppingCart TABLE.cartItems TD.cartItemQuantity {
text-align: center;
}

DIV.shoppingCart TABLE.cartItems TD.cartItemQuantity FORM {
margin: 4px 6px 8px 6px;
font-size: 8pt;
}

DIV.shoppingCart TABLE.cartItems TD.cartItemQuantity FORM INPUT.removeSubmit {
font-size: 7pt !important;
width: 55px;
}

DIV.shoppingCart TABLE.cartItems TD.cartItemQuantity FORM.formChangeQty {
}

DIV.shoppingCart TABLE.cartItems TD.cartItemQuantity FORM.formChangeQty SELECT {
width: 55px;
font-size: 8pt !important;
}


DIV.shoppingCart TABLE.cartItems TD.cartItemContent {
text-align: left;
padding: 8px 5px 2px 5px;
}

DIV.shoppingCart TABLE.cartItems DIV.productName {
font-size: 9pt;
line-height: 1.3em;
margin: 2px 0 5px;
}

DIV.shoppingCart TABLE.cartItems TD.cartItemPrice {
text-align: right;
white-space: nowrap;
font-size: 8pt;
padding: 8px 5px 2px 10px;
}

DIV.shoppingCart TABLE.cartItems TR.cartTotal TD {
text-align: right;
padding-top: 11px;
font-weight: bold;
white-space: nowrap;
}

DIV.shoppingCart TABLE.cartItems TR.cartTotal TD.cartTotalLabel {
padding-right: 5px;
}
DIV.shoppingCart TABLE.cartItems TABLE.productAttributes {
margin: 5px 2px 8px 12px;
}

DIV.shoppingCart TABLE.cartItems TABLE.productAttributes TD {
border: none;
font-size: 7pt;
padding: 1px 3px !important;
}

DIV.shoppingCart TABLE.cartItems TABLE.productAttributes TD.attrLabel {
text-align: right;
font-weight: bold;
vertical-align: top;
width: 20%;
}


/*-------------------------------------------------------------------------------------------*/
/* Everything below here is the new css. When all the markup is switched to the new css delete everything above here
/*-------------------------------------------------------------------------------------------*/

/*************************
Product page
**************************/

/*Containing box */
#scProductDetail {float:left;}

/* Photo / Media box on left */
#scProductMedia {float:left; width:300px;padding:6px;margin:0;
background: url(productImage.gif) no-repeat left top;}

#productImage img {margin:auto;}

#scProductTabs {display:none;margin-left:20px}
ul#productThumbs {float:left;margin:auto;text-align:center;}

#productThumbs li {display:inline;margin-right:5px;list-style:none}
#productThumbs li img {border:solid 1px #ccc;}
#productThumbs {display:none;}

ul#scProductMediaButtons {list-style-type:none;padding:3px 0 0 0;text-align:center; margin:0!important ;}
ul#scProductMediaButtons li {display:inline!important;font:bold 11px verdana,sans-serif!important ;
letter-spacing:0.25em;background:none!important;padding:0!important;}

ul#scProductMediaButtons li a:link, #scProductMediaButtons li a:visited{
display:inline-block!important;padding:10px 33px 10px 45px;color:#666;text-decoration:none;}

ul#scProductMediaButtons li#scGalleryButton a:link, ul#scProductMediaButtons li#scGalleryButton a:visited{
background:#e0e0e0 url(productGalleryIcon.png) no-repeat 12px;font-weight:bold;}
ul#scProductMediaButtons li#scGalleryButton a:hover{background:#88aa3c url(productGalleryIcon.png) no-repeat 12px;color:#fff;}
ul#scProductMediaButtons li#scEnlargeButton a:link, ul#scProductMediaButtons li#scEnlargeButton a:visited{
background:#e0e0e0 url(productEnlargeIcon.png) no-repeat 12px;font-weight:bold;}
ul#scProductMediaButtons li#scEnlargeButton a:hover{background:#88aa3c url(productEnlargeIcon.png) no-repeat 12px;color:#fff;}

/* temporary class*/
.red {color:red;}

/*Box on right*/

#productData {float:left;width:190px;padding:6px 0;margin-left:20px;}
h3.productPrice {margin:0 0 12px 0!important ;padding:0;font-size:170%;width:100%;}
#productData label {color:#999;margin-bottom:3px;width:100%;}
#productData select{width:100%;margin-bottom:6px;}

.productSubmit {margin-top:10px;}
input.productSubmit {background:#88aa3c;color:#fff; font:bold 12px verdana,sans-serif;padding:8px 18px;border:none;}
.productSubmit:hover{cursor:pointer;background:#333;}

#productDesc {clear:both; float:left;font-size:100%;}
.productMfr {display:block!important ;line-height:normal!important ;}
.productMfr label {width:auto!important;height:auto!important;line-height:normal;padding:0!important;margin:0!important ;}


/* -----------------------	*/
/* 		CATEGORY PAGE	  	*/
/* -----------------------	*/

.categoryProductItem {font:normal 90% verdana,sans-serif;margin:0 0px 50px 0;}
.categoryProductDetails {width:150px;}
.categoryProductThumbnail {float:left; border:solid 1px #ccc; }


.categoryProductItem h4.categoryProductTitle {font:normal 90% verdana,sans-serif;float:left;margin:8px 0 4px 0;}
.categoryProductItem h4.categoryProductTitle a {text-decoration:none!important}
.categoryProductItem h5.categoryProductPrice {margin:6px 0;font:bold 100% verdana,sans-serif;float:left;}
a:link.productAddToCart, a:visited.productAddToCart  {
clear:both; float:left; font:bold 10px verdana,sans-serif;background:#999;color:#fff;padding:4px 8px;text-decoration:none!important ;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
a:hover.productAddToCart {background:#333}
ul.scProductAttributes {list-style: none;clear:both; margin:4px 0 15px 0!important ;padding:0!important;}
ul.scProductAttributes li{font-size:95%!important ;margin:0!important ;padding:0!important; background:none!important ;}

/* The 5 different columns */
.categoryProductItem.scColumns2{float:left;width:50%;}
.categoryProductItem.scColumns3{float:left;width:33%;}
.categoryProductItem.scColumns4{float:left;width:25%;}
.categoryProductItem.scColumns5{float:left;width:20%;}
.categoryProductItem.scColumns6{float:left;width:16.6%;}

/* List layout */
.scList{float:none;width:90%;margin:0 10px 10px 0;min-height:0px;padding-bottom:12px;border-bottom:dotted 4px #e1e1e1;}
.scList .categoryProductThumbnail{float:left; height:auto;width:150px;min-height:0px;float:left;border:none;}
.scList .categoryProductDetails {float:left;margin-left:25px;width:300px; }
.scList h4.categoryProductTitle {display:block;width:100%;font-size:110%;}
/* --------------------- */

/* Grid layout */
.categoryProductItem.scGrid{float:left;margin:0;padding:0;width:170px;min-height:320px;}
.categoryProductItem.scGrid ul.scProductAttributes li{font-size:90%;}
/* --------------------- */




/*************************
Related products
**************************/

#scRelatedProductsWidget { 
	clear							: both; 
	margin-top						: 32px; 
}
/*
#scRelatedProductsWidget .scWidget, #scRelatedProductsWidget dl, #scRelatedProductsWidget dt, #scRelatedProductsWidget dd { 
	margin							: 0px;
	padding							: 0px;
}
*/
#scRelatedProductsWidget dl { 
	float							: left; 
	width							: 150px; 
	min-height						: 236px; 
	margin-right					: 10px; 
	padding							: 8px; 
	text-align						: center; 
	border							: solid #CCCCCC 1px; 
	border-radius					: 8px; 
	-webkit-border-radius			: 8px; 
	-moz-border-radius				: 8px; 
	-mso-border-radius				: 8px; 
}
#scRelatedProductsWidget dt { 
	width							: 150px; 
	min-height						: 150px; 
}
#scRelatedProductsWidget dd { 
	padding							: 0px; 
	margin							: 0px; 
}