﻿html, body, form {}
body,form,div,span,ol,li,th,td,label {}

/* -------general link style --------*/
a:active {}
a:link {}
a:hover {}
a:visited {}

/*------- general text style------- */
html, body, form { margin: 0; padding: 0; height: 100%; }

/* headings */
h1 { margin-top: 0; text-decoration:underline;}
h1.specials { margin: 0; }
h3 { margin: 0 0 5px 0; text-decoration:none;}
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: normal; } /* label for all input boxes */
p { margin: 8px 0; }

/* -------alignment -------*/
.left { text-align: left; }
.center { text-align: center; margin: 0 auto; }
.right { text-align: right; }

/* -------module text -------*/
.price-nav li, .links-nav li, .cat-nav li  { background-image:none; line-height:18px; }
.cat-nav li ul li  { line-height:15px; }

/* -------validation summary -------*/
.val-summary { margin: 10px 0; padding:10px 0 0 10px; border: 1px solid #cccccc; background-color: #CCC; }

/* -------notification -------*/
.notification { margin: 15px 0; }

/* -------container elements -------*/
table#wrapper {}
  td#wrapper-content {}
  
table.page-container { width:100%; border-collapse: collapse; margin: 0; } 
  table.page-container td { vertical-align: top; } /* top aligns left column */

td.page-header { height: 60px; }

  table.page-header-content { padding:0 5px; height: 32px; }	
  table.topnav { margin-top: 10px; }
  td.head-fill {height: 32px; }
		
tr.page-body { height: 300px; }

td.page-body-content {}

  table.page-body-columns	{ width:100%; height: 100%; }

    td.page-column-left {padding-left:3px;}
	td.page-column-right {padding-right:5px;}
    td.page-column-center { padding:10px; width:98%;}
			
      div.breadcrumb { border:0; padding:0 0 10px 0;}
		
    td.page-column-right {}
	
tr.page-footer {}
	td.page-footer-content td {}
	td.page-footer-content { }

	td.page-copyright-content { padding-top:5px;}
	  td.page-copyright-content a, td.page-copyright-content a:hover { padding-top:5px;}
	  
/* -------content area styling -------*/

div.page-html-content { margin-bottom: 15px; }
div.page-text-content { margin-bottom: 15px; }

table.content { margin-bottom: 15px; }
  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 -------*/
.module { width: 100%; margin-bottom: 3px; }
	.module-header {}
	.module-body {}
	.module-footer { padding-top: 1px; } /*reduce padding around cat links*/

	/* -------left column styling -------*/
	ul.module-list { margin: 0; padding: 5px 0 0 10px; list-style-type: none; } 	
	ul.module-list li ul { margin: 0; padding-left: 10px; list-style-type: none; text-indent:5px; /*this indents only the text*/}
	ul.module-list li ul li { line-height: 1.8em; }
	ul.module-list li ul li {background-image:none}


table.mod-body { font-size: 10px; }
	td.mod-body-tl { width:5px; height:5px;}
	td.mod-body-tp { height:5px;}
	td.mod-body-tr { width:5px; height:5px;}
	td.mod-body-rt { width:5px;}
	td.mod-body-br { width:5px; height:5px;}
	td.mod-body-bt { height:5px;}
	td.mod-body-bl { width:5px; height:5px;}
	td.mod-body-lt { width:5px;}
	td.mod-body-body { font-family: Verdana, sans-serif; font-size:11px; color:#000; FONT-WEIGHT:normal; FONT-STYLE:normal; TEXT-DECORATION:none; padding: 0 5px 0 5px; } /*reduce padding right column area*/
	  td.mod-body-body td { vertical-align: middle; }
	  
table.mod-box {}
	td.mod-box-tl {}
	td.mod-box-tp {}
	td.mod-box-tr {}
	td.mod-box-rt {}
	td.mod-box-br {}
	td.mod-box-bt {}
	td.mod-box-bl {}
	td.mod-box-lt {}
	td.mod-box-body {}

table.mini {}
	table.mini td {}
	table.mini th {}
	
table.cart { width:160px; border:0;}
  td.cart-header-img { text-align:right; vertical-align:middle; }
  tr.cart-header th { font-weight: normal; 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: normal 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: normal; }
    
  table.cart-redirect {}
    td.cart-continue {}
    td.cart-checkout {}  

table.form-item {}
  table.form-item-first {}
  td.label {} 
  table.form-item h3 {}
  span.form-option label {}
  
/* -------category listing -------*/
table.category-list td { text-align:center;  width: 350px;  } 
  div.category-list-item { margin: 0 5px 5px 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; }
	  .category-list-item img{ border: 1px solid #FFF!important; }/* this for placing a border on subcategory thumbnail*/
    
/* -------product listing------- */
table.product-list { margin: 5px 0; }
  td.product-list-item-container, td.product-list-item-container-alt { border: 1px solid #FFF; padding:4px;  }
  
	div.product-list-item { text-align:center; margin:5px; }
	  img.product-list-img { display:block; margin-bottom: 10px; margin:0 auto; border: 0px solid #000;} /* this centers the thumbnails in Firefox - for placing a border on thumbnail*/
	  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 { text-align:center;}
    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-pager {}
	  td.product-pager-page {}
	  td.product-pager-list {}
		a.pager-item-first {}
        span.pager-item-separator {}
           
     a.pager-link:active { padding: 0px 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#224062; FONT-WEIGHT:bold; FONT-STYLE:normal; TEXT-DECORATION:none; }
    a.pager-link:link { padding: 0px 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#224062; FONT-WEIGHT:bold; FONT-STYLE:normal; TEXT-DECORATION:none;}
    a.pager-link:visited { padding: 0px 2px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #A5BBCB; font-size:10px;}
    a.pager-link:hover { padding: 0px 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; color: #7F7F7F; FONT-WEIGHT:bold; FONT-STYLE:normal; TEXT-DECORATION:underline;}  
		
/* -------product detail -------*/
table.prod-detail {}
td.prod-detail-lt img{ border: 0px solid #000;} /*to place a border around the image */

  /* -------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: 9px; 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 {}
  .grid-header th {}
  .grid-row td {}
  .grid-row-alt td {}  
  .grid-footer td {}
    .grid-footer td table {}
  .grid-footer td {}
    .grid-footer td table {}  

/* -------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 #000;}
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: 24px; font-weight: bold; color: #333; margin:0; }
  h3.invoice-subtitle { font-size: 14px; 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 #000; background-color: #CCC; 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; }
	
/* -------form elements -------*/
input.textbox { border: 1px solid #CCC; font: 12px Arial, "sans serif"; voice-family: "\"}\""; voice-family:inherit; padding-left: 3px;}
* html input.textbox { margin-bottom: 2px; }

input.textbox-center { border: 1px solid #000; font: 12px Arial, "sans serif"; text-align:center; width: 30px; }
* html input.textbox-center { margin-bottom: 2px; }

.textarea-small,.textarea-med,.textarea-large,.textarea-exlarge { border: 1px solid #808080; font: 12px Courier New, Times New Roman, serif; padding:0px 2px; margin: 0; }
.textarea-small { height: 50px; width: 200px; }
.textarea-med {	height: 100px; width: 350px; }
.textarea-large { height: 150px; width: 400px; }
.textarea-exlarge {	height: 250px; width: 500px; }

* html .textarea {margin: -1px; }

.select { font: 12px Arial, "sans serif"; border: 1px solid #808080; padding: 1px 0; }
.button { height: 18px; padding: 0 7px; line-height: 18px; background-color: #ccc;  border: 1px solid #808080; font: bold 12px Arial, "sans serif";	}

/* -------tweaks -------*/
div#ctl00_ctl05_hypCheckout { padding-left:30px; } /*center the checkout button*/

td.mod-body-body.select { display:block; margin:0px auto; } /*center mfg search reduces width*/
select.manufaturers-module-list { margin-left:35px;}

div.product-list-item-container { text-align:center; }
div.product-list-control { display:block; width: 110px; text-align:center; margin: 0px auto; } 
div.product-list-control input { margin: 0px auto; }

/*-------various default input stylings -------*/
.padleft input.textbox {width:124px;} /*for resizing the input boxes of the login*/
.padleft label { font-weight:normal;} /*for unbolding the login labels*/

div#ctl00_pageContent_loginRegister_hypRegister { text-align:center; } /*center the proceed to checkout button*/
div#ctl00_pageContent_loginRegister_imbSignIn { text-align:center; } /*center the proceed to checkout button*/
div#ctl00_ctl01_pnlSearch { width: 134px; maxlength=98%; padding-left:13px; } /*search box resizing*/
input#ctl00_ctl04_lvDisplay_hzUsername { width: 84px; padding-left:2px; } /*login email box resizing*/
input#ctl00_ctl04_lvDisplay_hzPassword { width: 84px; padding-left:2px; } /*password email box resizing*/

/*-------default search input box stylings-------*/
input.search-module-text { font-size:9px; padding-left:10px; margin:3px 0px 0px 3px; width:120px; } /*default search*/
select.manufaturers-module-list { font-size:9px; padding-left:2px; margin:3px 0px 0px 3px; width:130px; } /*default mfg*/

/*----------to add space around the input boxes/divs in the form designer-----------*/
div.personalization-question {padding:4px 0px;}


/*-------custom search box stylings-------*/
td.custom-search-field input.textbox { font-size:9px; padding-left:2px; margin-top:3px; width:120px; } /*search text resizing*/
.custom-search-button {padding:0 2px 0 3px;} /*custom search button padding*/

body.index -page  table.product-list { margin:0px auto; }


/*-------mailing list-------*/
table.mailing-list-module {padding:0;}
label#ctl00_ctl06_mailingList_lblEmail { display:block; padding-left:15px; FONT-WEIGHT:bold;}
input#ctl00_ctl06_mailingList_txtEmail { display:block; margin-left:15px; width:100px;}
input#ctl00_ctl06_mailingList_cblMailingLists_0 { margin-left:15px;}
input#ctl00_ctl06_mailingList_imbSubmit { margin-left:15px;}
div#mailing-lists-registered, div#mailing-lists-unregistered {padding-left:15px;}
	
/* ------- basic fonts I use -------*/
.cart-module-cart .mod-body-body div {
	font-weight: normal!important;
	}
.ftrtext { font-family: Verdana, Helvetica, sans-serif; font-size:11px; color:#000000; FONT-WEIGHT:normal; FONT-STYLE:normal; TEXT-DECORATION:none; }
	
/* -------design -------*/

/*-------misc padding used throughout design elements -------*/
.padright {padding-right:5px;}
.padleft {padding-left:5px;}
.padbot {padding-bottom:7px;}
.padtop {padding-top:7px;}
.hdrbrdr {border-bottom: 1px solid #000;}
.ftrpad { padding-top:4px;}
.padcart {padding-top:3px;}
.padsearch {padding-top:10px;}

.category-module ul,
.category-module ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	.category-module ul {
		z-index: 500;
		border-bottom: none;
		width: 176px;
		background: #fff;
		margin-left: 10px;
		}

	.category-module li {
		display: block;
		position: relative;
		width: 176px;
		background: #fff;
		}
		
	.category-module li a,
	.category-module li span {
		display: block;
		width: 156px;
		padding: 5px 10px;
		border-bottom: 1px dashed #d5d5d5;
		border-right: 1px dashed #d5d5d5;
		font-size: 12px;
		}
		
	* html .category-module li a,
	* html .category-module li span {
			float: left;
			}
		
	.category-module li a:hover {
		font-size: 12px;
		text-decoration: none;
		border-bottom: 1px dashed #000;
		font-weight: bold;
		background: #fff;
		}
		
	.category-module ul li ul {
		display: none;
		position: absolute;
		top: 0;
		left: 177px;
		border: none;
		border-top: 1px dashed #d5d5d5;
		padding: 0;
		margin: 0;
		}
