/* ---------------------------------------------------------------------------
	Client Master Styles
	http://www.domain.com
	
	author: nGen Works
	http://ngenworks.com
--------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
	=reset
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

html {
	background-color: #000;
}

frameset, frame {
	background-color: #fff;
}

body { 
	font: small/1.5em Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; 
	color: #20292e;
	background: #fff url(/img/bg-body.gif) repeat-x 0 0;
}
	
#container {
	margin: 0 auto;
	width: 995px;
	
}

#header {
	position: relative;
	background: #000 url(/img/bg-header.gif) repeat-x 0 0;
	color: #6f9089;
	font: 85% "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	height: 96px;
}

#content-main {
	border-left: 1px solid #ccc;
	float: right;
	padding-top: 55px;
	width: 810px;
}

#content-primary {
	float: left;
	width: 686px;
	padding-top: 70px;
	border-right: 1px dashed #ccc;
}

#content-secondary {
	float: right;
	width: 122px;
}

#sidebar { width: 185px; }

#foot-container { background: #000 url(/img/bg-foot-container.jpg) repeat-x 0 0; }
	
#foot {
	background-color: #000;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 995px;
}


/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a {
	color: #ff0000;
	text-decoration: underline;
}

a:link { color: #ff0000; }
	
a:visited { color: #ff0000; }
	
a:hover { text-decoration: none; }

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 { font: 200% Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; }

h2 { font: 175% Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; }

h3, h4, h5 { font: 150% Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; }

em { font-style: normal; }

p { 
	line-height: 2em;
	padding-bottom: 30px; 
}



/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul { list-style: none; }


/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */
#header #logo {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img/bg-logo.gif) no-repeat 0 0;	
	height: 120px;
	width: 215px;
}

body.catalog #header #logo {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img/bg-catalog-logo.gif) no-repeat 0 0;	
	height: 120px;
	width: 215px;
}

body.catalog #header { height: 125px; }

#header #logo img {
	position: absolute;
	top: 0;
	left: -9999px;
}

#header #logo a {
	display: block;
	width: 100%;
	height: 100%
}

#header ul.quick-contact {
	padding-top: 15px;
	text-align: right;
}
	
#header ul.quick-contact li {
	margin-right: 35px;
	padding-left: 30px;
	background: url(/img/icon-phone.gif) no-repeat 0 50%;
	display: inline;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: .4em;
	
}

/* ---------------------------------------------------------------------------
	=navigation
--------------------------------------------------------------------------- */

#nav {
	position: absolute;
	top: 46px;
	left: 198px;
	width: 798px;
	
}

#nav li {
	float: left;
	width: 114px;
	height: 50px;
	text-indent: -9999px;
}

#nav li a {
	display: block;
	width: 100%;
	height: 100%;
}

#nav #nav-home, #nav #nav-home a { background: url(/img/nav-home.gif) no-repeat 0 0; }
#nav #nav-services, #nav #nav-services a { background: url(/img/nav-services.gif) no-repeat 0 0; }
#nav #nav-portfolio, #nav #nav-portfolio a { background: url(/img/nav-portfolio.gif) no-repeat 0 0; }
#nav #nav-catalog, #nav #nav-catalog a { background: url(/img/nav-catalog.gif) no-repeat 0 0; }
#nav #nav-store, #nav #nav-store a { background: url(/img/nav-store-ebay.gif) no-repeat 0 0; }
#nav #nav-about, #nav #nav-about a { background: url(/img/nav-about.gif) no-repeat 0 0; }
#nav #nav-contact, #nav #nav-contact a { background: url(/img/nav-contact.gif) no-repeat 0 0; }

#nav #nav-home a:hover,
#nav #nav-services a:hover, 
#nav #nav-portfolio a:hover, 
#nav #nav-catalog a:hover, 
#nav #nav-store a:hover, 
#nav #nav-about a:hover, 
#nav #nav-contact a:hover {
	background-position: 0 -50px;
}

body.home #nav #nav-home a,
body.services #nav #nav-services a,
body.portfolio #nav #nav-portfolio a,
body.catalog #nav #nav-catalog a,
body.store #nav #nav-store a,
body.about #nav #nav-about a,
body.contact #nav #nav-contact a {
	background-position: 0 -100px;
}

#sub-nav {
	padding: 0 15px 30px 28px;
	text-align: right;
}

#sub-nav li {
	padding-bottom: 15px;
	line-height: 1em;
}
	
#sub-nav a {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	color: #6f9089;
	text-decoration: none;
}

#sub-nav a:hover, #sub-nav a.here {
	color: #f00;
	text-decoration: underline;
}

#nav-foot { 
	clear: both;
	padding: 25px 0 35px 25px; 
}
	
#nav-foot li { float: left; }

#nav-foot li a {
	border-right: 2px solid #fff;
	color: #fff;
	margin-right: 10px;
	padding-right: 10px;
	text-decoration: none;
}

#nav-foot li a.last {
	border-right: none;
	margin-right: 10px;
	padding-right: 10px;
}

#nav-foot li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
	=content-main
--------------------------------------------------------------------------- */

/*
#content-main #content-primary .pad {
	padding-left: 342px;
	padding-right: 30px;
}
*/

#content-main h1 {
	background: url(/img/text-home-h1.gif) no-repeat 0 0;
	height: 115px;
	/*padding-bottom: 70px;*/
	width: 684px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
	=content-primary
--------------------------------------------------------------------------- */
body.home #content-primary { 
	padding-top: 44px;
	border-right: 1px dashed #ccc; 
}

/* if there is no GSA sidebar then content-primary goes full-column */
/* body.home #content-primary { 
	width: 650px;
	border-right: none;
} */

body.home #content-primary .pad {
	padding-left: 18px;
	padding-right: 30px;
}

body.home #content-primary .wrap-home {
	display: block;
	background: url(/img/photo-home.jpg) no-repeat 2px 2px;
	padding-left: 342px;
	margin-left: -20px;
	margin-right: -30px;
	
	min-height: 325px;
  height: auto !important;
  height: 325px;
}


/* ---------------------------------------------------------------------------
	=content-secondary
--------------------------------------------------------------------------- */
#content-secondary { background: url(/img/bg-content-secondary.gif) no-repeat 10px 0; }

#content-secondary .pad { 
	padding: 35px 15px 35px 10px; 
}

#content-secondary h5 {
	color: #6f9089;
	font: 100% "Lucida Grande", Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

#content-secondary p {
	padding: 20px 0;
	color: #6f9089;
	font: 85% Verdana, Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
}

#content-secondary #logo-gsa {
	background: url(/img/logo-gsa.gif) no-repeat 0 0;
	height: 91px;
	padding-bottom: 15px;
	width: 90px;
}

#content-secondary #logo-gsa a {
	display: block;
	width: 100%;
	height: 100%;
}

#content-secondary #logo-gsa img { display: none; }

#content-secondary span { 
	text-indent: -9999px;
}

#content-secondary a.more {
	background: url(/img/icon-arrow.gif) no-repeat 0 0;
	display: block;
	height: 9px;
	width: 11px;
}


/* ---------------------------------------------------------------------------
	=contact
--------------------------------------------------------------------------- */

#contact { 
	background: url(/img/bg-contact.jpg) no-repeat 568px 0;
	border-top: 1px solid #ccc;
	clear: both;
}

#contact .pad { 
	padding: 25px 0px 25px 20px;
}

#contact h2 {
	background: url(/img/text-contact-h2.gif) no-repeat 0 0;
	height: 27px;
	width: 207px;
	text-indent: -9999px;
}

#contact p { 
	display: block;
	float: left;
	padding: 15px 0;
	width: 300px;
	line-height: 1.5em;
}

#contact .quick-contact { 
	display: block;
	float: right;  
	padding: 15px 0;
	width: 450px; 
}

/* ---------------------------------------------------------------------------
	=sidebar
--------------------------------------------------------------------------- */

#sidebar .pad {
	padding: 110px 0 70px 46px;
}

#sidebar h3 {
	padding: 6px 15px;
	margin-bottom: 6px;
	background-color: #2b3844;
	color: #fff;
	font: 90% "Myriad Pro", Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
	letter-spacing: .5em;
	text-transform: uppercase;
}

#sidebar p {
	font: 85%/1.3em Verdana, Arial, Helvetica, 'Helvetica Neue', sans-serif;
	color: #6e0202;
	padding-right: 13px;
	padding-bottom: 15px;
	text-align: right;
}

#spotlight .product {
	color: #ff0019;
	display: block;
	font-size: 105%;
	font-weight: bold;
	padding-bottom: 8px;
	padding-right: 13px;
	text-align: right;
	text-decoration: underline;
}

#spotlight span { 
	text-indent: -9999px;
}

#spotlight a.more {
	background: url(/img/icon-arrow.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 9px;
	padding-right: 13px;
	width: 11px;
}

/* ---------------------------------------------------------------------------
	=brands
--------------------------------------------------------------------------- */

#brands { 
	background: url(/img/bg-brands.jpg) no-repeat 0 0; 
	height: 209px;
	width: 995px;
}

#brands .pad { padding: 35px 30px 70px 45px; }

#brands h4 {
	background: url(/img/text-brands.gif) no-repeat 0 0;
	height: 57px;
	text-indent: -9999px;
	width: 368px;
}

#brands p {
	color: #fff;
	font: 90%/1.7em Verdana, Arial, Helvetica, 'Helvetica Neue', sans-serif;
}

#brand-information { 
	float: left;
	width: 360px;
}

#brand-logos { 
	float: right;
	width: 555px;	
}

#brand-logos li {
	float: left;
	height: 65px;
	/*text-indent: -9999px;*/
	width: 185px;
}

#brand-logos li a {
	display: block;
	height: 100%;
	width: 100%;
}

#brand-logos #jvc, #brand-logos #jvc a { background: url(/img/logo-brand-jvc.gif) no-repeat 0 0; }
#brand-logos #chief, #brand-logos #chief a { background: url(/img/logo-brand-chief.gif) no-repeat 0 0; }
#brand-logos #panasonic, #brand-logos #panasonic a { background: url(/img/logo-brand-panasonic.gif) no-repeat 0 0; }
#brand-logos #sanyo, #brand-logos #sanyo a { background: url(/img/logo-brand-sanyo.gif) no-repeat 0 0; }
#brand-logos #winsted, #brand-logos #winsted a { background: url(/img/logo-brand-winsted.gif) no-repeat 0 0; }
#brand-logos #avid, #brand-logos #avid a { background: url(/img/logo-brand-avid.gif) no-repeat 0 0; }

/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

.copyright { 
	font: 85% "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	color: #fff;
	padding-left: 24px;
}


/* ---------------------------------------------------------------------------
=page/secondary universal
--------------------------------------------------------------------------- */

body.secondary #content-primary {
	border: none;
	padding: 26px 0 40px 0;
	width: 800px;
}

	body.secondary #content-primary .pad {
		padding-left: 18px;
	}
	
/* order number */
body.secondary #content-main h2 {
	/* margin: 22px 0 0 18px; <----- I changed this Fred, this is your original */
	margin-top: 22px;
	font-size: 250%;
}

body.secondary h2.order-number {
	margin-left: 18px;
}

	body.secondary h2.order-number strong {
		color: #b60f14;
	}

/* ---------------------------------------------------------------------------
=about
--------------------------------------------------------------------------- */

body.about #content-main h1 {
	background: url(/img/text-about-h1.gif) no-repeat 18px 0;
	height: 68px;
}

body.about #team {
	margin: 10px 0 40px -18px;
	padding: 26px 60px 0 18px;
	border-top: 1px solid #ccc;
}

	body.about #team h2 {
		background: url(/img/text-team-h2.gif) no-repeat 0 0;
		height: 34px;
		text-indent: -9999px;
		margin-bottom: 18px;
	}
	
	body.about #team dl {
		margin-right: -60px;
	}
	
		body.about #team dl dt {
			font-family: "Myriad Pro", Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
			letter-spacing: .45em;
			text-transform: uppercase;
			margin-right: 8px;
			padding: 3px 10px 1px 10px;
			color: #fff;
			background-color: #2b3844;
			float: left;
		}
		
		body.about #team dl dd.email, body.about #team dl dd.phone {
			width: 224px;
			margin-left: 20px;
			float: right;
			clear: right;
		}
		
		body.about #team dl dd.bio {
			line-height: 180%;
			padding: 0 270px 20px 0;
			border-bottom: 1px dashed #ccc;
			margin-bottom: 20px;
		}
		
		body.about #team dl dd.last {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: 0;
		}

/* ---------------------------------------------------------------------------
=catalog
--------------------------------------------------------------------------- */

body.catalog #container {
	margin: 0;
}

body.catalog #content-main {
	border-left: none;
	float: none;
	padding-top: 24px;
	width: 100%;
}

body.catalog #content-main h1 {
	margin-left: 184px;
	border-left: 1px solid #ccc;
	background: url(/img/text-catalog-h1.gif) no-repeat 18px bottom;
	height: 84px;
}

/* top frame styles */
#frame {
	background-image: none;
}

#frame div {
	margin-top: 10px;
	margin-left: 18px;
	padding-left: 140px;
	padding-top: 15px;
	font: small Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; 
	background-color: #fff;
	background: url(/img/logo.gif) no-repeat center left;
	height: 69px;
}

#frame div a {
	font-size: 150%;
	padding-left: 25px;
	line-height: 2.5em;
	font-weight: bold;
	text-decoration: underline;
}

#frame div a:link { color: #f00; }
	
#frame div a:visited { color: #f00; }
	
#frame div a:hover { text-decoration: none; }
	
/* ---------------------------------------------------------------------------
=contact
--------------------------------------------------------------------------- */

body.contact #content-main h1 {
	background: url(/img/text-contact-h1.gif) no-repeat 18px 0;
	height: 68px;
}

#contact_jacksonville, #contact_atlanta {
	float: left;
	width: 40%;
}


/* ---------------------------------------------------------------------------
=portfolio
--------------------------------------------------------------------------- */

body.portfolio #content-main h1 {
	background: url(/img/text-portfolio-h1.png) no-repeat 18px 0;
	height: 68px;
}

body.portfolio #content-main h2 {
	margin-bottom: 10px;
	/* height: 28px; 
	margin-bottom: 16px; */
}

body.portfolio #content-main h3 {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 95%;
	}

body.portfolio #content-main h3 .portfolio-location {
	font-size: 145%;
	font-weight: bold;
	text-transform: none;
}

body.portfolio #content-main h4 {
	font-size: 100%;
	font-weight: bold;
}

body.portfolio #content-feature {
	width: 775px;
	margin-left: 18px;
	margin-top: 20px;
}

body.portfolio #content-primary-detail {
	width: 500px;
	padding-top: 16px;
	padding-bottom: 40px;
}

#content-primary-detail p {
	padding-left: 18px;
}

/* ---------------------------------------------------------------------------
=services
--------------------------------------------------------------------------- */

body.services #content-main h1 {
	background: url(/img/text-services-h1.gif) no-repeat 18px 0;
	height: 68px;
}

/* ---------------------------------------------------------------------------
=privacy
--------------------------------------------------------------------------- */

body.privacy-policy #content-main h1 {
	background: url(/img/text-privacy-h1.gif) no-repeat 18px 0;
	height: 68px;
}

/* ---------------------------------------------------------------------------
=page not found
--------------------------------------------------------------------------- */

body.page-not-found #content-main h1 {
	background: url(/img/text-page-not-found-h1.png) no-repeat 18px 0;
	height: 68px;
}

/* ---------------------------------------------------------------------------
=confirm order
--------------------------------------------------------------------------- */

#content-main.confirm h1 {
	background: url(/img/text-confirm-order-h1.png) no-repeat 18px 0 !important;
	height: 68px;
}

div.address-info-left { 
	float: left; 
	width: 48%;
}

div.address-info-right { 
	float: right; 
	width: 48%;
}

#address-container { 
	padding-top: 25px; 
	padding-left: 18px; 
	width: 500px; 
	float: left; 
	clear: right;
}

#address-container h3 a { font-size: 70%; }

/* ---------------------------------------------------------------------------
=store - credit card info page
--------------------------------------------------------------------------- */

#content-main.credit-card h1 {
	background: url(/img/text-credit-card-h1.png) no-repeat 18px 0 !important;
	height: 68px;
}

/* ---------------------------------------------------------------------------
=store - category: specials
--------------------------------------------------------------------------- */

body.store #category.specials h2 {
	background: url(/img/text-specials-h2.png) no-repeat 0 0;
	height: 68px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
=store
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
=spotlight
--------------------------------------------------------------------------- */

body.store #content-main h1 {
	background: url(/img/text-store-h1.png) no-repeat 18px 0;
	height: 68px;
}

body.spotlight #content-main h1 {
	background: url(/img/text-spotlight-h1.png) no-repeat 18px 0;
	height: 68px;
}

body.store #content-main #details-info,
body.spotlight #content-main #details-info {
	padding-left: 18px;
}

	body.store #content-main #details-info .details-line, {
		text-transform: uppercase;
		font-size: 95%;
	}
	
		body.store #content-main #details-info .details-line strong {
			font-size: 145%;
			text-transform: none;
		}
		
		body.store #content-main #details-info .details-shipping {
			font-style: italic;
			color: #ccc;
			padding-left: 10px;
		}

body.store #content-primary p,
body.spotlight #content-primary p {
	width: 500px;
}
			
body.store .price-cat {
		text-transform: uppercase;
		font-size: 80%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
		body.store .price-cat strong {
			text-transform: none;
			font-size: 120%;
			font-weight: bold;
		}
			
body.store #featured-item {
	background-color: #f2f2f2;
	padding: 12px;
	margin-bottom: 20px;
	clear: both;
}

	body.store #featured-item h2 {
		background: url(/img/text-featured-item-h2.png) no-repeat 0 0;
		width: 263px;
		height: 34px;
		text-indent: -9999px;
		margin-bottom: 18px;
	}
	
	body.store #featured-item dl dt {
		font-size: 135%;
		font-weight: bold;
		padding-left: 282px;
	}
	
	body.store #featured-item dl dd.photo img {
		border: 6px solid #fff;
		margin-right: 20px;
		position: relative;
		left: 0;
		top: -24px;
		float: left;
		clear: both;
	}
	
	body.store #featured-item dl dd.price-cat strong {
		margin-right: 36px;
	}
	
	body.store #featured-item dl dd {
		line-height: 190%;
	}
	
		body.store #featured-item dl dd p {
			width: auto;
		}
	
body.store #category-items,
body.spotlight #category-items {
	margin-bottom: 50px;
}

	#clearance-items h2 {
		text-transform: capitalize;
		padding-bottom: 10px;
	}

/* ---------------------------------------------------------------------------
=view cart / receipt universal
--------------------------------------------------------------------------- */
	
table.items-table {
	width: 526px;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 95%;
}

	table.items-table thead tr th {
		height: 24px;
		text-align: left;
		border-bottom: 3px solid #000;
	}
	
	table.items-table tfoot {
		text-transform: uppercase;
	}
	
	/* subtotal row */
	table.items-table .cart-subtotal-row td {
		border-top: 1px solid #000;
	}
	
		table.items-table .cart-subtotal-row td {
			padding-top: 30px;
		}
		
	/* tax row */
	table.items-table .cart-tax-row td {
		border-bottom: 3px solid #000;
	}
	
		table.items-table .cart-tax-row td {
			padding: 8px 0 18px 0;
		}
	
	/* total row */
	table.items-table .cart-total-row td {
		font-size: 110%;
		font-weight: bold;
		padding: 14px 0 30px 0;
	}
		
/* ---------------------------------------------------------------------------
=view cart
--------------------------------------------------------------------------- */

body.view-cart #content-main h1 {
	background: url(/img/text-view-cart-h1.png) no-repeat 18px 0;
	height: 68px;
}
	
body.view-cart #content-primary {
	padding-top: 50px;
}

	/* table header specific */
	
		body.view-cart th.quantity-col {
			width: 62px;
			text-align: center;
		}
		
		body.view-cart th.name-col {
			width: 190px;
		}
		
		body.view-cart th.price-col {
			width: 80px;
		}
		
		body.view-cart th.shipping-col {
			width: 84px;
		}
		
		body.view-cart th.total-col {
			width: 70px;
		}
		
		body.view-cart th.remove-col {
			width: 60px;
		}
	
	body.view-cart #content-primary table td {
		vertical-align: middle;
	}
	
	body.view-cart #content-primary table tbody tr {
		height: 50px;
	}
	
		body.view-cart #content-primary table tbody tr.zebra-stripe {
			background-color: #f2f2f2;
		}
		
	/* items list specific */
	body.view-cart #content-primary table tbody .quantity {
		padding: 0 6px;
	}
		
		body.view-cart #content-primary table tbody td.checkbox {
			text-align: center;
		}

	body.view-cart #content-primary table input {
		width: 1.5em;
	}
	
	/* table footer specific */
	/* subtotal row */		
	body.view-cart table .cart-subtotal-row .update-cart {
		vertical-align: top !important;
		padding-top: 16px;
	}
	
		body.view-cart table .cart-subtotal-row .update-cart button {
			display: block;
			background: url(/img/button-update-cart.png) no-repeat 0 0 transparent;
			width: 135px;
			height: 40px;
			cursor: pointer;
			text-indent: -9999px;
			border: 0 none transparent !important;
		}
		
	
	/* continue shopping/checkout row */
	body.view-cart table .cart-continue-shopping-row td {
		text-transform: capitalize;
	}
	
	body.view-cart table td.item-name {
		padding-left: 15px;
	}
	
	
	body.view-cart table .cart-checkout-button {
		display: block;
		background: url(/img/button-checkout.png) no-repeat 0 0 transparent;
		width: 127px;
		height: 37px;
		text-indent: -9999px;
	}
	
	
/* ---------------------------------------------------------------------------
=cart - shipping & billing form
--------------------------------------------------------------------------- */

body.shipping #content-main h1 {
	background: url(/img/text-shipping-billing-h1.png) no-repeat 18px 0;
	width: 100%;
	height: 68px;
}

body.shipping #content-primary form {
	width: 526px;
}

	body.shipping #content-primary form fieldset {
		padding-left: 8px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 36px;
	}
		
		body.shipping #content-primary form fieldset legend span { /* [FB] need to use the span tag due to Firefox bug with legend tag */
			display: block;
			width: 526px;
			margin-left: -8px;
			padding: 0 0 8px 8px;
			border-bottom: 3px solid #000;
			text-transform: uppercase;
		}
		
	body.shipping #content-primary form dl.two_column {
		padding-top: 14px;
	}
	
		body.shipping #content-primary form dl dt {
			text-transform: uppercase;
			text-align: left;
		}
		
			body.shipping #content-primary form dl dd {
				padding-right: 16px;
			}
	
	body.shipping #content-primary form p {
		padding: 0;
	}
	
	body.shipping #content-primary form label {
		color: #666;
	}
	
	body.shipping #content-primary form input {
		width: 85%;
	}
	
	body.shipping #content-primary form button {
		display: block;
		background: url(/img/button-submit.png) no-repeat 0 0 transparent;
		border: none;
		width: 127px;
		height: 37px;
		text-indent: -9999px;
		cursor: pointer;
	}
	
	body.view-cart table button {
		display: block;
		background: url(/img/button-update-cart.png) no-repeat 0 0 transparent;
		border: none;
		width: 135px;
		height: 40px;
		cursor: pointer;
		text-indent: -9999px;
		
	}
	
	body.shipping #content-primary form .note {
		font-style: italic;
		font-size: 95%;
	}

	body.shipping #content-primary form .option {
		padding: 24px 8px;
		margin-left: -8px;
		background-color: #f2f2f2;
		border-top: 1px solid #ccc;
		width: 520px;
	}
	
	body.shipping #billing-shipping-same {
		width: auto !important;
	}
	
	body.shipping #billing_zip, body.shipping #shipping_zip {
		width: 30% !important;
	}
	
/* ---------------------------------------------------------------------------
=receipt
--------------------------------------------------------------------------- */
		
body.receipt #content-main h1 {
	background: url(/img/text-receipt-h1.png) no-repeat 18px 0;
	height: 54px;
}

body.receipt #content-main .h1-note {
	padding: 24px 0 0 18px;
}

body.receipt #content-primary {
	padding-top: 16px;
}

body.receipt .reference-number {
	padding-bottom: 0;
	line-height: normal;
}

	body.receipt .reference-number strong {
		font-size: 135%;
		font-weight: bold;
	}

body.receipt table.items-table {
	margin-top: 50px;
}

/* table header specific */
body.receipt th {
	font-weight: normal;
}

body.receipt th.name-col {
	width: 240px;
}

body.receipt th.quantity-col {
	width: 64px;
}

body.receipt th.price-col {
	width: 80px;
}

body.receipt th.shipping-col {
	width: 80px;
}

body.receipt th.total-col {
	width: 54px;
}

/* table body specific */
body.receipt .item-name {
	padding: 18px 0;
}

/* table footer specific */	
body.receipt th.total-col, body.receipt .item-total, body.receipt .money {
	text-align: right;
	padding-right: 8px !important;
}

/* billing & shipping info */
body.receipt .address-info {
	width: 518px;
	padding: 0 0 60px 8px;
}

	body.receipt .address-info h2 {
		font-size: 95% !important;
		text-transform: uppercase;
		border-bottom: 3px solid #000;
		line-height: 200%;
		padding-left: 8px;
		margin: 0 0 30px -8px;
	}
	
	body.receipt .address-info .receipt-name {
		display: block;
		font-weight: bold;
	}

/* ---------------------------------------------------------------------------
=cart status / add to cart
--------------------------------------------------------------------------- */

#cart-status, #add-to-cart-form {
	width: 202px;
	padding: 12px;
	background-color: #f2f2f2;
	float: right;
}

#cart-status {
	clear: right;
}

	/* cart summary */
	#cart-status h4 {
		text-align: center;
		background-color: #1d2834;
		color: #fff;
		font: 90% "Myriad Pro", Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
		letter-spacing: .35em;
		padding: 6px 0 4px 0;
		margin: 0 -6px 10px -6px;
		text-transform: uppercase;
	}
	
		#cart-status p {
			padding-left: 4px;
			padding-bottom: 2px;
			font-size: 135%;
			width: auto !important;
		}
	
		#cart-status .cart-status-number {
			border-bottom: 1px solid #ccc;
		}
		
			#cart-status .cart-status-number strong {
				color: #b60f14;
			}
			
		#cart-status .view-cart-button {
			display: block;
			background: url(/img/button-view-cart-checkout.png) no-repeat 0 0;
			width: 206px;
			height: 37px;
			text-indent: -9999px;
			margin-top: 10px;
		}
			
/* add to cart */
#add-to-cart-form {
	margin-bottom: 6px;
}

	#add-to-cart-form dl {
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		font-size: 95%;
	}
	
		#add-to-cart-form dl dt {
			text-transform: uppercase;
			padding-right: 26px;
		}
		
		#add-to-cart-form dl input {
			height: 12px;
		}
	
	#add-to-cart-form button {
		display: block;
		background: url(/img/button-add-to-cart.png) no-repeat 0 0 transparent;
		border: none;
		width: 127px;
		height: 37px;
		text-indent: -9999px;
		cursor: pointer;
	}


/* ---------------------------------------------------------------------------
	=misc
--------------------------------------------------------------------------- */
/* listing table styles */
#clearance-items table, #portfolio-items {
	border-collapse: collapse;
	border-top: 1px solid #bbbdc0;
	border-bottom: 1px solid #bbbdc0;
	width: 100%;
	/* margin-bottom: 45px; */
	margin-bottom: 10px;

}

#clearance-items .zebra-stripe td,
#portfolio-items .zebra-stripe td {
	background-color: #e5e5e5;
}

#clearance-items td, #portfolio-items td {
	vertical-align: middle;
	padding: 14px;
}

#clearance-items table .item-name,
#portfolio-items .item-name {
	width: 100%;
	font-size: 120%;
	font-weight: bold;
}

body.spotlight #clearance-items table .photo {
	width: 135px;
} 

body.spotlight #clearance-items table .item-name p {
	font-size: 0.8em;
	font-weight: normal;
	padding: 0;
}

body.spotlight #content-primary .more-info ul {
	list-style: none;
	margin-left: 0;
}

body.spotlight .more-info ul li em {
	display: inline-block;
	font-weight: bold;
	width: 90px;
}

#clearance-items table .item-name a,
#portfolio-items .item-name a {
	color: #20292e;
	text-decoration: none;
}

#clearance-items table .item-name a:hover,
#portfolio-items .item-name a:hover {
	text-decoration: underline;
}
	
#clearance-items table .price-cat,
#portfolio-items .location {
	white-space: nowrap;
}
	
#clearance-items table .price {
	padding-right: 60px;
}

/* details section lists */
#content-primary.detail {
	padding-bottom: 40px;
}

	#content-primary.detail .pad {
		padding-left: 18px;
	}
	
	#content-primary.detail ul {
		list-style: disc;
		margin-left: 18px;
		line-height: 190%;
	}
	
	#content-primary.detail .detail-photo {
		width: 480px;
		padding: 20px 10px;
		margin-bottom: 8px;
		border: 1px solid #ccc;
		text-align: center;
	}
	


/*	=pagination (you should delete this if you are not using)
--------------------------------------------------------------------------- */
tr.paginate { border-top: 1px solid #ccc; }
ul.pagination { 
	margin-left: 0;
	padding: 15px 0 30px 15px; 
	font-size: 80%;
	text-transform: uppercase;
	
}

ul.pagination li { 
	display: inline; 
	margin-right: 3px;
}

ul.pagination a {
	padding: 4px 6px;
}

ul.pagination a:link, ul.pagination a:visited {
	color: #c89342;
	border: 3px solid #fdedbe;
	text-decoration: none;
}

ul.pagination a:hover {
	color: #fff;
	border: 3px solid #b93400;
	background-color: #b93400;
	text-decoration: none;
}

ul.pagination li.here a:link, li.here ul.pagination a:visited, li.here ul.pagination a:hover {
	color: #fff;
	border: 3px solid #b93400;
	background-color: #b93400;
	text-decoration: none;
}

/* view all link */

p.link-viewall { 
	font-family: "Myriad Pro", Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-decoration: none;
}

p.link-viewall a:link {	text-decoration: none; }

p.link-viewall a:hover { text-decoration: underline; }


/*	=float clearing
--------------------------------------------------------------------------- */
.clear {
	height: 1px;
	clear: both;
}

#content:after,
#contact:after,
#content-secondary:after,
#brands:after,
#brand-logos:after,
#address-container:after,
#featured-item:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}