@charset "UTF-8";

/* CSS 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, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/* line-height: 1; */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

a:link, a:visited {
	text-decoration : none;
	background: transparent; 
	}

a:hover {
	text-decoration: underline;
	background: transparent; 
	}

a:active {
	text-decoration : underline;
	background: transparent;  
	}

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	}
	
	* html ul li a {
   height:1em;
}

* html ul li {
   height:1em;
}
	
/* Page skeleton */

#bodyWrapper {width: 980px; margin: 0 auto; padding: 0; text-align: left;}
#header {height: 41px;}
#pageWrapper {position: relative; padding-bottom: 35px;}
#leftColumn {float: left; display: inline; width: 120px; margin-left: 40px; _margin-left:20px; margin-top: 136px;}
#centerColumn {float: left; display: inline; width: 760px; margin: 36px 0 30px 15px; border-left: 1px solid #aca393; padding: 0 0 0 24px;}
#footer {clear: both; padding: 20px 10px 0 10px;}

#bodyWrapper:after, #pageWrapper:after, .prodShotBG:after, #leftColumn:after, #logoNav:after, #footer:after, #centerColumn:after, .product:after, ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#bodyWrapper, #pageWrapper, .prodShotBG, #leftColumn, #centerColumn, #footer, #logoNav, .product, ul {*display:inline-block;}

#header a.cart {display: block; float: right; width: 42px; height: 15px; margin: 10px 40px 0 0;}

#logoNav {margin-bottom: 60px;}
#logoNav .logo {float: left; width:405px; height: 40px;}
#logoNav .logo a {display: block; width:405px; height: 40px;}
#logoNav ul.topLinks {float: left; padding: 0 0 0 155px; width: 180px;}
#logoNav ul.topLinks li {float: left; width: 100%; padding: 0; margin: 0; font: 11px Franklin, Arial, Helvetica, sans-serif;}
#logoNav ul.topLinks a:link, #top ul.topLinks a:visited {text-decoration : none; background: transparent; }
#logoNav ul.topLinks a:hover {text-decoration : underline; background: transparent;}
#logoNav ul.topLinks a:active {text-decoration : underline; background: transparent;}

#leftColumn ul {margin-bottom: 25px;}
#leftColumn ul li {float: left; width: 120px; padding: 0; margin: 0;}
#leftColumn ul li.head {font: bold 13px Franklin, Arial, Helvetica, sans-serif; text-transform: uppercase; background: none; margin: 0 0 6px 0;}
#leftColumn ul a {display: block; font: 12px Fraklin, Arial, Helvetica, sans-serif; padding: 6px 0 4px 9px;}
#leftColumn a:link, #leftColumn a:visited {text-decoration : none; background: transparent;}
#leftColumn a:hover {text-decoration : underline; background: transparent;}
#leftColumn a:active {text-decoration : underline; background: transparent;}

#footer {margin-bottom: 20px;}
#footer .footerLeft {float: left; font: 11px Fraklin, Arial, Helvetica, sans-serif;}
#footer .footerRight {float: right; font: 11px Fraklin, Arial, Helvetica, sans-serif;}
#footer a:link, #footer a:visited {text-decoration : none; background: transparent;}
#footer a:hover {text-decoration : underline; background: transparent;}
#footer a:active {text-decoration : underline; background: transparent;}

/* Front door styles */

#centerColumn #featuredItems {position: relative; width: 740px; height: 250px; padding: 10px;}
#centerColumn #featuredItems #featuredImage1, #centerColumn #featuredItems #featuredImage2, #centerColumn #featuredItems #featuredImage3 {position: absolute; z-index: 1; width: 420px; height: 230px; }
#centerColumn #featuredItems #featuredLink1 {position: absolute; right: 11px; z-index: 2; width: 352px; height: 75px;}
#centerColumn #featuredItems #featuredLink2 {position: absolute; right: 11px; top: 89px; z-index: 2; width: 352px; height: 75px;}
#centerColumn #featuredItems #featuredLink3 {position: absolute; right: 11px; top: 166px; z-index: 2; width: 352px; height: 75px;}
#centerColumn #featuredItems h3 {margin: 10px 0 2px 55px; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: underline;}
#centerColumn #featuredItems p {margin-left: 55px; font: 12px Arial, Helvetica, sans-serif; line-height: 17px;}
#centerColumn #featuredItems a:link, #centerColumn #featuredItems a:visited {text-decoration : none; background: transparent;}
#centerColumn #featuredItems a:hover {text-decoration : underline; background: transparent;}
#centerColumn #featuredItems a:active {text-decoration : underline; background: transparent;}

#centerColumn #productsArea {float: left; width: 262px; margin: 0 20px 25px 0;}
#centerColumn #productsArea h2 {font: 13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px;}
#centerColumn #productsArea h3 {margin-bottom: 4px; font-size: 13px;}
#centerColumn #productsArea .product {clear: both; padding: 6px 0 7px 6px;}
#centerColumn #productsArea .product img {float: left;}
#centerColumn #productsArea .product .prodDesc {float: left; width: 152px; padding-left: 13px;}
#centerColumn #productsArea .product .prodDesc h3 {font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#centerColumn #productsArea .product .prodDesc p {font: 11px Arial, Helvetica, sans-serif; color: #462c1d;}
#centerColumn #productsArea a:link, #centerColumn #productsArea a:visited {text-decoration : underline; background: transparent;}
#centerColumn #productsArea a:hover {text-decoration : underline; background: transparent;}
#centerColumn #productsArea a:active {text-decoration : underline; background: transparent;}

#centerColumn #featuresArea {float: left; width: 457px;}
#centerColumn #featuresArea h2 {font: 13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px;}
#centerColumn #featuresArea h3 {margin-bottom: 8px;}
#centerColumn #featuresArea .feature {clear: both; width: 457px; height: 160px; padding: 6px 0 4px 6px;}
#centerColumn #featuresArea .feature img {float: left;}
#centerColumn #featuresArea .feature .featureDesc {float: left; width: 239px; padding-left: 21px;}
#centerColumn #featuresArea .feature .featureDesc h3 {font: bold 14px Arial, Helvetica, sans-serif;}
#centerColumn #featuresArea .feature .featureDesc p {font: 12px Arial, Helvetica, sans-serif; line-height: 16px;}
#centerColumn #featuresArea .feature a:link, #centerColumn #featuresArea .feature a:visited {text-decoration : underline; background: transparent;}
#centerColumn #featuresArea .feature a:hover {text-decoration : underline; background: transparent;}
#centerColumn #featuresArea .feature a:active {text-decoration : underline; background: transparent;}

/* Text page styles */

#centerColumn #centerCopyColumn {float: left; width: 540px;}
#centerColumn #centerCopyColumn h2 {font: bold 18px Arial, Helvetica, sans-serif; margin-bottom: 10px; text-transform: uppercase;}
#centerColumn #centerCopyColumn h3 {font: 14px Arial, Helvetica, sans-serif; padding: 5px 0 0 18px; margin-bottom: 9px;}
#centerColumn #centerCopyColumn .copyDiv {font: 12px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 10px;}

/* Product page styles */

#prodViewer {width: 736px; height: 111px; margin-bottom: 17px;}
#prodViewer h2 {text-transform: uppercase; font: bold 18px Arial, Helvetica, sans-serif; padding: 38px 0 0 36px;}

#prodShots {width: 305px; float: left; display: inline; margin-right: 20px; overflow: hidden}

#prodInfo {width: 417px; float: left; display: inline;}
#prodInfo h1 {font: bold 18px Arial, Helvetica, sans-serif; margin-bottom: 4px;}
#prodInfo p {font: 14px Arial, Helvetica, sans-serif; line-height: 20px; margin-bottom: 10px;}

#prodInfo ul {margin-top: 12px; padding: 9px 0 19px;}
#prodInfo ul li {float: left; width: 105px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 7px 30px;}

#prodInfo table {font: 11px Verdana, Arial, Helvetica, sans-serif; margin-top: 7px;}
#prodInfo td.item {width: 50px;}
#prodInfo td.desc {width: 200px;}
#prodInfo td.color {width: 100px;}
#prodInfo td.case {width: 35px;}
#prodInfo th {font-weight: bold; padding: 6px 0 4px;}
#prodInfo td {padding: 5px 0;}
	
/* Style for tabs */
.ui-tabs .ui-tabs-hide {display: none;}