@charset "utf-8";
/* html5 for older browsers */
article, aside, footer, header, nav, section {display: block;}

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */12/6-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.5em;}
a:link,a:visited {color:#044d84; text-decoration:none;}
a:hover,a:active {color:#CC0000; text-decoration:none;}
a:link h1,a:link h2,a:link h3,a:link h4,a:link h5,a:link h6,a:visited h1,a:visited h2,a:visited h3,a:visited h4,a:visited h5,a:visited h6 {color:#041c54;}
a:hover h1,a:hover h2,a:hover h3,a:hover h4,a:hover h5,a:hover h6,a:active h1,a:active h2,a:active h3,a:active h4,a:active h5,a:active h6 {color:#C71444;}
h1,h2,h3,h4,h5,h6 {margin:0 0 0 0px;  font-weight:normal; margin-left:30px; text-shadow: 1px 1px 2px #d0d0d0; color:#000;}
h1 {font-size:1.5em; margin-left:0;}
h2 {font-size: 1.3em; margin-left:10px;}
h3 {font-size:1.1em; margin-left:20px;}
h4 {font-size:1.0em; margin-left:30px;}
p {margin:0 0 20px 30px;}

dl,dt,dd {margin:0;}
img {border:none;}

.wrapper {}
	.container {margin:0 auto; }
		.mainHeader {background:#000; position:relative; border-bottom:10px solid #3E3E3E;}
			.mainHeader  h2 {margin:4px 0 0 0;}
				.mainHeader  h2 a:link,.mainHeader h2 a:visited {color:#fff; font-size:26px; text-shadow:none; font-style:italic;}
				.mainHeader  h2 a:hover,.mainHeader  h2 a:active {color:#CC0000;}
			.mainNav h2,.cartNav h2 {position:absolute; left:-2000em;}
			.logo {float:left;  height:110px; background:url(/media/logo-gm.gif) no-repeat 0px 35px;  }
			.cartNav {float:right; margin:4px 0;}
				.cartLinks {padding:0; margin:0; float:right;}
					.cartLinks li {list-style-type:none;}
					.cartLinks li a:link,.cartLinks li a:visited {color:#fff;}
					.cartLinks li a:hover,.cartLinks li a:active {color:#CC0000;}

			
			
			
			div.button a:link,div.button a:visited,input.button {border:1px solid #000; padding:6px 8px; font-size:.9em; color:#fff; font-weight:bold; margin:4px; background:#044d84;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;}
			div.button a:hover,div.button a:active,input.button:hover {background:#CC0000; border: 1px solid #abadb3; cursor:pointer; color:#fff;}
			
			.mainSearch {clear: both; background:#000; float:left; padding:12px 5px; width:210px; margin:10px 0 5px 0;}
				.mainSearch h3 {position:absolute; left:-2000em;}
				.mainSearch form {margin:0; }
				.mainSearch input.textfield {background:#fff; border:1px solid #abadb3; float:left; padding:4px 0; width:150px; height:10px;}
				.mainSearch input.button {width:37px; margin-left:10px; height:20px; font-size:10px; line-height:12px;font-weight:normal; padding:4px 6px; margin:0 0 0 10px; border:1px solid #666; text-transform:uppercase; 
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px}
			
			.mainNav {position:absolute; bottom:0; left:0;}	
				.mainLinks {padding:0; margin:0;  }
					.mainLinks li {list-style-type:none; float:left;}
					.mainLinks li:first-child {border-left:none;}
					.mainLinks li:last-child {border-right:none;}
					.mainLinks li a:link,.mainLinks li a:visited {display:block; padding:4px 20px 6px 2px; color:#fff;}
					.mainLinks li a:hover,.mainLinks li a:active {color:#CC0000;}
					.mainLinks li.navigationCurrent a:link,.mainLinks li.navigationCurrent a:visited {}
					.mainLinks li.navigationCurrent a:hover,.mainLinks li.navigationCurrent a:active {}



		.leftCol {background:#CC0000;}
			.leftCol h2 {position:absolute; left:-2000em;}
			.leftCol a {display:block;}
			.leftCol h3 {margin:0;}
			.leftCol h3.phone a {margin:0; font-weight:bold; border-top:6px solid #000; border-bottom:6px solid #000; font-size:26px; color:#fff; padding:4px 0 4px 10px; background:url(/media/phone.gif) right top no-repeat #044d84; text-shadow:none; letter-spacing:.05em;}
			.leftCol h3.phone a span {font-size:18px; color:#ccc; font-weight:normal;}
			.categoryTree {clear:both;}
			.categoryTree h3 {position:absolute; left:-2000em;}
			.categoryTree a:link,.categoryTree a:visited {color:#fff; padding:8px 10px 4px 10px; margin:4px; font-weight:bold; line-height:1.3em;}
			.categoryTree a:hover,.categoryTree a:active {color:#000;}
			.categoryTree a:link img,.categoryTree a:visited img  {margin:-10px 0 0 -14px;}

				.level-2 a:link,.level-2 a:visited {margin-left:20px; font-size:.8em;  text-align:right; color:#333; border-bottom:1px solid #333; text-transform:uppercase;}
				.level-2 a:hover,.level-2 a:active {color:#000; border-bottom:1px solid #000;}
				.level-3 a:link,.level-3 a:visited  {font-size:.6em;  text-align:right; color:#333; border-bottom:1px solid #333; text-transform:uppercase; width:50%; margin:0 auto;}
			
		.mainContent {background:#fff; padding:10px;}
		
		.miniBasket {float:right; margin:0 0 10px 10px; font-weight:bold; line-height:37px; font-size:12px;} 
			.miniBasket a {display:block; float:left; background:#efefef; padding:5px; border:1px solid #044d84; 
			-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;}
				.miniBasket a:hover {border:1px solid #CC0000; background:#e5e5e5;}
				.miniBasket span {float:left; display:block;}
			.miniBasket span.cart {display:block; background:url(/media/cart.png) center center no-repeat; width:58px; height:37px; font-size:12px; line-height:33px; text-align:center; float:right;}
		
		.shopNav {}	
				.shopCategories {padding:0; margin:0;  font-family:Georgia, "Times New Roman", Times, serif;}
					.shopCategories li {list-style-type:none; margin:16px; font-size:1.2em;}
					.shopCategories li a:link,.shopCategories li a:visited {display:block; padding:10px; color:#041c54; background:#eaeaea; border:1px solid #041c54;}
					.shopCategories li a:hover,.shopCategories li a:active {color:#fff; background:#666;}
					.shopCategories li.navigationCurrent a:link,.shopCategories li.navigationCurrent a:visited {}
					.shopCategories li.navigationCurrent a:hover,.shopCategories li.navigationCurrent a:active {}
		
		.mainFooter {background:#000; border-top:10px solid #3E3E3E; color:#666; font-size:.75em; line-height:1.5em; font-weight:bold;}
			.mainFooter a:link,.mainFooter a:visited {color:#007edc; }
			.mainFooter a:hover,.mainFooter a:active {color:#fff;}
			.mainFooter nav {display:table; margin:0 auto;}	
			.footerNav h3 {position:absolute; left:-2000em;}
			.footerLinks {padding:0; margin:0;}
				.footerLinks li {list-style-type:none; float:left;}
				.footerLinks li a:link,.footerLinks li a:visited {padding:10px; display:block; text-transform:lowercase;}
				.footerLinks li a:hover,.footerLinks li a:active {}
			.mainFooter p {text-align:center; margin:10px 0;}
			.mainFooter p.copyright a:link,.mainFooter p.copyright a:visited {color:#666;}
			.mainFooter p.copyright a:hover,.mainFooter p.copyright a:active {color:#ccc;}

.slider {  width:720px; height:320px; background:#000; color:#fff; position:relative; background:#000;}
	.slider ul.sliderTxt {float:left; margin-top:80px; font-size:26px; line-height:40px;}
	.slider p {position:absolute; margin:0; bottom:5px; left:10px; font-size:11px; line-height:14px; z-index:100;}
		/* Browser Resets */
		.flex-container a:active,
		.flexslider a:active,
		.flex-container a:focus,
		.flexslider a:focus  {outline: none;}
		.slides,
		.flex-control-nav,
		.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
		
		/* FlexSlider Necessary Styles
		*********************************/ 
		.flexslider {margin: 0; padding: 0;}
		.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider .slides img {width: 100%; display: block;}
		.flex-pauseplay span {text-transform: capitalize;}
		
		/* Clearfix for the .slides element */
		.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
		html[xmlns] .slides {display: block;} 
		* html .slides {height: 1%;}
		
		/* No JavaScript Fallback */
		/* If you are not using another script, such as Modernizr, make sure you
		 * include js that eliminates this class on page load */
		.no-js .slides > li:first-child {display: block;}
		
		
		/* FlexSlider Default Theme
		*********************************/
		.flexslider {margin: 0;  position: relative; zoom: 1; max-width:300px; max-height:320px; float:left;}
		.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
		.loading .flex-viewport {max-height: 300px;}
		.flexslider .slides {zoom: 1;}
		
		.carousel li {margin-right: 5px}
		
		
		/* Direction Nav */
		.flex-direction-nav {display:none;}
		
		
		/* Control Nav */
		.flex-control-nav {display:none;}


.homeNav {display:table; margin:0 auto; padding:0; clear:both;}
	.homeNav li {float:left; margin:0; padding:0; text-indent:-2000em; list-style-type:none;}
	.homeNav li.contactUs a {background:url(/media/home-contact.gif) left top no-repeat; display:block; width:237px; height:80px; padding:0;}
	.homeNav li.specials a {background:url(/media/home-specials.gif) left top no-repeat; display:block; width:230px; height:80px; padding:0;}
	.homeNav li.newsletter a {background:url(/media/home-newsletter2.gif) left top no-repeat; display:block; width:243px; height:80px; padding:0;}

.error-message {padding:4px;	text-align:center;	width:60%;	margin:0 auto;	color:#dd0000;	font-weight:bold;}

.special {border:1px solid #999; background:#eaeaea; padding:10px 10px 0 0; margin:16px 0;}
	.special img {width:40%; height:auto; margin:0 0 0 10px;}

/*** list links ***/	
li a:link {padding:12px 4px; display:block;}

/*** ACAD, ACED, AFAD, AFED, OCST ***/		
#customer-fields label {margin-right:6px;}
.logout-link {float:right; font-weight:bold;}
#customer-fields label,#affiliate-fields label {float:left; width:150px; white-space:nowrap;text-align:right; padding:2px 5px 3px 0; clear:both}
#affiliate-commissions label,.OSEL .non-editable label{float:left;width:120px;font-weight:bold;text-align:right;padding:0 6px 0 0}
#customer-fields input.textfield,#affiliate-fields input.textfield,#tax-fields input,#affiliate-commissions div.form_row div,.non-editable div.form_row div{width:170px;margin:0 0 4px 0}
#affiliate-commissions div.form_row div{float:left}
#customer-fields select,#affiliate-fields select{width:176px;margin:0 0 4px 0}
#login-details,#affiliate-information{margin:0 0 16px 0}
#affiliate-commissions .form_row{margin:0 0 8px 0}

.AFED #affiliate-fields #affiliate-contact,.AFED #affiliate-fields #affiliate-commissions{float:left;width:50%}
#affiliate-commissions .affiliate-code{width:230px !important}
#affiliate-commissions #affiliate-image{width:236px !important;overflow:auto}
#affiliate-terms{margin-left:155px}
#affiliate-fields .form_row div.non-editable{margin:0 0 8px 0;padding:2px 0 0 0}
.save-button,.continue-button{clear:both;text-align:right;padding:24px 0 0 0}
.required{font-weight:bold}
h2.fields-heading{background-color:#cccccc;color:#333333;margin:0 0 12px 0;padding:4px 4px 4px 12px}
.address2-label{margin:0 0 14px 0}
.controls{font:normal .7em Verdana,Helvetica,Arial,sans-serif;visibility:hidden}
#customer-fields .controls label{float:none}
#ship-to,#bill-to{width:50%;float:left}
#ship-to h2 input.checkbox,#bill-to h2 input.checkbox{margin:0 2px 0 12px;padding:0;width:13px;height:13px;overflow:hidden}
div.invalid input.textfield,div.invalid select,#tax-fields div.invalid input{border-color:#cc0000 #ff0000 #ff0000 #ff0000}
div.invalid label{color:#dd0000}
.warning-message{padding:4px;text-align:center;width:60%;margin:0 auto;color:#dd0000}
#customer-fields.editable .form_row,#affiliate-fields.editable .form_row{margin:0 0 6px 0;text-align:left}
#customer-fields.non-editable .form_row{margin:0 0 4px 0;text-align:left}
#customer-fields.non-editable label,#affiliate-fields.non-editable label{font-weight:bold; clear:both; white-space:nowrap;}
#customer-fields.non-editable .form_row div,#affiliate-fields.non-editable .form_row div{float:left}
#update-record {clear:both; margin:24px 0 0 24px}
.tax-fields label {font-weight:bold}

/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
#categoryListing h1 {clear:both;}
#categoryListing nav.subCategories {clear:both;}
	#categoryListing nav.subCategories h2 {background:#DDD; border:1px solid #999; padding:10px; margin:10px 0 0 0;}
	#categoryListing nav.subCategories ul {margin:10px 0 20px 0; clear:both;}
		#categoryListing nav.subCategories li {width:44%; float:left; margin-right:5%; font-weight:bold;}
.productList {margin:0; padding:0; width:100%; clear:both;}
	.productList li {list-style-type:none; text-align:center; padding:10px 0;}
	.productList li a:link {padding:4px 10px;}
	.productList h3,.productList h4 { width:200px; margin:2px auto; line-height:1.3em;}
		.productList h3.productName {font-size:.7em; max-height:60px; overflow:hidden;}
		.productList h4.productCode {font-size:.6em; font-weight:bold; line-height:2em;}
		.productList h4.productPrice {font-size:.9em;}
	.productList img { max-width:100px; max-height:100px;}
	.productList a:link img,.productList a:visited img {border:1px solid #044d84;}
	.productList a:hover img,.productList a:active img {border:1px solid #CC0000;}
	.productList a:link .imageNa,.productList a:visited .imageNa {width:100px; height:100px; text-align:center; padding:11px; border:1px solid #044d84; background:#ccc; margin:0 auto;}
	.productList a:hover .imageNa,.productList a:active .imageNa {border:1px solid #CC0000;}
.relatedProducts {border:1px solid #666; background:#eaeaea; margin-top:20px; clear:both;}
	.relatedProducts h2 {margin:10px 0 0 10px; float:left;}
	.productListRlt {margin:0; padding:0; width:100%; clear:both;}
		.productListRlt li {list-style-type:none; text-align:center; padding:10px 0;}
		.productListRlt li a:link {padding:4px 10px;}
		.productListRlt p {font-size:.8em; margin:2px auto; line-height:1.2em;}
		.productListRlt p.productPrice {font-style:italic;}
		.productListRlt img {padding:1px; background:#ccc; max-width:110px; max-height:100px;}
		.productListRlt a:link img,.productListRlt a:visited img {border:2px solid #041c54;}
		.productListRlt a:hover img,.productListRlt a:active img {border:2px solid #C71444;}
		.productListRlt a:link .imageNa,.productListRlt a:visited .imageNa {width:80px; height:180px; text-align:center; padding:11px; border:2px solid #041c54; background:#ccc; margin:0 auto;}
		.productListRlt a:hover .imageNa,.productListRlt a:active .imageNa {border:2px solid #C71444;}
.nextPrevious {clear:both;}
.next-button{float:right}
.previous-button{float:left}
.search-again{margin:0 0 16px 0}
.OUS1 #main-content{padding-left:225px;padding-right:225px}
.upsale-heading{text-align:center}
.OUS1 .product-thumbnail{margin:12px 0;text-align:left;height:116px;min-height:116px}
.OUS1 .product-description{margin:16px 0 0 0}
.OUS1 .thumbnail-not-available{margin:16px auto}
.OUSM #main-content{padding-left:160px;padding-right:160px}
.upsale-batch{width:100%;padding:2px}
.upsale-batch .heading td{font-weight:bold}
.upsale-checkbox{width:32px}
.upsale-name{width:175px}
.OUS1 .purchase-buttons textarea{text-align:center;width:390px;height:100px}
.OUSM .continue-button{text-align:center}

/*** SORTING PAGINATION PER PAGE ***/
	.filters {float:right;}
		.pagination ,.perPage,.sorting {float:right; padding:10px;}
			.pagination {margin:0;}
				.pagination li {float:left; list-style-type:none; background:#fff; font-size:.8em;}
				.pagination li.paginationLink a,.pagination li.paginationUnlink {padding:4px 8px; display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
				.pagination li.paginationLink a:hover {background:#f4f4f4;}
				.pagination li.paginationPages {border:none; background:none;}
				.pagination li.paginationPrev {border-left:1px solid #ccc; }
				.pagination li.paginationPrev,.pagination li.paginationPrev a {-webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
				.pagination li.paginationNext,.pagination li.paginationNext a  {-webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
				.pagination li.paginationActive {background:#ccc;}

/*** BREADCRUMBS ***/				
			.breadcrumbs {margin:0 0 10px 0; padding:0; clear:both; font-size:.9em;}
				.breadcrumbs li {float:left; list-style-type:none; }
				.breadcrumbs li.breadcrumbsLink a,.breadcrumbs li.breadcrumbsUnlink {padding:4px 6px; display:block; }


/*** BASK, OCST, OPAY, OSEL ***/
.basketItem {border:1px dotted #ccc;clear:both; margin:10px 0; padding:4px; background:#dadada;}
.basketItem:nth-child(odd) {background:#f4f4f4;}
	.removeItem {float:left;}
	.itemName {float:left; font-size:1.1em; font-weight:bold; padding-left:12px;}
		.itemName span {font-size:.7em; font-style:italic; font-weight:normal;}
	.basketItem form {display:inline; width:120px;}
		.basket-qty-input{width:34px}
	.attributeItem {clear:both; float:right;}
		.attributeSubtotal {width:60px; float:left;}
		.attributeTotal {float:right; width:70px; margin-left:120px; text-align:right;}
	.itemPrice {float:right; line-height:24px; padding:10px 0;}
		.itemSubtotal {width:90px; float:left;}
		.itemQuantity {width:90px; float:left; text-align:center;}
		.itemTotal {width:100px; float:left; text-align:right;}
.basketTotals {float:right; margin-right:5px;}
	.basketTotalItem {text-align:right;}
	.basketTotals span {font-weight:bold; font-size:1.1em;}
.checkout .item-quantity{width:8% !important}
.checkout .item-name{width:64% !important}
#fields-key{margin:16px 0}
.checkout-button{margin:12px 0;text-align:right}
#payment {clear:both;}
#payment-fields input{border-width:1px; border-style:solid; border-color:#333333 #bbbbbb #bbbbbb #bbbbbb; padding:1px 2px;}
#payment-fields label{white-space:nowrap;text-align:left;padding:3px 5px 3px 0;clear:both;margin:20px 0 0 0;}
#payment-fields td{padding:0 0 6px 0}
#shipping-payment .form_row{margin:10px 0 0 0; float:right; clear:both;}
#shipping-payment label{float:left;width:65px;white-space:nowrap;text-align:left;padding:3px 5px 3px 0;clear:both;margin:2px 0 0 0}
.OSEL .continue-button,.OPAY .continue-button{margin:0 0 12px 0}
.OCST #basket-contents{margin:0 0 32px 0}
.OPAY .fields-key{margin:0 0 16px 0}
#payment-fields .form_row{margin:14px 0 0 0}
#customer-fields.non-editable{margin:0 0 32px 0}
#basket-contents.non-editable{margin:16px 0 32px 0}


/*** LOGN, AFCL, ORDL, ORHL ***/
.AFCL .section,.LOGN .section {text-align:center;}
.ORDL .section {text-align:center;}
.section h3,.lookup-section h3,.signin-section h3 {margin:10px 0; text-align:center}
.form_row{margin:0 0 6px 0}
.LOGN label,.ORDL label,.AFCL label {float:left; clear:both; width:80px ;text-align:right; padding:3px 5px;}
.ORHL label {white-space:nowrap; float:left; clear:both; width:90px ;text-align:right; padding:3px 5px;}
.logn-input{width:120px}
#invalid-key {width:23px; float:left; margin:0 4px 0 0; border-width:1px; border-style:solid; border-color:#cc0000 #ff0000 #ff0000 #ff0000;}
.sign-in-buttons{text-align:center; margin:12px 0 0 0;}
.forgot-password {font-size:.9em ;text-align:center; margin:12px 0; display:block;}

/*** SMAP ***/.SMAP h3{}
.SMAP .category{width:33%;text-align:left;float:left}
.SMAP .category .padding{padding:2px}
.SMAP .product{width:33%;text-align:left;float:left}
.SMAP .product .padding{padding:2px}
.clear {clear:both;}


/*** INVC ***/
.INVC .order-id,.ORDS .order-id {float:left; font-weight:bold;}
.INVC .order-date,.ORDS .order-date{float:right; text-align:right;}
.INVC .order-date span,.ORDS .order-date span{font-weight:bold;}

/*** ORDH, ORDS ***/
.reorder {float:left; padding:0 10px;}
.orderStatus {float:left; padding:3px; margin:0 8px; background:#fff; color:#666; text-align:center; width:120px; font-size:.85em;}
.orderList {margin:0; padding:0; font-size:.9em;}
	.orderList li {list-style-type:none;  padding:4px 2px; background:#eaeaea; margin:4px 0;}  
	.orderList li:nth-child(even) {background:#ccc;}
	.orderList li.orderHeaderRow {background:#fff;}
	.orderList li a:link {padding:0;}
	.orderList li div {float:left; min-height:20px; overflow:hidden; text-align:center;}
	.orderInvoiceCol {width:40px;}
	.orderDateCol {width:90px;}
	.orderProductsCol {width:50px;}
	.orderQuantityCol {width:50px;}
	.orderStatusCol {width:80px;}
	.orderShipmentsCol {width:160px;}
	.orderTotalCol {width:60px;}
	.orderDetailsCol {width:45px;}


/*** PRODUCT DISPLAY ***/
.PROD h1 {float:left; clear:left;}
.PROD h2.productPrice {font-size:2em; font-weight:bold; text-align:right; margin:0; float:right;}
.yourPrice h2 {color:#cc0000; text-transform:uppercase;}
	.yourPrice span.priceLeader {font-size:.6em;}
.suggestedPrice {float:right; clear:both; padding:10px 0;}
.priceLeader {font-size:.8em; font-weight:normal;}
.cross {
    position: relative;
    display: inline-block;
font-size:1.3em;
font-weight:bold;
	
}
.cross::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
	
}
.cross::before {
    border-bottom: 2px solid #CC0000;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.cross::after {
    border-bottom: 2px solid #CC0000;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}

.PROD .productCode {font-size:.8em; font-style:italic; margin:6px 0;}
.PROD .productDescription,.PROD .productDescription p  {margin:0 0 20px 10px; clear:both;}
.product-image {clear:left;}
.PROD .product-details-1 .product-image img {max-width:470px; max-height:470px; }
.product-quantity {margin:0 0 20px 0;}
.product-quantity-input{width:34px;margin:0 4px}
.related-products{clear:both;margin:32px 0 16px 0}
.product-attributes{margin:16px 0;text-align:left}
.product-attributes td{padding:4px 0}
.product-attributes td.prompt{vertical-align:top;text-align:right;padding-right:4px}
.product-attributes td.field{text-align:left}
.thumbnails{display:block;margin:0;padding:0;width:274px}
.thumbnails li{display:block;float:left;margin:4px 4px 0 0;padding:0;width:42px;height:42px;text-align:center;border:1px solid #eeeeee;cursor:pointer}
.thumbnails li span{display:inline-block;height:100%;text-align:center;vertical-align:middle}
.thumbnails li img{vertical-align:middle}
.swatches{display:inline;margin:0;padding:0}
.swatches li{display:block;float:left;margin:4px 4px 0 0;padding:0;width:50px;height:50px;text-align:center;border:1px solid #eeeeee;cursor:pointer}
.swatches li span{display:inline-block;height:100%;text-align:center;vertical-align:middle}
.swatches li img{vertical-align:middle}
.product-image-margin{height:8px}
.closeup{position:absolute;top:75px;padding:10px 10px 5px 10px;background-color:#ffffff;border:1px solid #333333;text-align:center;display:none;z-index:2;min-width:274px;min-height:274px}
.closeup a{cursor:pointer;margin:5px 0 0 0;z-index:2}
.closeup_backing{display:none;position:absolute;left:0px;top:0px;background-color:#333333;opacity:0.75;filter:alpha(opacity=75);width:100%}
.product-details-2 .purchaseButtons {margin:20px 0;}
 
 .centered {text-align:center;}
 
/* clearfix */
.cf:before,.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


/**** small screen styles ****/
@media screen and (max-width: 599px) {
	img {max-width:90%; height:auto; clear:both; display:block; margin:4px auto;}
	.logo {height:80px;}
	.cartNav {position:absolute; right:0; top:30px;}
	.cartLinks li a {padding:8px 10px; display:block; text-align:right;}
	.mainSearch {clear:both; padding:0 0 10px 10px;}
	.mainNav {clear:both; margin-top:15px; position:relative;}
		.mainLinks li a:link, .mainLinks li a:visited {font-weight:bold; text-align:center; padding:10px 0;  border-right:1px solid #333; border-top:1px solid #333; background:#1d1d1d;}
		.mainNav li.shop {width:27%; font-size:1.4em;}
		.mainNav li.specials {width:27%; font-size:.9em;}
		.mainNav li.search {width:23%; font-size:.9em;}
		.mainNav li.cart {width:23%; font-size:1.4em;}
	.categoryTree {display:none;}
	.hideMob,.pagination li.paginationPages {display:none;}
	
	.slider {max-width:300px; margin:0 auto;}
	
	/*** ACAD, ACED, AFAD, AFED, OCST ***/		
	#customer-fields label {text-align:left;}
	.logout-link {clear:both;}
	#ship-to,#bill-to{clear:both; width:100%; float:none;}
	#customer-fields.non-editable label,#affiliate-fields.non-editable label {width:100%;}
	


	/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
		.productList li:first-child {border-top:none;}
		.productList h3,.productList h4 {width:95%;}
		
		
		
	
	/*** BASK, OCST, OPAY, OSEL ***/
	.attributeItem {width:260px;}
		.attributeName {clear:both; font-weight:bold;}
		.attributeSubtotal {margin-left:10px;}
	#shipping-payment .form_row{margin:14px 0;}
	#payment-fields label {display:block; width:100%;}
	.basketButtons div.continueShopping,.basketButtons div.calculateShipping { float:left; height:40px; margin-top:15px;}
	.basketButtons table {clear:both;}
	.checkout-button {float:right; }
		
	/*** LOGN, AFCL, ORDL, ORHL ***/
	.grey-border-right {border-bottom:1px solid #cccccc; padding-bottom:10px;}
	
	/*** ORDH, ORDS ***/
	.orderStatus {margin-bottom:6px; width:200px;}
	
	/*** ORDH, ORDS ***/	
	.orderList li.orderHeaderRow {display:none;}
	.orderProductsCol,.orderQuantityCol {display:none;}
	
	/*** PRODUCT DISPLAY ***/
	.PROD .product-details-1 .product-image img {max-width:96%; max-height:96%; }
	.PROD h2.productPrice {clear:both;}
	

}

/**** small screen styles ****/
@media only screen and (min-width:600px) and (max-width:959px) {
	img {max-width:90%; height:auto; clear:both; display:block; margin:4px auto;}
	.cartLinks li { float:left;}
				.cartLinks li a {padding:4px 10px; display:block;}
	.logo {height:125px;}
	.mainSearch {float:right; margin:20px 10px 0 0; clear:none;}
	.mainNav {clear:both;}
		.mainLinks li a:link, .mainLinks li a:visited {font-weight:bold; padding:12px 15px;  border-right:1px solid #333; border-top:1px solid #333; background:#1d1d1d;}
	.categoryTree {display:none;}
	.shopCategories li {float:left; width:40%;}
	.hideTab {display:none;}
	#breadcrumbs {width:430px; float:left;}
	
	.slider {max-width:580px;  background:url(/media/logo-gm-lg.gif) 4px 4px no-repeat #000;}
		.slider ul.sliderTxt {width:250px;  font-size:18px; line-height:36px; padding:0 0 0 30px;}

	
	/*** ACAD, ACED, AFAD, AFED, OCST ***/		
	#customer-fields label,#affiliate-fields label {text-align:left;}
	#customer-fields.editable .form_row,#affiliate-fields.editable .form_row {padding:4px 0;}
	#customer-fields.non-editable label,#affiliate-fields.non-editable label {width:100%;}

	/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
	.productList li {float:left; width:50%; height:220px; overflow:hidden;}
		.productList h3,.productList h4,.productListRlt li {width:95%;}
	.productListRlt li {float:left; width:33%; height:175px; overflow:hidden;}
		.pageLinks,.perPage,.sorting {padding:10px 20px;}
	
	/*** BASK, OCST, OPAY, OSEL ***/
	.attributeItem {width:550px;}
	.attributeName {float:left; width:300px;}
	#shipping-payment .form_row{margin:14px 0;}
	#payment-fields .form_row{margin:24px 0 0 0}
		.basketButtons div {width:33%; float:left; text-align:center;}
		.basketButtons div.continueShopping,.basketButtons div.calculateShipping { margin:22px 0;}
	.basketButtons table {width:33%; float:left; margin:12px 0;}
	.continue-button {float:left; width:50%;}
	
	/*** LOGN, AFCL, ORDL, ORHL ***/
	.AFCL .section,.LOGN .section {float:left; height:220px; width:49%;}
	.ORDL .section {float:left; height:260px; width:33%;}
	.ORHL .lookup-section{float:left; height:220px; width:50%}
	.ORHL .signin-section{float:left; height:220px; width:48%}
	.grey-border-right {border-right:1px solid #cccccc;}


	/*** ORDH, ORDS ***/	
	.orderProductsCol,.orderQuantityCol {display:none;}
}

/**** large screen styles ****/
@media screen and (min-width: 960px) {
	body {}
	.container {}	
		.headerWrapper {width:960px; margin:0 auto; background:url(/media/header.jpg) -70px top no-repeat; height:110px; position:relative;}
		.cartLinks li {text-align:right;}
					.cartLinks li a {padding:4px 0; display:block;}
		.mainSearch {}
		.cartLinks {font-size:.8em;}
		.mainNav {font-size:1.2em; float:left;}		
		.leftCol {float:left; width:230px; min-height:500px;}
		.mainContent {float:left; background:#fff; width:710px; padding:10px; min-height:480px;}
		.shopCategories li {float:left; width:28%;}
		.contentWrapper {width:960px; margin:0 auto; background:url(/media/bg-content.gif) left top repeat-y;}
		.leftCol,.mainContent {}
		.footerWrapper {background:url(/media/logo-gm-lg.gif) left bottom no-repeat #000; width:960px; margin:0 auto;}
		
	.slider {background:url(/media/logo-gm-lg.gif) 4px 4px no-repeat #000;}
		
	/*** ACAD, ACED, AFAD, AFED, OCST ***/		
	#customer-fields label,#affiliate-fields label {text-align:right;}
	#customer-fields.non-editable label,#affiliate-fields.non-editable label{margin:0 0 0 10px; padding:0 4px 0 0; width:130px; text-align:right; float:left;}
	
	/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
		.productList li{float:left; width:33.3%; height:210px; overflow:hidden;}

		.productList h3,.productList h4 {width:200px;}
		.productListRlt li {float:left; width:25%; height:190px; overflow:hidden;}
		
	/*** BASK, OCST, OPAY, OSEL ***/
	.attributeItem {width:550px;}
		.attributeName {float:left; width:300px;}
	.basketButtons div {width:33%; float:left; text-align:center;}
		.basketButtons div.continueShopping,.basketButtons div.calculateShipping { margin:22px 0;}
	.basketButtons table {width:33%; float:left; margin:12px 0;}
	.continue-button {float:left; width:50%;}

	/*** LOGN, AFCL, ORDL, ORHL ***/
	.AFCL .section,.LOGN .section {float:left; height:220px; width:49%;}
	.ORDL .section {float:left; height:260px; width:33%;}
	.ORHL .lookup-section{float:left; height:220px; width:50%}
	.ORHL .signin-section{float:left; height:220px; width:48%}
	.grey-border-right {border-right:1px solid #cccccc;}
	
	/*** PRODUCT DISPLAY ***/
	#breadcrumbs {width:560px; float:left;}
	.product-details-1{width:490px;float:left}
	.product-details-2 {width:220px;float:left}
	
}

@media print {
	/* General Print Styles */
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; 
  font-family:Verdana, Geneva, sans-serif;} /* Black prints faster: h5bp.com/s */
  a, a:visited { }
  

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.3cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  .cartNav,.leftCol,.mainNav,.mainFooter,.facebook,.accolade,.commercial,.inventoryEmbed {display:none;}
  .mainHeader  {border-bottom:none;}
  .slogan {clear:left;}
  .logo {height:auto;}
  
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1.0em;}
p,li {font-size:.9em;}
img {float:left; margin-right:10px;}
  }