/* --- 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:958px;}

#logotypeContainer {
	display:block; float:left;
	width:620px; height:139px; /* 126+13 */
}
#searchContainer {
	display:block; float:none;
	margin:0 0 0 630px;
	padding: 40px 0 0 0;
	width:319px;

}
#userNavigation {
	text-align:right;
}

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

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

#navigation{ 
	height:41px; 
	background:transparent url(/images/navigation/navShadow.gif) no-repeat left bottom;
}	

/* mainContent */
#mainContentContainer { background: transparent url(/images/background/home_mainContentRepeat.gif) repeat-y left 12px ; }

#inside_mainContentContainer { background: transparent url(/images/background/inside_mainContentR-670.gif) repeat-y left top ; }

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

#inside_mainLContentContainer { background:transparent url(/images/background/inside_mainContentR-706.gif) repeat-y top left; }
#inside_mainRContentContainer { background:transparent url(/images/background/inside_mainContentR-706.gif) repeat-y top right; }

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

#mainHeadContainer { 
	display:block; float:left;
	margin:41px 0 0 0; 
	width:330px;
}

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

#specialsContainer {
	width: 175px; height:50px;
	margin:62px 0 0 392px;
	clear:right;
}

#inside_contentContainer { width:631px;}
#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: 25px 20px 0 16px; }

#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_contentBot { 
	display:block; height:30px;
	background:transparent url(/images/background/inside_contentBot-641.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; }
#subnavContainer { background:transparent url(/images/background/inside_sideContainer-266.gif) repeat-y top left; }

#eLoginContainer {  display:block; height:100px; background:transparent url(/images/background/eLogin_top.gif) no-repeat top left }
#orderExpressContainer {  display:block; height:39px; 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_sideContent { padding: 0 0 0 8px;}*/

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


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

#findStoreContainer { padding: 20px 0 30px 20px;}
#inside_sideContainer #findStoreContainer { padding:23px 0pt 30px 18px; }
#menuHeadContainer { padding: 12px 0 6px 18px; width: 150px;}
#inside_textContainer-310 { padding: 20px 30px 0 10px; }

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

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

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

#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; }

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


div.member_formBot {
	display:block; height:11px; margin: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_textContainer div.lhcol { padding: 0 15px 100px 0; border-right: 1px solid #094FA3; }
.rhcol { margin-left: 53%; width:47%; }
#inside_textContainer 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:#F00; width:330px;
	font-size:100%;
}

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

#largeHeading { padding-bottom:2px; width: 580px;}

#SSfindStore {
	margin: 0; padding:0;
	height: 14px; width:200px;
	font-size:12px;
	color:#FFF;
}

h3#menuHead { color:#094FA3; font-size:12px; }

#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; }
#home_sideContent td p { margin-right:20px; margin-left:10px;}
#inside_sideContent p{ margin-right:15px; margin-left:10px; }
#home_sideContent p strong, #inside_sideContent p strong { color:#F00;}
p.stateselect { margin-left: 235px; padding-top:40px; font-size:65%; font-weight:bold; color: #0055A5;}
p.breadcrumb { color:#F00; font-size:65%; margin-bottom:7px;}

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


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


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

#subnav ul {
	list-style-type:none;
	margin:0pt 0pt 0pt 9px;
	padding:0pt 0pt 40px;
	width:256px;
}

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

#footerNavigation ul {
	margin:0; padding:0;
	list-style-type:none;
	line-height:1em;
	width:620px;
	float:left; display:block;
	color:#FFF;
}

#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 #094FA3;
}

#rulerBlue {
	clear:both; width:94%;
	margin:3px 0 4px 0;
	border-bottom:1px solid #094FA3;
}

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

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

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

p.breadcrumb a { color:#F00; }

#subnav li a {
	border-top:1px solid #094FA3;
	color:#094FA3;
	display:block;
	padding:3px 0pt;
	text-decoration:none;
	padding-left:17px;
}

#subnav li ul li a { padding-left:34px; padding-right:4px; background:url(/images/navigation/subnav_LI_LI-off.gif) no-repeat top left;}
#subnav li.last a {	border-bottom: 1px solid #094FA3; }
#subnav li a:hover, #subnav li a.selected { background: #053063 url(/images/navigation/subnav_LI-on.gif) no-repeat top left; color:#FFF; }
#subnav li ul li a:hover { background: #053063 url(/images/navigation/subnav_LI_LI-on.gif) no-repeat top left;}
#subnav li a.open { background: #053063 url(/images/navigation/subnav_LI-open.gif) no-repeat top left; color:#FFF; }

#userNavigation a { color:#094FA3;}
#footerNavigation li a, #userNavigation li a {
	border: 1px solid #FFF;
	border-width: 0 1px 0 0;
	margin:0; padding:0 7px 0 4px;
}
#footerNavigation li a  { color:#FFF;}
#userNavigation li a { border-right: 1px solid #094FA3; }

#footerNavigation li a:hover, #userNavigation a:hover { color:#FFF;}
#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 
}
#eLogin fieldset, #orderExpress fieldset { margin:0; padding:0; border:0; }
#eLogin legend, #orderExpress legend { display:none;}
form.searchForm { width: 165px; margin:0; padding:0;}

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

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:1px solid #094FA3;
	color: #094FA3;
}

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

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

form.storeLocatorForm label, form.storeLocatorForm p {
	display:block; float:left;
	width: 90px;
	font-size:65%;
	font-weight:bold;
	padding: 3px 0 0 0;
	color:#094FA3;
}
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:#F00; }

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 #094FA3;
	color: #094FA3;
}

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 #094FA3; 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 #094FA3; margin:2px 0 6px 0; }
form label.field-password input { float:left; width:117px; border:1px solid #094FA3; 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: 170px;} 
#inside_sideContainer form.storeLocatorForm input.txtInput, #inside_sideContainer form.storeLocatorForm select.txtInput { width:145px;}
.hometext, .sidetext { font-size:65%; color:#094FA3;}
#inside_sideContent p.sidetext { margin-left: 18px; margin-bottom: 0px;}
.home_sideContent {
	margin-left:20px;
	margin-right:20px;
}
.introtext { font-size:75%; width:326px; margin:10px 0 1.5em 0; color:#094FA3;}

/* ----- IDS ----- */
#inside_sideContentWhite { background:transparent url(/images/background/inside_sideContentTopWhite-266.gif) no-repeat top left; }

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

/* ----- PARAGRAPHS ----- */
#inside_sideContentWhite p{ margin-right:15px; margin-left:18px; }

/* ----- FORMS ----- */
#inside_sideContentWhite form.storeLocatorForm  { margin: 0 0 0 18px;}
#inside_sideContentWhite form.storeLocatorForm p {  margin-left:0; width: 170px;}