﻿*
{
	font-family: Arial;
	padding: 0;
	margin: 0;
}

html, body
{
	height: 100%;
}

body
{
	background: url(Images/layout/storeBackground.jpg) repeat-x;
	text-align: center;
}

ul li
{
	list-style-type: none;
}

input[type=checkbox]
{
    margin-right: 5px;
}

input[type=radio]
{
    margin-right: 5px;
}

.radio td
{
    padding-right: 15px;
}

.clear 
{
    clear: both;
}

.hidden { display: none; visibility: hidden; }

#entire-page
{
	z-index: 1;
	background: url(Images/layout/background-shadow.png) repeat-y center;
}
/*------------ CONTAINER ----------*/
#page-container
{
	background: #ffffff;
	width: 979px;
	margin: auto;
	text-align: left;
}

#wrapper .padding
{
	padding: 0px 14px 12px 14px;
}
#wrapper .after
{
	clear: both;
}

/****** Message Box ******/
#ctl00_messagebox
{
	display: block;
	border: solid 1px #ED541D;	
	background: #FEF5F1;
	padding: 5px;
	text-align: center;
}

/***************
	Header
***************/
#header.padding
{
	padding: 0px 14px;
}

.header-bottom
{
	clear: both;
}

.login-status
{
	padding: 5px 0px;
	float: right;
	font-size: 15px;
}

.login-status a
{
	text-decoration: none;
	color: #ea7f1e;
	font-weight: bold;
}

.sitelogo
{
	width: 360px;
	height: 100px;
	position: absolute;
	z-index: 1;
	background: url(Images/layout/siteLogo.jpg);
	background-repeat: no-repeat;
}

.siteCustomer
{
	width: 205px;
	height: 100px;
	position: absolute;
	margin-left: 360px;
	z-index: 1;
	background: url(Images/layout/customerService.jpg);
	background-repeat: no-repeat;
}

.completionList
{
	z-index: 1001;
	border: solid 1px #C0C0C0;
	border-top: 0px;
	cursor: default;
}

.completionList-item
{
	background: #fff;
	text-align: left;
}

.completionList-highlight
{
	background: #007996;
	text-align: left;
}

#shoppingCart
{
	float: right;
	height: 69px;
	min-width: 215px;
	padding-top: 4px;
	padding-right: 5px;
	background: #fbe9c2 url(Images/layout/cartRight.jpg) no-repeat bottom right;
}

#shoppingCart .cartBody
{
	padding-left: 9px;
	height: 69px;
	width: 44px;
	float: left;
	background: url(Images/layout/cartLeft.jpg) no-repeat bottom left;
}

#shoppingCart .shoppingCart
{
	float: left;
}

#shoppingCart .cartInfo
{
	margin-left: 44px;
	margin-left: 53px;
}

#shoppingCart .cartDetails
{
	color: #666;
	font-size: 15px;
	padding-top: 5px;
}
#shoppingCart .cartDetails span
{
	font-weight: bold;
}

#shoppingCart a
{
	border: 0 none;
	text-align: center;
	height: 23px;
	line-height: 23px;
	width: auto;
}

#shoppingCart a.cartButton
{
	padding-right: 5px;
	color: #FFF;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	background: transparent url(images/layout/cartButtonRight.jpg) no-repeat scroll right top;
}

#shoppingCart a.cartButton:hover
{
	background: transparent url(images/layout/cartButtonRightHover.jpg) no-repeat scroll right top;
}

#shoppingCart a span
{
	display: inline-block;
	position: relative;
	white-space: nowrap;
	height: 23px;
	line-height: 23px;
	padding-left: 5px;
}

#shoppingCart a.cartButton span
{
	background: transparent url(images/layout/cartButtonLeft.jpg) no-repeat scroll left top;
}
#shoppingCart a.cartButton span:hover
{
	background: transparent url(images/layout/cartButtonLeftHover.jpg) no-repeat scroll left top;
}

#langSwap 
{
	float: right; 
	font-size: 0.8em; 
	padding-right: 10px;	
}

/*****************************
		NAV CSS
*****************************/
#nav
{
	clear: both;
	color: #FFFFFF;
	height: 45px;
	background: url(Images/layout/navBarBackground.jpg) repeat-x;
	padding-bottom: 12px;
}

#nav a
{
	color: #FFFFFF;
}
.navmenu-left
{
	background: transparent url(Images/layout/navBarLeftCorner.jpg) no-repeat;
	overflow: hidden;
	width: 11px;
	height: 45px;
	float: left;
}

/* SEARCH FORM */
.searchform
{
	float: right;
	padding: 7px 11px 6px 0px;
	background: transparent url(Images/layout/navBarRightCorner.jpg) no-repeat top right;
}
.searchform fieldset
{
	float: right;
	border: 1px solid #eec348;
	height: 29px;
	background: #FFF;
	padding-top: 1px;
	padding-left: 5px;
}
.searchform input.field, .search-watermark
{
	height: 28px;
	line-height: 28px;
	border: 0px;
	font-size: 18px;
	width: auto;
}

.search-watermark
{
	color: #ccc;
}
.searchform input.searchButton
{
	padding: 0px;
	height: 28px;
	width: 28px;
	background: url(images/layout/searchButton.jpg) no-repeat;
	border: 0px none;
	text-align: center;
	color: #FFF;
	position: relative;
	left: -1px;
	top: -1px;
}
.searchform input.searchButton:hover
{
	cursor: pointer;
}

ul#navmenu-h
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 1000;
}
ul#navmenu-h ul
{
	width: 200px; /* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

ul#navmenu-h ul ul, ul#navmenu-h ul ul ul
{
	top: 0;
	left: 100%;
}

ul#navmenu-h li
{
	float: left;
	position: relative;
}

ul#navmenu-h ul li
{
	width: 100%;
	display: block;
}


/* Root Menu */
ul#navmenu-h a
{
	height: 45px;
	line-height: 45px;
	padding: 0 16px 0 16px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	float: left;
	display: block;
	height: 1%;
}

ul#navmenu-h ul a
{
	height: auto;
	line-height: 1.3em;
	padding: 4px 16px 4px 16px;
	font: bold 13px Arial, sans-serif;
	*width: 100%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a
{
	background: url(images/layout/navBarHover.jpg) repeat-x;
	color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a
{
	float: none;
	background: #1aa6bd;
	line-height: 27px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a
{
	background: #a3d2e1;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a
{
	background: #a3d2e1;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a
{
	background: #008da9;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a
{
	background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
	background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul
{
	display: none;
}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul
{
	display: block;
}

/***********************
		Products
***********************/

#productNav
{
	padding-right: 10px;
	padding-bottom: 10px;
}

.sideBarProducts .ajax__tab_body
{
	border: solid 1px #ea8021;
	padding: 0px;
}

.sideBarProducts .navTabPanel .ajax__tab_tab
{
	margin-right: 4px;
	text-align: center;
	display: inline-block;
}

.sideBarProducts .navTabPanel .header span
{
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
}

.sideBarProducts .navTabPanel .header span:hover
{
	cursor: pointer;
}
.sideBarProducts .navTabPanel .ajax__tab_active .header span
{
	cursor: default;
}

/* Inactive Tab */
.sideBarProducts .navTabPanel .header span
{
	background: transparent url(images/layout/leftNavInactiveLeft.jpg) no-repeat scroll left top;
}
 
.sideBarProducts .navTabPanel .header
{
	background: transparent url(images/layout/leftNavInactiveRight.jpg) no-repeat scroll right top;
}

/* Active Tab */
.sideBarProducts .navTabPanel .ajax__tab_active .header span, .sideBarProducts .navTabPanel .header span:hover
{
	background: transparent url(images/layout/leftNavActiveLeft.jpg) no-repeat scroll left top;
}
 
.sideBarProducts .navTabPanel .ajax__tab_active .header, .sideBarProducts .navTabPanel .header:hover
{
	cursor: default;
	background: transparent url(images/layout/leftNavActiveRight.jpg) no-repeat scroll right top;
}

.single-pane ul.sideBarProducts
{
	border: solid 1px #ea8021;
	border-top: 0px;
}

ul.sideBarProducts, ul.sideBarProducts li, ul.sideBarProducts ul
{
	min-width: 176px; /* Menu Width */
	max-width: 200px;
	margin: 0px;
	list-style: none;
	border-top: 0px;
	padding: 0px;
}

ul.sideBarProducts div>li
{
	background: url(images/layout/leftNavDivider.jpg) no-repeat -2px 0px;
}

ul.sideBarProducts li
{
	position: relative;
	width: 100%;
}
ul.sideBarProducts li.iehover
{
	z-index: 1001; /* IE z-index bugfix */
}

ul.sideBarProducts ul
{
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 999;
}

ul.sideBarProducts ul li
{
	position: relative;
	z-index: 999;
}

/* Root Menu */
ul.sideBarProducts a
{
	padding: 0px 6px;
	display: block;
	color: #666666;
	font: 11pt Arial;
	text-decoration: none;
	line-height: 27px;
	min-height: 27px;
	overflow: hidden;
	min-width: 176px;
	max-width: 200px;
}

ul.sideBarProducts img
{
	vertical-align: middle;
}

/* Root Menu Hover Persistence */
ul.sideBarProducts a:hover, ul.sideBarProducts li:hover a, ul.sideBarProducts li.iehover a
{
	background: #fadca2;
}

/* 2nd Menu */
ul.sideBarProducts li:hover li a, ul.sideBarProducts li.iehover li a
{
	float: none;
	background: #fadca2;
}

/* 2nd Menu Hover Persistence */
ul.sideBarProducts li:hover li a:hover, ul.sideBarProducts li:hover li:hover a, ul.sideBarProducts li.iehover li a:hover, ul.sideBarProducts li.iehover li.iehover a
{
	background: #f6ce79;
}

/* 3rd Menu */
ul.sideBarProducts li:hover li:hover li a, ul.sideBarProducts li.iehover li.iehover li a
{
	background: #999;
}

/* 3rd Menu Hover Persistence */
ul.sideBarProducts li:hover li:hover li a:hover, ul.sideBarProducts li:hover li:hover li:hover a, ul.sideBarProducts li.iehover li.iehover li a:hover, ul.sideBarProducts li.iehover li.iehover li.iehover a
{
	background: #666;
}

/* 4th Menu */
ul.sideBarProducts li:hover li:hover li:hover li a, ul.sideBarProducts li.iehover li.iehover li.iehover li a
{
	background: #666;
}

/* 4th Menu Hover */
ul.sideBarProducts li:hover li:hover li:hover li a:hover, ul.sideBarProducts li.iehover li.iehover li.iehover li a:hover
{
	background: #333;
}

/* Hover Function - Do Not Move */
ul.sideBarProducts li:hover ul ul, ul.sideBarProducts li:hover ul ul ul, ul.sideBarProducts li.iehover ul ul, ul.sideBarProducts li.iehover ul ul ul
{
	display: none;
}
ul.sideBarProducts li:hover ul, ul.sideBarProducts ul li:hover ul, ul.sideBarProducts ul ul li:hover ul, ul.sideBarProducts li.iehover ul, ul.sideBarProducts ul li.iehover ul, ul.sideBarProducts ul ul li.iehover ul
{
	display: block;
}

/***************
	Sidebar
***************/
#sidebar
{
	width: 208px;
	float: left;
}

ul#sideBarSubjects
{
	border: solid 1px #ea8021;
	border-top: 0px;
}

ul#sideBarSubjects, ul#sideBarSubjects li, ul#sideBarSubjects ul
{
	min-width: 176px; /* Menu Width */
	max-width: 200px;
	margin: 0px;
	border-top: 0px;
}

ul#sideBarSubjects li
{
	position: relative;
	width: 100%;
}

ul#sideBarSubjects li.iehover
{
	z-index: 1000; /* IE z-index bugfix */
}

ul#sideBarSubjects ul
{
	padding-left: 20px;
	z-index: 9999;
}

/* Root Menu */
ul#sideBarSubjects a
{
	padding: 2px 6px;
	display: block;
	color: #666666;
	font: 11pt Arial;
	text-decoration: none;
	height: 1%;
}

#sidebar div.headerBody
{
	border: 0 none;
	min-width: 192px;
	max-width: 202px;
	background: transparent url(images/layout/sideBarHeaderRight.jpg) no-repeat scroll right top;
	color: #fff;
}

#sidebar .headerBody span
{
	display: inline-block;
	position: relative;
	white-space: nowrap;
	padding: 5px 10px;
	background: transparent url(images/layout/sideBarHeaderLeft.jpg) no-repeat scroll left top;
}

/***************
	Content
***************/

#content
{
	margin-left: 208px;
}

body.help #content, .container-small #content
{
	margin-left: 0px;	
}

#content .padding
{
	padding: 0;
	padding-bottom: 10px;	
}

#content h1
{
	display: inline;
	color: #007996;
	font-size: 25px;
	font-weight: normal;
}

#content .sortBlock
{
	float: right;
}

/* Features */
#main-feature
{
	width: 550px;
	float: left;	
}

#small-features
{
	margin-left: 550px;	
}

#small-features .small-feature
{
	text-align: right;
	height: 125px;	
}

/***************
	Breadcrumb
***************/
.breadcrumb
{
	font-size: 15px;
	color: #666666;
}

.breadcrumb a
{
	color: #666666;
	text-decoration: none;
}

.breadcrumb a:hover
{
	text-decoration: underline;
}

/***************
	Footer
***************/
#footer
{
	clear: both;
	height: 195px;
	max-height: 195px;
	background: #008da9;
}

#footer .padding
{
	padding: 20px 16px 20px 14px;
}

#siteLinks
{
	float: left;
	width: 192px;
}

#siteLinks, #relatedSites
{
	padding-left: 12px;
	font-size: 15px;
}

#siteLinks ul a, #relatedSites ul a
{
	line-height: 20px;
	text-decoration: none;
	color: #FFF;
}

#siteLinks ul a:hover, #relatedSites ul a:hover
{
	text-decoration: underline;
	color: #45a4bb;
}

#relatedSites
{
	float: left;
}

#footerRight
{
	text-align: right;
	float: right;
	color: #FFF;
	font-size: 11px;
}

/******************
	Product Page
******************/

.listPrice-False
{
	text-decoration: line-through;	
}

#product-full.product-full
{
	overflow: auto;
	height: 100%;
}

#product-full .product-image
{
	display: block;
	text-align: center;
	float: left;
	padding-right: 15px;
	max-height: 360px;
	width: 254px;
	max-width: 254px;
}
.product-large
{
	max-height: 354px;
	width: 254px;
	max-width: 254px;
}


#product-full .product-detail
{
	font-size: 15px;
	color: #666;
	margin-left: 254px;
}

#product-full .outofstock
{
	font-size: 1.25em;
	color: #666;
	font-weight: bold;
}

#product-full .product-title
{
	color: #008da9;
	font-size: 20px;
	font-weight: bold;
}

#product-full .listPrice-True, #product-full .yourPrice
{
	font-size: 18px;
	color: #008da9;
}

#product-full .listPrice-False
{
	color: #008da9;
}

.product-header
{
	font-size: 17px;
	font-weight: bold;
	color: #666;
}

.product-description
{
	padding-top: 15px;
	font-size: 15px;
	color: #666;
}

.product-description ul
{
    padding: 10px 0px 10px 0px;
}

#relatedProducts
{
	padding-top: 15px;
}

#relatedProducts td
{
	padding-right: 5px;
}

#relatedProducts .product-brief
{
	width: 247px;
	text-align: center;
	font-size: 15px;
	color: #666666;
}

#relatedProducts .product-image img
{
	text-align: center;
	height: 150px;
	max-height: 150px;
	max-width: 150px;
}

#relatedProducts .product-title
{
	display: block;
	font-weight: bold;
}

#relatedProducts a
{
	font-size: 17px;
	text-decoration: none;
	color: #ea7f1e;
}

#relatedProducts a:hover
{
	text-decoration: underline;
}

/*******************
	Catalog
*******************/
#productListContainer
{
	clear: right;
}

#productListContainer .productListTable
{
	margin-top: 20px;
	margin-right: -3px;
}

#productListContainer .product-brief
{
	width: 247px;
	height: 250px;
	text-align: center;
	font-size: 15px;
	color: #666666;
}

#productListContainer .product-image img
{
	text-align: center;
	height: 150px;
	max-height: 150px;
	max-width: 150px;
}

#productListContainer .product-title
{
	display: block;
	font-weight: bold;
}

#productListContainer .product-brief a
{
	font-size: 17px;
	text-decoration: none;
	color: #ea7f1e;
}

#productListContainer .product-brief a:hover
{
	text-decoration: underline;
}

#productListContainer .pagerButton
{
	color: #007996;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

#productListContainer .pagerButton:hover
{
	text-decoration: underline;
}

#productListContainer .pagerButton[disabled="disabled"]
{
	color: #cdcdcd;
	text-decoration: none;
}

#productListContainer .numericPager
{
	font-size: 15px;
	font-weight: bold;
	color: #007996;
	text-decoration: none;
}
#productListContainer .numericPager:hover
{
	text-decoration: underline;
}
#productListContainer .pagerCurrentPage
{
	font-size: 15px;
	font-weight: bold;
	color: #ea7f1e;
}

/******************
	Search Results
******************/
.searchResults .product-brief
{
	height: 90px;
	padding: 10px 0px;
}

.searchResults .product-small
{
	float: left;
	padding-right: 15px;
	max-height: 90px;
	max-width: 63px;
}

.searchResults .product-image a
{
	font-weight: bold;
	font-size: 17px;
	color: #ea7f1e;
	text-decoration: none;
}

.searchResults .product-image a:hover
{
	text-decoration: underline;
}

/*****************
    CHECKOUT
*****************/
#shippingOptions li
{
    display: inline;
    vertical-align: middle;
}

#shippingOptions li a
{
    padding-right: 20px;
}

/*****************
    TEMP
*****************/
hr.separator
{
	margin-bottom: 10px;
	height: 1px;
	background: #a3d2e1;
	width: 100%;	
}

#productScroll
{
	clear: both;
}

.product-brief
{
	text-align: center;	
}

.infiniteCarousel
{
	width: 100%;
	position: relative;
	height: 194px;
	xpadding-top: 12px;
}

.infiniteCarousel .wrapper
{
	width: 828px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 180px;
	margin: 6px 61px;
	position: absolute;
	xborder-top: solid 1px #ffa500;
	xborder-bottom: solid 1px #ffa500;
	left: -4px;
}

.infiniteCarousel .product-title, .infiniteCarousel .listPrice
{
	display: block;
	text-align: center;
}

.infiniteCarousel ul a img
{
	text-align: left;
	padding-left: 68px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul
{
	width: 9999px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	*position: static;
	top: 20px;
}

.infiniteCarousel ul li
{
	font-size: 12px;
	display: block;
	float: left;
	height: 194px;
	width: 197px;
	padding: 5px;
}

.infiniteCarousel ul li a img
{
	display: block;
	max-height: 90px;
}

.infiniteCarousel .arrow
{
	display: block;
	height: 194px;
	width: 50px;
	text-indent: -999px;
	position: absolute;
	cursor: pointer;
}

.infiniteCarousel .forward
{
	background: url(images/layout/productScrollRight.jpg) no-repeat;
	right: 0;
}

.infiniteCarousel .back
{
	background: url(images/layout/productScrollLeft.jpg) no-repeat;
	left: 0;
}

.infiniteCarousel .forward:hover
{
}

.infiniteCarousel .back:hover
{
}

/* DW Subscription */
#DWSubscribe .dw-sub
{
    width: 30%;
    padding: 0 25px 15px 0;
    float: left;
    text-align: center;
}

#DWSubscribe h1, h2, h3, h5
{
	color: #007996;
	font-weight: normal;
	padding-bottom: 15px;
}

#DWSubscribe h1
{
    font-size: 28px;
}

#DWSubscribe h3
{
    font-size: 18px;
}

#DWSubscribe h4
{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
}

#DWSubscribe h5
{
    display: inline;
    font-size: 15px;
}

#DWSubscribe .address-wrapper
{
    width: 725px;
    float: left;
}
#DWSubscribe .address-information
{
    width: 185px;
    float: right;
}
.boxed
{
    padding: 5px;
    color: #464646;
    background: #F2F2F2;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

