/* # Color Codes 
    - Red: #cc0001
    - Red Gradient: #cc0001 - #d83c3d
    - Pale Grey: #f2f2f2
    - Medium Grey: #999999
    - Dark Grey: #4d4d4d
*/

h2.mainHeading { font-size: 30px; font-weight: normal; color: #000; padding: 0 0 15px 0; }


div.mainContent { float: left; width: 775px; padding: 0px; margin: 0px; } /* 757px */
div.mainContentBody {
	padding: 15px 10px; 
	margin: 0px; 
	width: 100%; 
	float: left; 
	background: #fff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.leftMenu { float: left; width: 230px; padding: 0 20px 0 0; margin: 0px; }

p.onlineStock { font-size: 11px; color: #cc0000; clear: both; width: 100%; }

input.searchIcon { margin-bottom: -8px; }
h2.shopByCategory { color: #cc0001; font-size: 20px; padding: 15px 0 0 0; clear: both; }
ul.shopByCategory { list-style: none; margin: 0px; padding: 0px; }
ul.shopByCategory li a { padding: 3px 0 3px 20px;  
	float: left; color: #000; width: 100%;  
	background: #f2f2f2;
	clear: both; 
	margin-bottom: 2px;
	z-index: 1001; 
}
/* ul.shopByCategory li a.categoryBreak { margin-top: 15px; } */
ul.shopByCategory li a:hover { color: #cc0001; text-decoration: none; }

#top { 	
	z-index: 10; 
	width: 100%; background: #b22034; height: 124px; border-bottom: 1px solid #fff; 
	-webkit-box-shadow: 0px 0px 5px 5px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    0px 0px 5px 5px #999;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         0px 0px 5px 5px #999;
}
div.topContainer { }
div.topLogo { height: 123px; width: 188px; float: left; padding: 17px 0 0 0; text-align: center; background: url(/img/affiliates/goemans/g-spot.png) 20px center no-repeat;  }
div.topRight { width: 779px; float: left; padding: 0px; margin: 0px; }
div.topRight a { color: #fff; }

ul.topMenu { list-style: none; margin-bottom: 90px; }
ul.topMenu li { font-size: 13px; margin-right: 10px; float: right; }
ul.topMenu li.tollFree { font-size: 20px; font-weight: bold; margin-right: 13px; padding-top: 3px; }
ul.topMenu li.ourLocations { margin-right: 37px; padding-top: 1px; }
ul.topMenu li.myAccount { margin-right: 22px; padding-top: 10px;  }
ul.topMenu li.flyers { padding-top: 10px; margin-right: 20px; }
ul.topMenu li.wishlist { font-size: 16px; font-weight: bold;  margin: 0 10px 0 0; padding-top: 8px; }
span.ourLocations { font-size: 22px; }

ul.topBottomMenu { list-style: none; clear: both; }
ul.topBottomMenu a:hover { text-decoration: underline; }
ul.topBottomMenu li { float: right; font-size: 15px; font-weight: bold; margin-right: 20px; padding-top: 3px; }
ul.topBottomMenu li.browseByDepartment {  }
ul.topBottomMenu li.search { margin-right: 15px; padding-top: 0px; }

div.searchProduct { padding-top: 25px; font-size: 16px; padding-bottom: 6px; clear: both; }

div.social { float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #ccc; }
div.social ul { list-style: none; }
div.social ul li a { float: left; text-align: center; width: 14%; }

input.topRightSearch { 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #999;
	font-size: 12px; 
	background: #fff url(/img/affiliates/goemans/backgrounds/search.png) 108% 2px no-repeat; 
	width: 245px;
	border: 0px; 
	font-weight: 400;
  	font-style: normal; 
}

input.search { 
	font-size: 12px; 
	color: #999; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #333; 
	padding: 8px 0 8px 10px;
	width: 170px; 
}

.basket {
	background: #fff; 
	float: left;
	margin-top: 10px;
	padding:10px 10px 10px 10px;
	width: 100%; 
	line-height: 1.5em;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.basket:hover { background: #eee; }
.basket a { 
    text-decoration: none !important;
    color: #cc0001; 
}
.basket a:hover { text-decoration: underline !important; }


img.logo { margin-bottom: 10px; }

div.partsAccessories { float: left; width: 100%; height: 43px; background: #666666; color: #fff; }
div.partsAccessoriesLeft { float: left; width: 50%; padding: 8px 0 0 15px;  }
div.partsAccessoriesRight { float: left; width: 50%; padding: 10px 15px 0 0; font-size: 18px; text-align: right; }

div.footerContainer { clear: both; background: #fff; margin-top: 80px;  }
#footerBar { }
#footerBar h3 { font-size: 17px; font-weight: bold; }
#footerBar ul.footerMenu { list-style: none; padding: 0px; margin: 0px; }
#footerBar ul.footerMenu li { padding: 0px; margin: 0px; color: #666; }
#footerBar ul.footerMenu li a { font-size: 12px; font-weight: normal; padding: 0 0 15px; 0; color: #666; }
#footerBar ul.footerMenu li.address { padding-bottom: 10px; }
div.social { margin-bottom: 40px; }
div.community { float: left; clear: both; width: 205px; text-align: right; margin-right: 20px; }
div.shopProducts { float: left; width: 143px; }
div.services { float: left; width: 203px; }
div.aboutUs { float: left; width: 194px;  }
div.contactUs { float: left; width: 195px; }

div.breadcrumb { margin-left: 0px; padding-left: 0px; }

/*
div.breadcrumb { clear: both; width: 100%; }
ol.breadcrumb > li > a {
	color: #ffffff;
	text-decoration: none; 
}
ol.breadcrumb > li a:hover { text-decoration: underline; }
ol.breadcrumb > .active {
	color: #ffffff;
	font-weight: bold;
}
ol.breadcrumb {
	padding: 10px 15px;
	margin-bottom: 20px;
	margin-top: -30px;
	list-style: none;
	background-color: #b22034;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
*/

a.productboxImage { display: block; width: 220px; height: 220px; }
div.productbox { height: 420px; border: 1px solid #fff; }
/*  div.productbox:hover { border: 1px solid #cc0001; } */
div.productbox a.productName { color: #cc0001; }
div.productbox:hover a.productName { color: #cc0001; }

div.productImages { text-align: center; }

div.threeFull { width: 100%; float: left; text-align: left; }
a.threeFullImage { float: left;  width: 33%; text-align: center; } /* margin-right: 25px; margin-left: 25px; */

div.categoryListing { float: left; width: 165px; margin: 0 20px 5px 20px; text-align: center; font-size: 12px; font-weight: bold; height: 223px; overflow: hidden; }
div.categoryListing a.categoryImages { width: 165px; height: 165px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; display: block; margin-bottom: 5px; }
div.categoryListing a:hover { text-decoration: underline; }

p.displayingProducts { width: 100%; clear: both; }
input.productQty { border: 1px solid #000; font-size: 18px; padding: 3px 0px; text-align: center; width: 45px; }
input.productAddToCart { margin-bottom: -8px; }

table.modelSearchResults { width: 98%; border-collapse: collapse; }
table.modelSearchResults th { background: #999; color: #fff; padding: 4px 0; border: 1px solid #ccc; }
table.modelSearchResults td { border: 1px solid #ccc; padding: 3px 0 3px 0; }
table.modelSearchResults tr:hover { background: #eee; }
td.center { text-align: center; }
input.lookupIndex { width: 170px; padding: 4px 4px 3px 4px; border: 1px solid #999; background: #fff; } /*  background: #fff url(/img/lookup/input-background.jpg) 0 0 repeat-x;  */

table.salesTax { border: 1px solid #CCCCFF; padding: 3px; border-collapse: collapse; width: 425px; }
table.salesTax td { text-align: center; width: 50px; }
table.salesTax td.leftColumn { text-align: left; width: 205px; }
table.salesTax td.topLeft { background-color: #eee; }

table.cart { width: 99%; border-collapse: collapse;  }
table.cart input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
table.cart input.remove { border: 0px; }
table.cart th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 15px; text-align: center;}
table.cart td { text-align: center; font-size: 14px; border-bottom: 1px solid #ccc; }
table.cart td.image { text-align: left; vertical-align: middle; width: 65px; text-indent: 5px; }
table.cart td.priceCart { width: 60px; font-size: 16px;  }
table.cart td.remove { width: 52px; }
table.cart td.subTotal { font-size: 18px; text-align: left; }
table.cart td.description { text-align: left; padding: 5px 0 5px 10px; width: 210px; }
table.cart th.left { text-align: left; }
table.cart a { text-decoration: none; }
table.cart a:hover { text-decoration: underline; }
table.cart span.subTotal { font-size: 18px; font-weight: bold; }

input.cartSubmit  { font-size: 16px; padding: 5px 10px; font-weight: bold; display: block; }

div.contactLeft { float: left; width: 55%; padding-right: 5%;  }
div.contactRight { float: left; width: 40%;  }
span.mandatory { color: #cc0001; font-weight: bold; font-size: 18px; }
table.contactForm td { padding: 0 0 15px 0; } 
table.contactForm td.leftColumn { padding-right: 25px; }

input.text { border: 1px solid #999; padding: 2px; }
input.securityCode { border: 1px solid #999; padding: 2px; }

table.checkout td { padding-right: 15px; line-height: 1.7em; padding-bottom: 5px; font-size: 16px; }
table.checkout input.text { border: 1px solid #999; width: 225px; }
table.checkout input.securityCode { border: 1px solid #999; width: 80px; }

a.copy { text-indent: 30px; background: #fff url(/img/checkout/icon-copy.gif) 0px 50% no-repeat; display: block; padding: 3px 0px; font-weight: normal; }

#checkoutSteps { margin-bottom: 10px; }
#checkoutSteps ul li { display: inline;  }
#checkoutSteps ul li a {
	padding: 45px 20px 10px 20px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
}
span.checkout { 
	color: #666;
	padding: 45px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
	float: left;
}
#checkoutSteps ul li a:hover { text-decoration: underline; }
#checkoutInfo { float: left; width: 100%; position: relative; }

#cart { width: 99%; border-collapse: collapse;  }
#cart input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
#cart input.remove { border: 0px; }
#cart th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 10px; text-align: center; }
#cart td { text-align: center; font-size: 12px; border-bottom: 1px solid #ccc; }
#cart td.image { text-align: left; vertical-align: middle; width: 65px; text-indent: 5px; }
#cart td.price { width: 60px; }
#cart td.remove { width: 52px; }
#cart td.subTotal { font-size: 14px; text-align: left; }
#cart td.description { text-align: left; padding: 5px 0 5px 10px; width: 210px; }
#cart th.left { text-align: left; }
#cart a { text-decoration: none; }
#cart a:hover { text-decoration: underline; }
#cart span.subTotal { font-size: 18px; font-weight: bold; }

p.cartQuestions { text-align: center; line-height: 1.5em; }


#cart2 { width: 99%; border-collapse: collapse;  }
#cart2 input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
#cart2 input.remove { border: 0px; }
#cart2 th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 14px; }
#cart2 td { text-align: center; font-size: 16px; border-bottom: 1px solid #ccc; }
#cart2 td.price { width: 60px; }
#cart2 td.left { text-align: left; padding: 5px 0 5px 10px; }
#cart2 th.left { text-align: left; }
#cart2 a { text-decoration: none; }
#cart2 a:hover { text-decoration: underline; }

table.fixed { width: 500px; }
table.confirm { width: 400px; margin-bottom: 10px; }
table.confirm td { padding-right: 25px; padding-bottom: 3px;  }

textarea { border: 1px solid #999; font-size: 12px; }
textarea.comments { height: 85px; width: 300px; }
.price {
	margin: 10px 0 10px 0;
	font-size: 1.7em;
}

div.productHide {
	width: 95%;
	height:90px;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	display:block; 
	border-left: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; 
	padding: 2px;
	margin-bottom: 10px;
}

p.productHide { font-size: 11px; }

div.appliancesMenu { float: left; width: 100%; padding: 0px; margin-bottom: 25px; margin-top: -40px; }
div.appliancesMenu div { float: left; width: 16%; text-align: center; padding: 10px 0; }
div.appliancesMenu div:hover { }
div.appliancesMenu div img { margin-bottom: 10px; }
div.appliancesMenu div a { font-size: 12px; color: #cc0001; font-weight: bold; text-decoration: none; text-transform: uppercase; }
div.appliancesMenu div a:hover { text-decoration: underline; }

input.searchParts { width: 150px; border: 1px solid #999; padding: 2px 2px 1px 2px; }

table.findModel { width: 100%; }
table.findModel td { width: 25%; text-align: center; font-weight: bold; font-size: 14px; vertical-align: top; }

@media (max-width: 640px) { 
	h2.shopByCategory { padding: 0px; }
	img { max-width: 100%; height: auto; display:block; }
	div.appliancesMenu { margin-bottom: 0px; display: none; }
	div.appliancesMenu div { padding: 0px; }
	div.appliancesMenu img { margin-bottom: 0px; }
	div.appliancesMenu span { display: none; }
}

