/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */
/* - - - - - - - - - - - - - - - - - - - - -


/* ----- IDS ----- */

/* header */
#header { width:950px;}

#logotypeContainer {
	display:block; float:left;
	width:620px;

}
#searchContainer {
	display:block; float:none;
	margin:0 0 0 630px;
	padding: 40px 0 0 0;
	width:315px;
}

#userNavigation {
	text-align:right;
}

#searchFormLoggedin { 
	display:block; float:right;
	width:173px; height:40px; 
}

#searchFormNotLoggedin { 
	display:block; float:right;
	width:175px; height:80px; 
}

#navigation{
	height:55px;
}	

/* mainContent */
#mainContentContainer, #inside_mainContentContainer { background-color: #F7AD0C; }

#mainContent {
	background:#F7AD0C url(/images/background/home_mainContentTop.gif) no-repeat top left;
	padding:5px 25px 0 29px;
}

#inside_mainLContentContainer { background-color:#F7AD0C; }
#inside_mainRContentContainer { background-color:#F7AD0C; }

#inside_mainContent { padding:5px 0px 0 15px; background:transparent url(/images/background/inside_mainContent-670.gif) no-repeat top left; }
#inside_mainLContent { padding:5px 0px 0 15px; background:transparent url(/images/background/inside_mainContent-706.gif) no-repeat top left; }
#inside_mainRContent { padding:16px 0px 0 8px; background:transparent url(/images/background/inside_mainContent-706.gif) no-repeat top right; }

#mainHeadContainer { 
	display:block; float:left;
	margin:30px 0 5px 0; 
	width:325px;
}

#inside_mainContent #mainHeadContainer { margin:12px 0 0 0; min-height:49px; overflow:hidden;}
#inside_mainContent #mainHeadContainer, #inside_mainLContent #mainHeadContainer { width:100%;}

#specialsContainer {
	width: 170px; height:55px;
	margin:68px 0 0 392px;
	clear:right;
}

#inside_contentLContainer { width:670px;}

#homeContent {}

#inside_content { 
	margin:0; padding-top:15px;
	background:#FFF url(/images/background/inside_content-641.gif) no-repeat top left;
}
#inside_contentL { 
	margin:0; padding-top:15px;
	background:#FFF url(/images/background/inside_content-670.gif) no-repeat top left;
}

#inside_textContainer { padding: 5px 20px 0 26px;}

#inside_contentLBot { 
	display:block; height:8px; margin-bottom:20px;
	background:transparent url(/images/background/inside_contentBot-670.gif) no-repeat top left; 
}

#homeContentBottom {
	padding:2px;
	background:transparent url(/images/background/home_mainContentBot.gif) no-repeat top left;
}

#inside_mainContentBot {
	padding:2px;
	background:transparent url(/images/background/inside_mainContentBot-670.gif) no-repeat top left;
}

#inside_mainLContentBot {
	padding:2px;
	background:transparent url(/images/background/inside_mainContentBot-706.gif) no-repeat top left;
}

#inside_mainRContentBot {
	padding:2px;
	background:transparent url(/images/background/inside_mainContentBot-706.gif) no-repeat top right;
}

/*sidePanel*/
#inside_sideContainer { background:transparent url(/images/background/inside_sideContainer-266.gif) repeat-y top left; }

#eLoginContainer {  display:block; height:73px; background:transparent url(/images/background/eLogin_top.gif) no-repeat top left }
#orderExpressContainer {  display:block; height:35px; background:transparent url(/images/background/orderExpress_top.gif) no-repeat top left }

#home_sideContent, #sidePanel {
	margin:0 0 0 10px;
	background:transparent url(/images/background/home_sideContentTop.gif) no-repeat top right;
}

#home_sideContent { padding-top: 8px;}

#inside_sideContent, #inside_content-310 { background:transparent url(/images/background/inside_sideContentTop-266.gif) no-repeat top left; }

#inside_content-310 { width:310px; background:#FFF url(/images/background/inside_content-310.gif) no-repeat top left; }

#findStoreContainer { padding: 17px 0 20px 20px;}
#inside_sideContainer #findStoreContainer { padding-left: 15px;}
#menuHeadContainer { padding: 0 0 6px 18px; width: 150px;}
#inside_textContainer-310 { padding: 20px 10px 0 10px; }

#sidePanelContainer { background:#f7AD0C url(/images/background/home_sideContainer.gif) repeat-y top left; }

#sidePanelimage {
	display:block;
	width:277px; min-height:160px;
	margin: 0 0 0 10px;
	background:#F7AD0C url(/images/sidePanel-image.gif) no-repeat bottom left;
}

#inside_sideContainer #sidePanelimage { 
	width:266px;
	background:transparent url(/images/inside_sidePanel-image.gif) no-repeat bottom left; 
}

#sidePanelBottom {
	background:transparent url(/images/background/home_sideContentBot.gif) no-repeat top right;
}

#inside_sideContentBot, #inside_contentBot-310 { 
	display: block; height:14px; margin:0;
	background:transparent url(/images/background/inside_sideContentBot-266.gif) no-repeat top left; 
}

#inside_contentBot-310 { background:transparent url(/images/background/inside_contentBot-310.gif) no-repeat top left; }

div.member_formBot {
	display:block; height:8px; margin:0 0 10px 0;
	background: transparent url(/images/background/inside_contentBot-310.gif) no-repeat top left;
}

/* footer */
#footer {
	display:block;
	height:20px;
	padding:10px 0 10px 20px;
	background:transparent url(/images/background/footer.gif) no-repeat top left;
}

/* ----- CLASSES ----- */

.col2 { display:block; width:100%; padding-bottom:5px;}
.lhcol { display: block;float:left; width:47%; }
#inside_content div.lhcol { padding: 0 15px 100px 0; border-right: 1px solid #000; }
.rhcol { margin-left: 53%; width:47%; }
#inside_content div.rhcol { padding: 0 0 0 2%;}

.floatLeft { float:left; margin-right: 10px;}

.noSpace { margin:0; padding:0;}

/* ----- HEADINGS ----- */

#mainContent h1, #inside_mainContent h1, #inside_mainLContent h1{
	margin:0; padding:0;
	color:#FFF; width:330px;
	font-size:100%;
}

#inside_mainContent h1, #inside_mainLContent h1 { width:550px;}

#findStore {
	margin: 0; padding:0;
	height: 13px; width:194px;
	color:#FFF;
	font-size:10px;
}

#userNavigation h5 { font-weight:normal; font-size:65%; margin-bottom:3px;}

/* ----- PARAGRAPHS ----- */

#header p, #footer p { margin:0; padding:0; }

p.endPanel { margin:0; padding:0 0 20px 0;}

#home_sideContent p{ margin-right:20px; margin-left:20px; }
#inside_sideContent p{ margin-right:25px; margin-left:10px; }
#home_sideContent p strong, #inside_sideContent p strong { color:#CF0000;}
p.stateselect { margin-left: 235px; padding-top:40px; font-size:65%; font-weight:bold; color: #0055A5;}
p.breadcrumb { color:#000; font-size:65%; margin-bottom:7px;}

/* TO DO check this are required */
#sidePanel p{ margin-right:20px; margin-left:20px; }
#sidePanel p strong { color:#CF0000;}


/* ----- LISTS ----- */


#userNavigation ul {
	margin:0 0 9px 0; padding:0;
	list-style-type:none;
}

#subnav ul ul { margin:0; padding:0; }

#footerNavigation ul {
	margin:0; padding:0;
	list-style-type:none;
	line-height:1em;
}

#footerNavigation ul {
	width:620px;
	float:left; display:block;
}

#footerNavigation li, #userNavigation li {
	display:inline;
	margin:0; padding:0;
	font-size:65%;
}

#subnav li {
	margin:0; padding:0;
	font-size:70%;
}

#subnav li ul li {	font-size:100%; }

/* ----- IMAGES ----- */

p.floatLeft img{
	margin-bottom:5px;
	border:1px solid #000;
}

/* ----- BREAK ----- */

#ruler {
	clear:both;
	margin:10px 20px;
	border-bottom:1px solid #000;
}

#rulerWhite {
	clear:both; width:98%;
	margin:3px 0 4px 0;
	border-bottom:1px solid #FFF;
}

div.divider { 
	clear:both;
	margin:1px 0; padding:0;
	width:100%; height:1px;
}

#ruler hr, #rulerWhite hr, div.divider hr { display:none;}

/* ----- LINKS ----- */

p.breadcrumb a { color:#000; }

#subnav li ul li a { padding-left:34px; background:url(/images/navigation/subnav_LI_LI-off.gif) no-repeat top left;}
#subnav li.last a {	border-bottom: 1px solid #FBD686; }
#subnav li a:hover, #subnav li a.selected { background:#704E04 url(/images/navigation/subnav_LI-on.gif) no-repeat top left; }
#subnav li ul li a:hover { background:#704E04 url(/images/navigation/subnav_LI_LI-on.gif) no-repeat top left;}
#subnav li a.open { background:#704E04 url(/images/navigation/subnav_LI-open.gif) no-repeat top left; }

#footerNavigation li a, #userNavigation li a {
	border: 1px solid #000;
	border-width: 0 1px 0 0;
	margin:0; padding:0 7px 0 4px;
	text-decoration:none; 
	color:#CF0000;
}

#footerNavigation li a:hover, #userNavigation li a:hover { color:#000;}
#footerNavigation li.last a, #userNavigation li.last a  { border-width: 0; }
#userNavigation li.last a  { padding-right: 0; }

p.poweredby  {
	margin: 0; padding: 0;
	line-height:9px;
}

/* ----- FORMS ----- */

#eLogin { 
	padding-left:10px;
	background:transparent url(/images/background/member_container.gif) repeat-y top left 
}

#orderExpress{ 
	padding-left:10px;
	background:transparent url(/images/background/member_container.gif) repeat-y top left 
}
fieldset { margin:0; padding:0; border:0; }
legend { display:none;}

input {font-family: Verdana, Arial, Helvetica, sans-serif;}

form.searchForm { width: 175px; margin:0; padding:0;}

form.searchForm legend { display:none;}
form.searchForm label, form.loginForm label { display:block; font-size:65%; margin-bottom:4px; }

form.searchForm fieldset { margin:0; padding:0; border:0; }

form.searchForm input.txtInput, form.loginForm input.txtInput { 
	width: 125px;
	margin: 0 0 7px 0; padding: 2px 0 2px 3px;
	font-size:65%;
	border-bottom: 1px solid #F7AD0C; 
	border-right: 1px solid #F7AD0C; 
	border-top: 1px solid #e1a20c; 
	border-left: 1px solid #e1a20c; 
}

form.loginForm input.txtInput { border-color:#000;}

form.searchForm input.goButton { padding-top:3px;}

#home_sideContent form.storeLocatorForm  { margin: 0 0 0 20px;}
#inside_sideContent form.storeLocatorForm  { margin: 0 0 0 10px;}

form.storeLocatorForm label, form.storeLocatorForm p {
	display:block; float:left;
	width: 90px;
	font-size:65%;
	font-weight:bold;
	padding: 3px 0 0 0;
}
form.storeLocatorForm label, form.storeLocatorForm p{
	padding-left: 18px;
}

#home_sideContent form.storeLocatorForm p, #inside_sideContent form.storeLocatorForm p {  margin-left:0; width: 200px;}  
form.storeLocatorForm em { font-style:normal; font-weight:bold; color:#CF0000; }

form.storeLocatorForm input {}
form.storeLocatorForm input.txtInput, form.storeLocatorForm select.txtInput { 
	margin: 0 0 7px 0; padding: 2px 0 2px 3px;
	width:185px;
	font-size:65%;
	border:1px solid #000;
}

form.storeLocatorForm select.txtInput { padding:0; width:187px; }

form label.location { clear:left; float:left; margin:6px 6px 0 0;  width:244px; font-size:65%;  }
form label.location select { clear:left; float:left; min-width:117px; border:1px solid #5A4837; margin:2px 0 0 0; }
.customInput {font-size:100%;}

form label.field-username { clear:left; float:left; margin:6px 6px 0 0;  width:119px; font-size:65%;  }
form label.field-password { float:left; margin:6px 6px 0 0;  width:119px; font-size:65%; }

form label.field-username input { clear:left; float:left; width:117px; border:1px solid #5A4837; margin:2px 0 6px 0; }
form label.field-password input { float:left; width:117px; border:1px solid #5A4837; margin:2px 0 6px 0; }

form input.elogin { padding-top:54px; }
form input.login { padding-top:18px; }

#onlineDemo_eL, #onlineDemo_oE { clear:left; }

/* inside page tweaks */
#inside_sideContainer form.storeLocatorForm p { width: 160px;} 
#inside_sideContainer form.storeLocatorForm input.txtInput, #inside_sideContainer form.storeLocatorForm select.txtInput { width:145px;}
.hometext, .sidetext { font-size:65%; }
#inside_sideContent p.sidetext { margin-left: 18px; margin-bottom: 0px;}
.home_sideContent {
	margin-left:20px;
	margin-right:20px;
}
.introtext { font-size:65%; width:326px; margin:10px 0 1.5em 0;}


/* ----- HEADINGS ----- */
#menuHead { color:#FFF; font-size:12px;}


#subnavContainer { background:transparent url(/images/background/inside_sideContainer-266.gif) repeat-y top left; }

#subnav { padding-top:15px; background:transparent url(/images/background/subnav_contentTop-266.gif) no-repeat left top; }

#subnavBot { 
	display: block; height:12px; margin:0;
	background:transparent url(/images/background/inside_sideContentBot-266.gif) no-repeat scroll left top; 
}

#inside_contentContainer { width:641px; background-color:#FFF; }

#inside_contentBot {
	background:transparent url(/images/background/inside_contentBot-641.gif) no-repeat scroll left bottom;
	display:block;
	height:15px;
}


/* ----- LISTS ----- */
#subnav ul {
	list-style-type:none;
	margin:0pt 3px;
	padding:0pt 0pt 40px;
	width:260px;
}

/* ----- LINKS ----- */
#subnav li a {
	border-top:1px solid #FBD686;
	color:#FFFFFF;
	display:block;
	padding:3px 0pt;
	text-decoration:none;
	padding-left:17px;
}