@import url(../css/existing.css);

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #cecece;
	font: 10px/18px Helvetica, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6, fieldset, .nav, .nav ul, .faqlist {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	}

a {
	color: #554f40;
	text-decoration: none;
	outline: none;
	}

a img {
	border: 0;
	}

a small {
	font-size: 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	}

a:hover {
	color: #c30025;
	background-position: bottom;
	}

td {
	vertical-align: top;
	line-height: 15px;
	}

.right {
	float: right;
	}

/* Main Layout */
#mainDiv {
	background: #fff url(../i/assets/body-bg.gif) top left repeat-x;
	}
	
#headerDiv, #contentDiv {
	width: 960px;
	position: relative;
	overflow: visible;
	z-index: 1;
	margin: 0 auto;
	}

#footerContent {
	width: 960px;
	overflow: visible;
	z-index: 1;
	margin: 0 auto;
	}

#leftBlock, #centerBlock, #rightBlock, #wideBlock {
	float: left;
	position: relative;
	z-index: 1;
	}

#wideBlock {
	width: 781px;
	border-left: 25px solid #fff;
	padding-top: 20px;
	}

#leftBlock {
	width: 154px;
	z-index: 3;
	}

#centerBlock {
	overflow: hidden;
	width: 520px;
	padding-top: 20px;
	border-left: 25px solid #fff;
	border-right: 25px solid #fff;
	}

#rightBlock {
	overflow: hidden;
	width: 236px;
	padding-top: 20px;
	}

#centerBlock table {
	font-size: 12px;
	}
	
#centerBlock p a, #wideBlock a {
	text-decoration: underline;
	}
	
#footerDiv {
	clear: both;
	border-top: 25px solid #fff;
	background: #cecece;
	}

#footerDiv ul {
	height: 20px;
	padding: 20px 0;
	}

#footerDiv ul li {
	float: left;
	}

#footerDiv a {
	color: #666;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 6px 0 0;
	margin: 0 10px 0 0;
	}

#footerDiv a:hover {
	color: #c30025;
	}

/* Navigation Layout */
#nav, #nav ul {
	float: left;
	width: 154px;
	background: #fff;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 151px;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 0 6px 3px;
	color: #554e3e;
	border-bottom: 1px solid #ddd;
}

#nav a.current {
	font-weight: bold;
	padding-left: 8px;
	width: 144px;
	color: #c30025;
/*	background: #f4f4eb;	*/
	}

#nav li li a.current, #nav li:hover li a.current {
	width: 137px;
	border-left: 0;
	color: #c30025;
	background-color: #fff;
	padding-left: 11px;
	}

#nav li:hover li a, #nav li li:hover li a {
	background: #f4f4eb;
	color: #554e3e;
	}

#nav li {
	float: left;
	padding: 0;
	position: relative;
	width: 154px;
}

#nav li ul {
	border-top: 1px solid #ddd;
	position: absolute;
	left: -999em;
	height: auto;
	width: 154px;
	top: 0;
	font-weight: normal;
	background: #f4f4eb;
	margin: -1px 0 0 154px;
	border-left: 2px solid #fff;
}

#nav li li {
	width: 154px
}

#nav li ul a {
	width: 142px;
	padding-right: 6px;
	padding-left: 6px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover {
	background: #fff;
	}

#nav li:hover a, #nav li li:hover a {
	/*color: #c30025;*/
	background: #f4f4eb url(../i/assets/selected-arrow.gif) center right no-repeat;
	}

#nav li a:hover, #nav li li a:hover, #nav li li li a:hover, #nav li:hover a.current:hover {
	color: #fff;
	background: #c30025;
/*	border-bottom-color: #c30025;	*/
	}

#nav li ul:hover {
	/*background: #c30025;*/
	}

.site_map {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.site_map ul {
	list-style-type: disc;
	}

.site_map li li {
	color: #c30025;
	}

/* Store Locator */
#rightBlock table {
	margin-bottom: 15px;
	}
	
.storeLocator, .storeLocation {
	clear: both;
	background: #b6b6ac;
	border-bottom: 15px solid #fff;
	}

#locatorLarge {
	background: #f4f4eb;
	color: #76705a;
	}

.storeLocation {
	padding: 15px;
	background: #f4f4eb;
	}

.storeLocator fieldset, #locatorMain fieldset {
	padding: 0 15px;
	}

#locatorSmall fieldset {
	padding-bottom: 10px;
	}
	
.storeLocator h3, #locatorMain h3 {
	color: #fff;
	border: 0;
	height: 49px;
	line-height: 49px;
	background: url(../i/assets/img-store-locator-alt.gif);
	}

#locatorLarge h3, #locatorMain h3 {
	background: url(../i/assets/img-store-locator.gif);
	}

.storeLocation h4, #locatorMain h4 {
	color: #76705a;
	font-size: 12px;
	}

.storeLocator h4, #locatorMain h4 {
	color: #76705a;
	font-size: 12px;
	padding: 0 15px;
	}

.storeLocator select {
	width: 100%;
	margin: 0 0 8px 0;
	}

.storeLocation p {
	margin: 0;
	padding: 0 0 10px 0;
	color: #76705a;
	}

.storeLocation p a {
	color: #76705a;
	text-decoration: underline;
	}

.storeLocation a:hover, span.req, .highlight {
	color: #c30025;
	}

#locatorMain {
	color: #76705a;
	height: 130px;
	background: #f4f4eb;
	}

#locatorSearch {
	float: left;
	width: 236px;
	margin: 12px;
	border-right: 1px solid #ddd;
	background: #f4f4eb;
	}

#quickSearch, #quickSearch1 {
	margin: 8px 15px 0 15px;
	padding: 8px 0 0 0;
	background: #f4f4eb;
	border-top: 1px solid #ddd;
	font-size: 11px;
	}

#quickSearch fieldset, #quickSearch h4, #quickSearch1 fieldset, #quickSearch1 h4 {
	padding: 0;
	color: #76705a;
	}

#locatorMain #quickSearch1 label {
	font-size: 11px;
	float: none;
	display: block;
	width: auto;
	}

#locatorMain #quickSearch1 {
	float: left;
	padding: 12px;
	margin: 0;
	border: 0;
	}
	
#pagination {
	position: absolute;
	right: 0;
	top: 30px;
	height: 17px;
	color: #554e3e;
	z-index: 5;
	}
	
#pagination a, #pagination p {
	float: left;
	}

#pagination a {
	width: 17px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	}

.prev {
	background: url(../i/assets/btn-arrow-left.gif) top left no-repeat;
	margin-right: 4px;
	margin-left: 12px;
	}

.next {
	background: url(../i/assets/btn-arrow-right.gif) top right no-repeat;
	}

#pagination #noRecords {
	background-position: center;
	cursor: default;
	}
	
/* General Styling */
#pagination a, h1 a, #customerClub, .mapLink, a.buttonSubmit, a.btnSubmit, .storeLocator h3, #signup, .signup, #locatorMain h3, .retailerlogin {
	text-indent: -100000px;
	text-decoration: none;
	}

#customerClub:hover, #signup:hover, .signup:hover, .retailerlogin:hover {
	background-position: bottom;
	}

.rightAlign, .rightalign {
	text-align: right;
	}

img.clear {
	clear: both;
	width: 100%;
	height: 1px;
	background: #dbdbd6;
	margin: 9px 0;
	}
	
.locatorPage .clear {
/*	display: none;	*/
	}

/* Content Styling */
h1 {
	background: url(../i/assets/header-loader.gif) center no-repeat;
	height: 114px;
	overflow: hidden;
	border-bottom: 2px solid #fff;
	}

h1 a {
	display: block;
	width: 243px;
	height: 114px;
	border-right: 2px solid #fff;
	background: url(../i/assets/img-logo.gif) bottom left;
	}

h2 {
	color: #c30025;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	margin: 0 0 15px 0;
	}

h2.EmailSignupComp {
	color: #007883;
	}

h3 {
	font-size: 13px;
	clear: both;
	color: #000;
	}

h3.red {
	color: #c30025;
	}
	
h3.grey {
	color: #b6b6ac;
	}

h3 a, h4 a {
	text-decoration: underline;
	}

/* Remove .locatorPage from these two styles when content is re-laid */
.locatorPage {
/*	margin-top: -20px;	*/
	}

.valError {
	font-size: 12px;
	color: #c30025;
	margin: 0 0 25px 0;
	background: #f4f4eb;
	}

.locatorPage h3 {
	clear: both;
	color: #c30025;
	font-size: 10px;
	height: 10px;
	margin-top: 20px;
	margin-bottom: 8px;
	text-transform: uppercase;
	border-bottom: 1px solid #c30000;
	overflow: visible;
	}

.locatorPage h3 span {
	background: #fff;
	float: left;
	font-size: 11px;
	padding: 0 3px;
	margin: 3px 0 0 6px;
	}

h4 {
	clear: both;
	color: #000;
	font-size: 12px;
	}
	
p {
	clear: both;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 0;
	}

em, i {
	font-weight: bold;
	font-style: normal;
	}

#centerBlock ul, #centerBlock ol, #wideBlock ul, #wideBlock ol {
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 15px;
	margin-top: 0;
	padding-top: 0;
	}

#wideBlock .site_map ul {
	padding-bottom: 0;
	}
	
label, input, select, textarea {
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	float: left;
	width: 180px;
	}

textarea {
	width: 239px;
	height: 115px;
	padding: 3px;
	}

.storeLocator select {
	float: none;
	}

fieldset select.short {
	width: 65px;
	margin-right: 5px;
	}

fieldset select.mini {
	width: 55px;
	}

fieldset br {
	clear: both;
	width: 90%;
	}

fieldset label {
	width: 180px;
	margin-right: 8px;
	}

.radioList {
	width: 250px;
	}
	
.radioList input {
	width: auto;
	margin-right: 5px;
	}

.radioList label {
	width: 75px;
	}

#locatorLarge label {
	font-size: 11px;
	line-height: 14px;
	}

.disclaimer {
	font-size: 10px;
	}

fieldset .disclaimer {
	padding-left: 188px;
	}

.fLong {
	width: 245px;
	}

#locatorLarge input {
	width: 155px;
	}

.buttonSubmit, .btnSubmit {
	width: auto;
	float: left;
	margin-left: 188px;
	margin-bottom: 25px;
	}

a.buttonSubmit {
	width: 31px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	margin: 2px 0 0 188px;
	}

a.btnSubmit {
	width: 65px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	margin: 2px 0 0 188px;
	}

#locatorMain a.buttonSubmit {
	margin-left: 8px;
	}

#searchDiv .buttonSubmit {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	background-image: url(../i/assets/btn-go-searchbar.gif);
	}

#locatorLarge .buttonSubmit, .buttonSubmit {
	background-image: url(../i/assets/btn-go-panel.gif);
	}

.btnSubmit {
	background-image: url(../i/assets/btn-submit.gif);
	}

.faqlist li {
	text-indent: -23px;
	padding: 0 0 8px 23px;
	}

.formInfo, .faqlist div {
	clear: both;
	text-indent: 0;
	display: none;
	width: 442px;
	border-left: 24px solid #fff;
	padding-top: 17px;
	margin-bottom: 20px;
	background: #dcf0fb url(../i/assets/bg-contact-hint.gif) top left no-repeat;
	}

.faqlist div {
	border-left-width: 4px;
	}

.formInfo div, .faqlist div div {
	border: 1px solid #9de2ff;
	display: block;
	border-top: 0;
	color: #1b577e;
	margin: 0;
	width: auto;
	background: none;
	padding: 15px 15px 0 15px;
	}

.formInfo a, .faqlist a {
	color: #1b577e;
	text-decoration: underline;
	}

#searchDiv {
	height: 30px;
	line-height: 30px;
	border-bottom: 4px solid #fff;
	background: url(../i/assets/img-style-finder.gif) top left no-repeat;
	}

#customerClub {
	display: block;
	clear: both;
	border-top: 8px solid #fff;
	width: 154px;
	height: 57px;
	background: url(../i/assets/btn-customerclub.gif) top no-repeat;
	}

#signup, .signup , .retailerlogin{
	float: right;
	width: 154px;
	height: 57px;
	margin-top: 18px;
	background: url(../i/assets/btn-join-customerclub.gif) top no-repeat;
	}

.signup, .retailerlogin {
	float: none;
	display: block;
	margin: 0 0 12px 0;
	}

.retailerlogin {
	border-left: 40px solid #fff;
	background: url(../i/assets/btn-retailer-login.gif) top no-repeat;
	}

#styleLinks {
	clear: both;
	position: absolute;	
	width: 520px;
	height: 30px;
	z-index: 99;
	top: -34px;
	left: 120px;
	line-height: 30px;
	}

#styleLinks li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}

#styleLinks a {
	color: #554f40;
	display: block;
	padding: 1px 4px;
	margin-right: 8px;
	}

#styleLinks a:hover, #ctl00_cphCenterContent_uplProductDetails a {
	color: #c30025;
	}

#ctl00_cphCenterContent_uplProductDetails a:hover {
	text-decoration: underline;
	}

#styleLinks a.current {
	text-decoration: underline;
	}

.retailer {
	position: relative;
	float: left;
	width: 225px;
	height: 148px;
	padding: 9px 14px 0 14px;
	border: 1px solid #fff;
	overflow: hidden;
	}

.retailer.odd {
	clear: both;
	margin-right: 10px;
	}

.retailer:hover {
	background: #ffffe1;
	border-color: #f7f2c4;
	}

.retailer p {
	padding: 0 0 10px 0;
	}

.mapLink {
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 25px;
	height: 25px;
	}

.retailer:hover .mapLink {
	background: url(../i/assets/btn-google-map.gif) top no-repeat;
	}

.retailer:hover .mapLink:hover {
	background-position: bottom;
	}

span.req {
	font-size: 15px;
	}

.productTable {
	width: 520px;
	font-size: 12px;
	}

.productTable td {
	vertical-align: bottom;
	text-align: center;
	}

.imagelink, .pdflink {
	display: block;
	white-space: nowrap;
	width: auto;
	line-height: 18px;
	height: 18px;
	padding: 0 0 0 21px;
	margin: 0 0 8px 0;
	background: url(../i/assets/pic-icon.gif) top left no-repeat;
	}
	
	.pdflink {
		background-image: url(../i/assets/pdf-icon.gif);
		}

.imagelink:hover, .pdflink:hover {
	background-position: top left;
	}
	
/* --------- Apple Search ---------- */
#searchDiv label { 
	color: #999; 
	display: none; 
	}
	
#searchDiv input { 
	width: 180px; 
	color: #222; 
	}
	
#searchDiv .submitquery { 
	display: none; 
	}

#searchDiv fieldset {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#searchDiv .sbox_r {
	background: #fff url('../i/assets/srch_r.gif') 0 0 no-repeat;
	float: left;
	width: 19px;
	height: 19px;
	}
	
#searchDiv .sbox_r_f2 {
	background: #fff url('../i/assets/srch_r.gif') 0 -19px no-repeat;
	float: left;
	width: 19px;
	height: 19px;
	}
	
#searchDiv input {
	background: #fff url('../i/assets/srch_bg.gif') 0 0 repeat-x;
	float: left;
	border: 0;
	height: 13px; 
	width: 132px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
	}

#wideBlock table input {
	width: auto;
	font-size: 11px;
	float: none;
	margin-bottom: 0;
	}

.loader {
	position: absolute;
	right: 250px;
	top: 20px;
	z-index: 999;
	}

fieldset input.loginButton {
	width: auto;
	margin-left: 185px;
	}

.linkSubmitButton {
	color: #c30025;
	font-weight: bold;
	}

.linkSubmitButton:hover {
	text-decoration: underline;
	}

#ctl00_cphCenterContent_uplProductDetails {
	border-bottom: 1px solid #b7b7ad;
	}

#ctl00_cphCenterContent_imgProductStyle {
	display: block;
	text-align: center;
	background: url(../i/assets/magnify.gif) bottom right no-repeat;
	}

/* Safari Hacks */
#searchDiv fieldset {
	background: url("../i/assets/srch_l.gif") 0 0 no-repeat;#
	}

.underLineAnchors
{
	color: #554f40;
	text-decoration:underline;
	outline: none;
}

.underLineAnchors:hover {
	color: #c30025;
	background-position: bottom;
	text-decoration:none;
	}

.longinput {
	width: 250px;
	}
	
.errormsg {
	color: Red;
}

#CustomerNumberHint {
	margin: 91px 30px 9px 10px;
	margin: 30px 30px 10px 10px !ie;
	background-color: #dcf0fb;
	border: 1px #9fe2ff solid;
	color: #145784;
    padding: 8px 15px 23px 15px;
}

#CustomerNumberHint a {
	color: #145784;
	float: right;
}

#CustomerNumberHint p {
	padding-bottom: 5px;
}

#whatisthis {
	float: left; 
	padding-left: 5px;
	color: #8b8b8b;
	font-size: 12px;
}

#centerBlock a.thankyoulink {
	text-decoration: none;
	color: #615f48;
}

#centerBlock a:hover {
	color: #c30025;
}