/* CSS Document */

/* header */
div#wrapper {
	margin-top: 43px; /* set top spacing here */
	border-collapse:collapse;
	}
#headerwrap {
	display: block;
	position: relative;
	width: 780px;
	height: 220px;
	padding: 0;
	background:url(../images/layout/headertop.jpg) no-repeat center top;
	border: none;
	}
/* logo */
#headerwrap h1#logo { /* creates invisible link for logo, size and place over logo */
	position: absolute;
	top: 2px;
	left: 12px;
	padding: 0;        
	}

#headerwrap h1#logo a {
	display: block;
	text-indent: -9000px;
	outline: none;
	background: transparent; /* set to none or transparent after aligning and resizing */
	margin: 0;
	font-size: 0;
	height: 90px;
	width: 285px;
	}

/* account menu */
#accountnav {
	position: absolute;
	top: 15px;
	left: 238px;
	font-size: 10px;
	color: #2F7899;
	text-transform:uppercase;
	font-family:"Verdana";
	}
#accountnav a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	text-transform:uppercase;
	margin: 0 5px;
	font-size: 10px;
	color: #ffffff;
	text-transform:uppercase;
	font-family:"Verdana";
	}
#accountnav a:hover {
	font-weight: bold;
	color: #8e4608;
	text-decoration: underline;
	}

/* Custom Shopping Cart */
#customcart {
	position: absolute;
	width: 178px;
	height: 84px;
	top: 37px;
	right: 40px;
	margin: 0;
	padding: 0;
	background:url(../images/layout/cartbg.jpg) top center no-repeat;
	}
#cartcontent {
padding: 3px 0 0 15px;
}
#customcart p, #customcart p a {
	margin: 10px;
	padding: 0px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 3px;
	letter-spacing: 0px;
	}
#customcart p a {
	text-decoration: underline;
	font-weight:bold;
	color: #7b3c07;
	}
#customcart a:hover {
	text-decoration:none;
	}
/* End Custom Shopping Cart */

/* custom top search module */
#topsearch { /* container, resize to accommodate elements within */
	position: absolute;
	top: 10px;
	left: 562px;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}
#topsearch table, #topsearch td, #topsearch tr {padding: 0px;}
#topsearch input { /* adjusts form element margins */
	float: left;
	}
#topsearch .mod-body { width: 165px !important; float: left; margin: 0px; } /* adjusts box around search field and button */
#topsearch .textbox { /* adjusts search field */
	float: right;
	width: 169px !important;
	height: 16px;
	font-size: 9px;
	padding: 0px 3px;
	border: #70a0ab solid 1px;
	color: #999;
	}
td.custom-search-button input {
margin-left: 3px;
}

/* custom manufacturer module */
#topmanu {
position: absolute;
top: 171px;
right: 18px;
width: 150px;
height: 30px;
margin: 0;
padding: 0;
}
#topmanu select {
background: #e8f6f9;
border: 1px solid #a6ced7;
font-size: 11px;
font-family: "Verdana";
width: 155px !important;
}

/* top navigation menu */
#navcontainer {
position: absolute;
top: 168px;
z-index: 300;
}

.navlist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:1000;

}

.navlist ul a {
	text-indent:-9000px;
	font-size:0px;
	overflow:hidden;
	display: block;
	height:25px;
	z-index:1000;
	background-position: top center;
	background-repeat: no-repeat;
}

.navlist ul li ul a {
	text-align:left;
	font-size: 12px;
	text-indent: 10px;
	border-bottom: 1px solid #a3dbea;
	border-collapse:collapse;
	font-size: 11px;
	font-weight:normal;
	padding: 0;
	color: #666666;
	font-weight:normal;
	text-decoration:none;

	}

.navlist ul a:hover {
	z-index:1000;
	color:#a3dbea;
}

.navlist ul li {
	float: left;
	position: relative;
	z-index:1000;
}

.navlist ul li ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	z-index:1000;
	background:#ffffff;
	border: 1px solid #a3dbea;
	border-bottom:none;
	width: 130px;

}

.navlist ul li:hover ul {
	display: block;
	z-index:1000;
}

.navlist ul li:hover ul li ul {
	display: none;
	z-index:1000;
}

.navlist ul li ul li:hover ul {
	display: block;
	position: absolute;
	left: 140px;
	top: -1px;
	z-index:1000;
}

.navi {
	font-family: "Arial";
	font-size:11px;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
}
ul li ul li a.navi {
	height: 10px;
	width: 130px;
	font-size:11px;
	padding: 5px 0;
}
ul li ul li a.navi:hover {
	font-size: 11px;
	font-weight:normal;
}
.letters{
	list-style-type: lower-roman;	
}

.navi2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	display: block;
	padding: 9px 5px 1px 5px;
	width: 116px;
	height:22px;
	background:#ff0000;
	z-index:1000;
}
#nav1 {
background:url(../images/layout/nav-1.gif);
width:107px;
}
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover {
background-position:bottom;
}
#nav2 {
background:url(../images/layout/nav-2.gif);
width:131px;
}
#nav3 {
background:url(../images/layout/nav-3.gif);
width: 83px;
}
#nav4 {
background:url(../images/layout/nav-4.gif);
width: 115px;
}
#nav5 {
background:url(../images/layout/nav-5.gif);
width: 161px;
}
#nav6 {
background:url(../images/layout/nav6.jpg);
width: 70px;
}
#nav7 {
background:url(../images/layout/nav7.jpg);
width:52px;
}

/************ Footer **************/
#footerwrap {
width: 780px;
background:url(../images/layout/footerbg.jpg) bottom right no-repeat;
height: 126px;
}
#footercontents {
padding: 30px 0 0 15px;
}
#footercontents a {
margin-right: 10px;
}

/************* Home Page *************/
#hometop {
width: 760px;
height: 330px;
margin: 0 0 30px 0;
padding: 0;
}
#homeleft {
background:url(../images/layout/flashbg.gif) top left no-repeat;
width: 584px;
height: 330px;
float:left;
margin: 0;
padding: 0;
}
#homeright {
float:right;
width: 176px;
height: 330px;
margin: 0;
padding: 0;
text-align:right;
}
#homebottom {
margin-top: 15px;
clear:both;
}
#homebottom img {
margin: 0;
padding: 0;
text-align:right;
}

/************ My General Style Settings *************/

tr.page-body {
background:#ffffff;
}
.page-column-center {
vertical-align:top;
padding: 10px;
}
.breadcrumb {
margin-bottom: 10px;
}

img.product-list-img {
border: 1px solid #c7cccd;
}
div.product-list-price, div.product-list-control, div.product-list-qty {
display:none;
}
/**********************************/
/*--- Standard Default Styling ---*/
/**********************************/

/* general text style */
p, ol, ul {}

/* general link style */
a:active {}
a:link {}
a:hover {}
a:visited {}

/* headings */
h1 { margin-top: 0; }
h1.specials { margin: 0; }
h3, h5 { margin: 0 0 5px 0;}

.text-required { line-height:18px; margin: 0 3px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.clear { clear: both; }

/* general element style */
img { border: 0; }
label { font-weight: bold; }
p { margin: 8px 0; }

/* alignment */
.left { text-align: left; }
.center { text-align: center; margin: 0 auto; }
.right { text-align: right; }

/* validation summary */
.val-summary { margin: 10px 0; padding:10px 0 0 10px; border: 1px solid #cccccc; background-color: #efefef; }

/* notification */
.notification { margin: 15px 0; }

/* container elements */  
table.page-container { width:100%; border-collapse: collapse; margin: 0; }
  table.page-container td { vertical-align: top; }
  table.topnav { margin-top: 10px; }
  td.head-fill {height: 32px; background: url('../images/layout/top_nav_bg.gif') repeat-x; }
	

td.page-body-content {}

  table.page-body-columns	{ width:100%; height: 100%; }

/* content area styling */

div.page-html-content { margin-bottom: 5px; }
div.page-text-content { margin-bottom: 5px; }

table.content { margin-bottom: 5px; }
  td.content-head, td.content-nav, td.content-body { padding: 5px; text-align:left; }
  td.content-head h1, td.content-head h3 { margin: 0; }	
  td.content-nav h5 { margin:0 }
  
/* module styling */
table.mini { }
	table.mini td { font-size: 1.0em; font-weight: normal; vertical-align: top; }
	table.mini th { font-size: 1.1em; font-weight: bold; }
	
table.cart { width:100%; border:0;}
  td.cart-header-img { text-align:right; vertical-align:middle; }
  tr.cart-header th { font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; }
  tr.cart-item td { padding: 10px 0; border-bottom: 1px solid #ccc; vertical-align:top; }
    div.cart-prod-name { margin: 0 0 10px; }  
    span.cart-part-number { font-weight: bold; color: #c0c0c0; }  
  tr.cart-footer td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
    td.cart-subtotal-label { font-weight: bold; text-align:right; padding-right: 3px; }
    td.cart-subtotal { font-weight: bold; }
  
  table.cart-redirect { margin-top: 15px; }
    td.cart-continue { text-align:left; }
    td.cart-checkout { text-align: right; }

table.form-item { border: none; margin-top: 10px; }
  table.form-item-first { margin-top: 0; }
  td.label { width: 150px; text-align: right; font-weight: bold; } 
  span.form-option label { font-weight: normal; }
  
/* category listing */
table.category-list td { text-align:center;  width: 350px;  } 
  div.category-list-item { margin: 0 10px 10px 0; }
    div.category-list-item-head { padding: 4px; }
      div.category-list-item-head h5 { margin: 0; }
    div.category-list-item-body { padding: 5px; text-align: center; }
      div.category-list-item-body img { display:block; margin: 0 auto 5px auto; }
    	  
/* product listing */
table.product-list { margin: 5px 0; }
  td.product-list-item-container, td.product-list-item-container-alt { padding:4px; }
  
div.product-list-item { text-align:center; margin:5px; }
  div.product-list-info { width: 100px; padding-right: 10px; }
	img.product-list-img { display:block; margin: 10px auto ; } /* thumbnail alignment fix */
    div.product-list-text { font-weight: normal; margin-top: 10px; }
	div.product-list-promo { margin-top:10px; }
	  div.product-list-promo img { margin: 1px; }
	  
  div.product-list-options {}
    div.product-list-price { margin-bottom: 10px; }
    div.product-list-qty label, span.product-list-msrp-label, span.product-list-cost-label { font-weight: bold; }
    div.product-list-qty { margin: 8px 0; }
	
table.product-list-results-header { margin-bottom:5px; }
  td.product-list-results { font-weight:bold; }
  td.product-list-size { width:100px; text-align:right; white-space:nowrap }
  td.product-list-sort { width:100px; text-align:right; white-space:nowrap }
  
table.product-pager {}
  td.product-pager-page { font-weight: bold; }
  td.product-pager-list { text-align:right; white-space:nowrap; }
    td.product-pager-list span, td.product-pager-list a { font-weight: bold; margin: 0 3px; }
    a.pager-item-first { margin-right: 6px; }
        span.pager-item-current { text-decoration:underline;}
        span.pager-item-separator { letter-spacing: 2px; }
           
div.product-list-control img {margin-top: 3px;} /* space between buttons in product list */
		
/* product detail */
table.prod-detail {}

  /* layout */
  td.prod-detail-tp { padding-bottom: 10px; }
  td.prod-detail-lt { width:50%; padding-right:10px; }
  td.prod-detail-rt { width:50%; padding-left: 10px; }
  td.prod-detail-bt { padding-top: 20px; } 
  
  /* information */
  div.prod-detail-price { margin-bottom: 10px; }
  span.prod-detail-msrp-label, span.prod-detail-cost-label { font-weight: bold; }
  span.prod-detail-part-label { font-weight: bold; }
  
  div.prod-detail-man { margin-top: 10px; }
    span.prod-detail-man-name-label, span.prod-detail-man-part-label { font-weight: bold; }
    input.prod-detail-add { position: relative; top: 5px; left: 3px; }

/* product image gallery */
div.gallery { position: relative; width: 220px; min-height: 300px; height:300px; margin-top: 15px; }
  
  a.gallery-thumb { float: left; }
  a.gallery-thumb img { border: none; margin: 0 5px 5px 0; }
  a.gallery-thumb:hover { background-color: transparent; }
  a.gallery-thumb:hover img { border: none; }

  a.gallery-thumb span { position: absolute; background-color: #efefef; font-weight:bold; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
  a.gallery-thumb span img{ border-width: 0; padding: 2px; }
    
  a.gallery-thumb:hover span { visibility: visible; top: 0; left: 230px; z-index: 50; }

/* account */
div.account-item { margin-bottom: 20px; }
div.account-item-last { margin-bottom: 0; }

    
/* order history */
.grid { width: 100%; }
  .grid-header th { font-weight: bold; border-bottom: 1px solid #666; text-align:left; }
  .grid-row td { background-color: #fff; }
  .grid-row-alt td { background-color: #efefef; }  
  .grid-footer td { width:100%; font-weight: bold; text-align: right; }
    .grid-footer td table { border-top: 1px solid #666;  }  

/* checkout */
table.checkout-shipping th { padding: 2px 0; border-bottom: 1px solid #ccc; }
table.checkout-shipping td { padding: 2px 0; }

tr.checkout-review-tax { padding-bottom: 3px; }
td.checkout-review-underline { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding:1px;}
tr.checkout-review-total th, tr.checkout-review-total td { padding-top: 3px; }

table.checkout-payment td.label label { text-align: right; font-weight: bold; }

/* order summary */
table.invoice { background-color: #fff; }

  h1.invoice-title { font-size: 2.4em; font-weight: bold; color: #333; margin:0; }
  h3.invoice-subtitle { font-size: 1.4em; font-weight: bold; color: #333; margin:0; padding:0; }

  table.invoice-order-info { border: none; width: 100%; }
	table.invoice-order-info td.label { width:125px; text-align:right; padding-right: 3px; font-weight:bold; }

  table.invoice-customer-info { border: none; width: 100%; }
	table.invoice-customer-info td.label { width:125px; text-align:right; padding-right: 3px; font-weight:bold; }
	
  div.invoice-separator { border-bottom: 1px solid #ccc; margin:5px 0; }
  div.invoice-address { margin-left: 15px; margin-top: 5px; }

  table.invoice-detail { width: 100%; border-bottom: 2px solid #ccc; }
	tr.invoice-detail-header th { font-weight: bold; border-bottom:1px solid #666; background-color: #cdcdcd; text-align:left; }
	tr.invoice-detail-row td, tr.invoice-detail-row-alt td { background-color: #fff; }

  table.invoice-summary { margin-top: 5px; width: 100%; }
	td.invoice-summary-text { text-align: right; }
	td.invoice-summary-item { width: 70px; text-align: right; padding-right: 4px; }
	td.invoice-summary-separator { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1px 0; }