
/* general page setup */
body { text-align: center; color: #000; }
a img, img { border: none; }

a:link { color: #005DA1; }
a:visited { color: #333; }
a:hover { color: #000; text-decoration: none; }
a:active,
a:focus { color: #005DA1; text-decoration: none; font-weight: bold; }

#masthead a, #footer a, .sub-nav a, .related-categories a, .related-items a
{ color: #000; }
#masthead a:hover , #footer a:hover, .sub-nav a:hover, .related-categories a:hover, .related-items a:hover 
{ color: #005DA1; }

p { padding: 2px 0 3px 0; }
ul { list-style: disc; margin: 5px 17px; }
ul li {}

/* misc styles */
#skiplinks { position: absolute; }
#skiplinks a { top: -500px; position: absolute; white-space: nowrap; }
#skiplinks ul { list-style: none; margin: 0; }
#skiplinks a:active,
#skiplinks a:focus { padding: 5px; background-color: #dddddd; border: 1px solid #837b73; top: 23px; }

input, select, textarea { border: 1px solid #6a6a6a; padding: 1px 2px; }


/* font declarations */
body, form, input, select, textarea, table, td { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }

#container, table, td { font-size: 1.1em; line-height: 120%; }

input, select, textarea, form { font-size: 1em; }
.cart .cart-content a { font-weight: bold; font-size: 1.2em; line-height: 200%; }
#navigation ul li { font-weight: bold; font-size: 1em; }

.main-content .section h2 { color: #fff; text-transform: uppercase; }


#secondary-navigation .sub-nav h2 { font-size: 1.3em; font-weight: bold; }

/* site styles */
#container { width: 950px; text-align: left; margin: 0 auto; border: 1px solid #333; border-width: 0 1px; background: url(../images/layout/header-bg-new.jpg) repeat-x; }

#global-navigation .global-links { text-align: right; font-weight: bold; height: 19px; padding: 8px 10px 0 0; }

.button { margin-right: 3px; background: url(../images/layout/button-bgs-new.jpg) 0px -83px no-repeat; width: 35px; color: #fff; font-weight: bold; text-align: center; border: none; height: 21px; cursor: pointer; }
.button:link, .button:focus, .button:visited, .button:active { color: #fff; text-decoration: none; }
h1 { color: #005DA1; font-weight: bold; font-size: 130%; line-height: 140%; }
h2 { color: #000; font-weight: bold; font-size: 110%; line-height: 130%; }
h3 {color: #005DA1;font-size: 110%; font-weight: bold; line-height: 130%; }
.button_continue { margin-right: 5px; background: url(../images/layout/button-bgs-new.jpg) 0px -83px no-repeat; width: 35px; color: #fff; font-weight: bold; text-align: center; border: none; height: 21px; cursor: pointer; }

#content { font-size: 110%; line-height: 130%; }


#masthead { background: url(../images/layout/people_sm.jpg) 350px 0px no-repeat; height: 99px; }
* html #masthead { height: 95px; }
  #masthead .logo { float: left; width: 350px; }
    #masthead .logo strong { display: none; }
  
  #masthead #minicart { float: right; width: 350px; margin-right: 10px; }
    #masthead #minicart .cart-links { margin: 10px 0 0 0; }
	#masthead #minicart .cart-links a { font-weight: bold; color: #fff; text-decoration: none; text-align: center; float: right; display: block; height: 19px; padding-top: 2px; margin: 0 5px; }
	#masthead #minicart .cart-links i { display: none; }
	#masthead #minicart .cart-links #link-myaccount { width: 95px; background: url(../images/layout/button-bgs-new.jpg) 0px 0px no-repeat;  }
	#masthead #minicart .cart-links #link-signin { width: 67px; background: url(../images/layout/button-bgs-new.jpg) 0px -25px no-repeat; }
    
	.cart { clear: right; margin: 7px 0 0 0; background: url(../images/layout/minicart-right-new.gif) top right no-repeat; vertical-align: middle; }
    .cart .cart-content { float: left; padding: 10px 0px; height: 29px; width: 235px; background: url(../images/layout/minicart-left-new.gif) no-repeat; vertical-align: middle; }
    #masthead  .cart .cart-content a { float: left; width: 115px; margin-left: 10px; display: inline; }
	#masthead  .cart .cart-content a, .cart .cart-content a:visited { text-transform: lowercase; font-weight: bold; color: #005DA1; text-decoration: none; display: block;  }
    .cart .cart-content span { float: right; display: block; width: 60px; text-align: right; }
    .cart .cart-content #iespan { float: right; display: block; width: 60px; text-align: right; margin-top:-25px;}
    .cart .cart-content img { margin-top:3px;}
    
    .cart .cart-checkout { border-left: 1px solid #999999; float: right; margin: 10px; padding-left: 10px; }
    .cart .link-checkout { width: 78px; height: 21px; padding-top: 5px;  background: url(../images/layout/button-bgs-new.jpg) 0px -52px no-repeat; font-weight: bold; color: #fff; text-decoration: none; text-align: center; display: block; }
	#masthead .cart a.link-checkout {color: #fff; }
#masthead #search { clear: left; padding: 5px 0 0 10px; vertical-align: middle; float: left; display: inline; width: 450px; height: 25px; }
  #search * { vertical-align: middle; }
  #search label, #masthead #search input { margin-right: 3px; }
  #search label { font-weight: bold; color: #005DA1; font-size: 1.1em; }
  #masthead #search input { width: 180px; }
  #search i { font-style: normal; }
  #search i a { color: #202020; font-size: .9em; }
   #search #search_submit {  padding-bottom: 1px; margin-right: 3px; background:transparent url(../images/layout/button-bgs-new.jpg) no-repeat scroll 0px -25px; border:0px none; color:#FFFFFF; cursor:pointer; font-weight:bold; height:20px; margin-right:3px; padding-bottom:3px; width:66px; }


#navigation { padding-top: 4px; margin: -6px 10px 0; }
  #navigation ul { list-style: none; margin: 0; border-left: 1px solid #666; height: 25px; }
    #navigation ul li { border-right: 1px solid #666; position: relative; float: left; _width: 1%; white-space: nowrap; }
    #navigation ul li a { line-height: 230%; text-decoration: none; font-style: normal !important; display: block; padding: 0px 9px 0px 10px; height: 25px; color: #fff; }
    #navigation ul li a:hover,
	#navigation ul li a:active, #navigation ul li a:focus { background-color: #595959;}
   
	#navigation ul .help { float: right; border-left: 1px solid #666;  }
	#navigation ul .donate { float: right; border-left: 1px solid #666;  }

* html #navigation { zoom: 1; margin-top: -2px;}

#content-container { margin: 10px 10px 10px 0px; }
#content-container #secondary-navigation { float: left; width: 290px; display: inline; }
#content-container #content { float: left; width: 640px; margin-left: 10px;  }

#content .main-content { float: left; width: 420px; }
#content .marketing-spots { float: right; width: 209px; }

  .main-content .section { margin: 0 0 10px 0; background: url(../images/layout/section-top.gif) no-repeat; float: left; clear: both; width: 420px; }
    .main-content .section h2 { padding: 2px 0 0 10px; }
    .main-content .section .item-grouping { background: url(../images/layout/section-bottom.gif) bottom left no-repeat; padding: 15px 0; }
    .main-content .section .item-grouping .item { float: left; text-align: center; width: 190px; border-right: 1px solid #000; padding: 0 10px 5px; }
	.main-content .section .item-grouping .item img { margin: 5px 0; }
	.main-content .section .item-grouping .last { border: none; padding-right: 0; } 
	.main-content .section .item-grouping .item strong { display: block; }
    .main-content .section .larger .item { width: 118px; }
    
    
    
	.item ul { text-align: left; }
	
	
.marketing-spot { margin: 10px 0; border: 1px solid #d3d3d3; padding: 10px; }
.marketing-spot strong { display: block; margin-bottom: 3px; }
.marketing-spot img { display: block; margin: 4px 0;  }
.marketing-spot .action { text-align: center; }
.marketing-spots .marketing-spot { text-align: left; }
.marketing-spots .marketing-spot ul { text-align: left; }
#secondary-navigation .marketing-spot img { float: left; display: inline; margin: 0 10px 10px 0; }
.marketing-spot .price { text-align: right; font-weight: bold; color: #005DA1;  }

#secondary-navigation {}
  #secondary-navigation .sub-nav { border: 1px solid #d3d3d3; padding: 10px; background-color:#FFFFCC; }
  #secondary-navigation .sub-nav h2{ color: #005DA1; }
  #secondary-navigation .sub-nav ul { margin: 5px 0 15px 0px; list-style: none; }
  #secondary-navigation .sub-nav ul li { line-height: 150%; }
   #secondary-navigation .sub-nav ul li.current a { font-color: #005DA1; font-weight: bold; text-decoration: none; } 
  
  
 /* category page */
 .category-header { width: 641px; background: url(../images/layout/category-header-bot.gif) bottom left no-repeat; padding-bottom: 20px; }
 .category-information { background: url(../images/layout/category-header-top.gif) top left no-repeat; padding:10px 20px 0pt; }
 .category-image { width: 125px; float: left; display: inline }
 .category-desc { width: 400px; float: left;  }
  .category-desc h1 { font-size: 170%; line-height: 140%; color: #000; }
  
  .item-listing { margin: 10px 0; }
  .item-listing .item { width: 195px; float: left; display: inline; margin: 5px; text-align: center; }
  .item-listing .item a { font-weight: bold; }
  .item-listing .textonly { text-align: left; }
  .item-listing img { display: block; margin: 2px auto; }
  .item-listing br { clear: both; }
  .item-listing .item-form { text-align: left; }
  .item-listing .item-form input { margin-right: 5px; }
  .item-listing .item-form p { margin-left: 27px; }

.actions { clear: both; }
.actions .link-button { display: inline; float: left; margin: 0 10px; }
.actions .button { display: inline; float: left; }

  .related-categories { background-color: #ffffcc; border: 1px solid #d1d1d1; padding: 5px 10px; margin: 10px 0; }
* html .related-categories { width: 613px;}
.related-categories h2 { color: #005DA1; font-size: 120%; font-weight: bold; }
  .related-categories h2 a { color: #38a1be; }
  .related-categories UL {MARGIN: 3px 0px 0px; LIST-STYLE-TYPE: none; position: relative; display: inline; }
  .related-categories LI {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 18px; PADDING-TOP: 2px; position: relative; white-space: nowrap; float: left;}

.category-subdivision { background-color: #ffffcc; border: 2px solid #d1d1d1; padding: 5px 10px; margin: 10px 0; }

/* product page */
.product-information { margin: 0 0 10px; line-height: 130%; }
.product-information .product-images { float: left; width: 190px; display: inline; }
.product-information .product-images img { display: block; border: 1px solid #000; margin: 3px 0; }
.product-information .product-images strong { font-weight: normal; display: block; padding-top: 3px; }
.product-information .product-info { float: right; width: 400px; }



	.product-information p { line-height: 110%; }
  .product-information dl { margin: 5px 0; }
  .product-information dt { float: left; width: 30%; text-align: right; background-color: #ffffcc; padding: 3px; clear: both; margin: 5px 2px 0 0; }
  .product-information dd { float: left; width: 60%; margin-top: 5px; padding: 3px; background-color: #ffffcc; }

.product-information a:link { 
color: #005DA1; 
} 

.product-information a:hover { 
color: #000000; 
text-decoration: none; 
} 


.clear { clear: both;}

.product-listing {  border-bottom: 1px solid #005DA1; }
.product-listing h2 { color: #005DA1; font-weight: bold; font-size: 120%; line-height: 120%; border-bottom: 1px solid #005DA1; padding: 4px 1px; }
.product-listing .product-item { padding: 5px 0;  border-bottom: 1px solid #005DA1; }
  .product-item .product-data { float: left; width: 300px; display: inline; }
  .product-item .product-data strong { display: block; line-height: 130%; }
  .product-item .product-data b { padding-right: 0px; font-weight: normal; line-height: 150%;}
  .product-item .purchase-info { float: right; width:240px; }
  .product-item .purchase-info b { float: left; }
  .product-item .purchase-info span { font-weight: bold; width: 72px; display: block; float: left; text-align: right; }
span s { color: #666; font-weight: normal; }
  .product-item .purchase-info label {font-weight: bold; margin-top: 4px; color: #000; width: 66px; float: left; padding-bottom: 3px; }
  .product-item .purchase-info input { margin-top: 4px; float: left; width: 60px; }
  .product-item .button { margin: 5px 0 3px; }
  .product-item #addtocart { float: left; margin-left: 65px; padding-top: 3px; width: 67px; background-position: 0px -25px; font-size: .9em; }
  .product-item #addtowish { float: left; margin-left: 8px; margin-top: -8px; padding-top: 3px; width: 95px; background-position: 0px 0px; font-size: .9em; }
  
.related-items { background-color: #ffffcc; border: 1px solid #d1d1d1; padding: 5px; margin: 10px 0; width: 400px; }
.related-items h2 { font-size: 110%; padding: 10px 0 3px; clear: both; color: #005DA1; }
.related-items ul { list-style: none; margin: 2px 0; padding: 0; }
.related-items ul li { padding: 2px 0; line-height: 120%; clear: both; }
.related-items ul li strong { font-weight: normal; float: left; width: 300px; }
.related-items ul li .price-info { float: right; width: 100px; text-align: right; }
#content .button { font-size: 80%; }
#addinfo { font-size: 120%; margin: 10px 0 4px; }

/* misc style */
.grouping { margin: 10px; }
.grouping .section { width: 45%; float: left; border-bottom: 3px solid #005DA1; }
.grouping .section h2 { padding: 5px 0; border-bottom: 1px solid #005DA1; }
.grouping .section .content { padding: 10px; }
.grouping .last { float: right; width: 45%; }

.large { width: 500px; margin: 10px 0; }
.form {}
.form label, .form .label { min-height: 15px; float: left; width: 45%; clear: both; padding: 2px 0; margin: 3px 0; color: #000; }

.form input, .form select, .form textarea, .form .input { width: 45%; float: right; margin: 3px 0; }
.large input, .large select, .large textarea, .large .input { width: 230px; padding: 2px; }
.large select { width: 237px; }

.form .complicated { clear: both; }
.form .complicated .items { width: 50%; float: left; margin: 3px 0;}
.form .complicated .items input, .form .complicated .items label { float: none; width: 70px; margin: 0 2px;  }
.form .complicated .items label { padding: 0; }


.form .inline { clear: both;}
.form .other input, .form .other select { float: left;}
.form .inline input, .form .inline select { width: 23%; float: left; margin-right: 3px; }
.form .checkboxs { clear: both; margin: 5px 0; vertical-align: middle; }
.form .checkboxs input { width: auto; float: none; vertical-align: middle; border: none; }
.form .checkboxs label { width: auto; float: none; font-weight: normal; vertical-align: middle;}
.form .actions { clear: both; padding-top: 5px; }
.form .actions .secondary { margin-top: 5px; float: left; }
.form .largearea { display: block; float: none; width: 100%; clear: both; }
.form h2 { clear: both; padding: 15px 0 3px; }
.required { color: #ff0000; }
.hint { clear: both; font-size: .8em; }
.errormsgs { margin: 5px; border: 1px solid #ff0000; background-color: #ffbdbd; padding: 5px; }
.errormsgs strong { display: block; color: #ff0000; }
.errormsgs span { display: block; }
.warn { border: 1px solid #F3AC1C; background-color: #FCF3CC; padding: 3px; }
.warn span { display: inline;}



.quickorder {width: 100%; }

.quickorder .qoelements { float: left; width: 45%; margin: 0 5px; border-bottom: 1px solid #999; height: 20px; padding: 3px; }
.quickorder .header { font-weight: bold; border-bottom: 0px; padding-bottom: 15px; }
.quickorder .qoelements .label { float: left; width: 30px; }
.quickorder .qoelements .input { float: left; width: 100px; margin: 0 4px; }

#logonbutton { display: block; float: left; background-position: 0px -25px; width: 70px; padding-top: 3px; text-transform: capitalize;  }
#registerbutton { display: block; background-position: 0px 0px; width: 96px; padding-top: 3px; text-transform: capitalize; color:#fff; text-decoration: none; }
#submitbutton { display: block; float: left; background-position: 0px -25px; width: 70px; padding-top: 3px; text-transform: capitalize;  }
#forgotpassword { display: block; float: left; background-position: 0px -25px; width: 70px; padding-top: 3px; text-transform: capitalize;  }
.link-section { margin: 5px 0 10px; }

.table { margin: 5px 0; border: 1px solid #999; font-size: .9em; vertical-align: top; }
.table th { background-color: #e2e2e2; border-bottom: 2px solid #999; text-align: left; padding: 5px 3px; vertical-align: top; }
.table td { padding: 3px 3px; height: auto; float: none; vertical-align: top; }
.table tr td { border-bottom: 1px solid #999; }
.table .product-info {}
.table .product-info img { float: left; margin: 0 5px 5px 0; }
.table .product-info strong { display: block; }
.table .product-info b { padding-right: 5px; font-weight: normal; }

.t_button { display: block; font-weight: bold; margin: 0 0 3px; }


.shopping-cart-breadcrumb { margin: 0 0 10px 0; }
.shopping-cart-breadcrumb ul { list-style: none; padding: 0; width: 610px; margin: 0 auto;}
.shopping-cart-breadcrumb ul * { }
.shopping-cart-breadcrumb li { margin-left: -1px; font-weight: bold; float: left; border: 1px solid #666; width: 150px; text-align: center; padding: 4px 0; background-color: #eee; color: #999; }
.shopping-cart-breadcrumb .current { background-color: #fff; color: #333; }
.shopping-cart-breadcrumb li a { }

.paging { margin: 5px 0; background-color: #eee; padding: 3px 3px; border: 1px solid #d1d1d1; width: 630px; height: 22px; }
.paging a { margin: 0px 1px; }
.paging img { margin-top: 4px; margin-bottom: -3px; }
.paging .pages { float: left; width: 400px; }
.paging .jump { float: right; width: 200px; text-align: right; }


/* footer */
#footer { clear: both; margin: 10px 0 0; border-top: 5px solid #005DA1; background-color: #FFFFCC; padding: 10px; }
  #footer .links { float: left; width: 500px; display: inline; }
    #footer .links .grouping { padding-left: 25px; width: 210px; float: left; font-size: .9em; }
	#footer .links .grouping ul { list-style: none; margin: 3px 0;}
	/*#footer .links .grouping ul li { line-height: 150%; }*/
	#footer .links .main { border-right: 1px solid #333333; padding: 0 0; }
	/*#footer .links h2 { color: #005DA1; font-size: 1.1em; text-transform: lowercase; }*/

#footer .links .grouping ul li { line-height: 150%; font-size: 1.1em;}
#footer .links h2 { color: #005DA1; font-size: 1.4em; text-transform: lowercase; }

  #footer .company { float: right; width: 420px; text-align: right; }
    #footer .company .contact {}
    #footer .company .contact a { display: block; margin-top: 8px; font-weight: bold; }
	#footer .company .copyright { text-align: left; width: 300px; float: right; margin: 30px 0px 0 0; }
	#footer .company .copyright img { float: left; margin: 0 5px 0 0; }
	#footer .company .copyright small { font-size: .8em; }


#WC_CurrentAndTotalCharges_TableCell_5, #WC_CurrentAndTotalCharges_TableCell_9,
#WC_CurrentAndTotalCharges_TableCell_7, #WC_CurrentAndTotalCharges_TableCell_11 { text-align: right; padding-right: 5px; }
#WC_CurrentAndTotalCharges_TableCell_6, #WC_CurrentAndTotalCharges_TableCell_10, .price { text-align: right; }

/* auto clearing */
#masthead, #navigation, .cart-links, .cart, #content-container, #footer, 
.item-grouping, .marketing-spot,  .category-information, .item-listing, 
.related-categories, .product-information, .product-item, .related-items ,
.form, .shopping-cart-breadcrumb, dl
{ clear: both; }

/* ----------- */
#global-navigation:after, .cart-links:after, .cart:after, #content-container:after, #footer:after, .item-grouping:after, .marketing-spot:after, .category-information:after, 
.item-listing:after, .related-categories:after, .product-information:after, dl:after,
.product-item:after, .related-items:after, .form:after, .shopping-cart-breadcrumb:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#global-navigation, .cart-links, .cart, #content-container, #footer, .item-grouping, 
.marketing-spot, .category-information, .item-listing, .related-categories, dl,
.product-information, .product-item, .related-items, .form, .shopping-cart-breadcrumb
{display: inline-block;}

.hidden_label {
position: absolute;
left: 0;
top: -999em;
width:1em;
height:1em;
overflow:hidden;
}
.search-result a:hover {
color:#000000;
text-decoration:none;
}
.search-result a:link {
color:#005DA1;
} 
.search-result {
display: inline;
} 
.search-result a:visited {
color:#005DA1;
} 


/* Hides from IE-mac \*/
* html #global-navigation, * html .cart-links, * html .cart, * html #content-container, * html #footer, 
* html .item-grouping, * html .marketing-spot, * html .category-information, 
* html .item-listing, * html .related-categories, * html .product-information, * html dl,
* html .product-item, * html .related-items, * html .form, * html .shopping-cart-breadcrumb
{height: 1%;}
#global-navigation, .cart-links, .cart, #content-container, #footer, .item-grouping, 
.marketing-spot, .category-information, .item-listing, .related-categories, dl,
.product-information, .product-item, .related-items, .form, .shopping-cart-breadcrumb
{display: block;}
/* End hide from IE-mac */
* html .category-header { width: 640px; }
* html #content .main-content { overflow: hidden; }
