@charset "utf-8";

@import url(menu_hp.css);




/* CSS Document */

html,body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h3,h2,h4 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;}


img {border:none}
.licat {
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
.lisub {
	padding-left:5px;
	color:cdcdcd;font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
.td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

h5 {font-weight:bold;}
.topbit {font-weight:bold; text-decoration:none}


a.hpnav:link {text-decoration:none; color:#666666}
a.hpnav:hover {text-decoration:none; color:#666666; background-color: #CCCCCC}
a.hpnav:visited { text-decoration:none; color:#666666}

a.catpagesummary:link {text-decoration:none; color:#666666}
a.catpagesummary:hover {text-decoration:none; color:#666666;}
a.catpagesummary:visited { text-decoration:none; color:#666666}

a.subcatpagesummary:link {text-decoration:none; color:#FFB00B}
a.subcatpagesummary:hover {text-decoration:none; color:#FFB00B;}
a.subcatpagesummary:visited { text-decoration:none; color:#FFB00B}

a.login-input:link {text-decoration:none; color:#666666}
a.login-input:hover {text-decoration:none; color:#666666;}
a.login-input:visited { text-decoration:none; color:#666666}

a.local:link {text-decoration:none; color:#FF8C06}
a.local:hover {text-decoration:none; color:#FF8C06; background-color: #ffffff}
a.local:visited { text-decoration:none; color:#FF8C06}

#local-nav {width:100%;  height:30px; border-top:1px solid #FF8C06;}

#local-nav-search {border:1px solid #FF8C06; font-size:10px; }

body,html {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0px; width:100%; height:100%}
#pwrapper {width:100%; height:100% }
#container {width:768px; min-width:748px; margin-left:auto; margin-right:auto; border:#999999 1px solid; background-color:#FFFFFF; padding:4px; margin-top:5px;}
#nav {width:100%;  height:95px}
#header {width:730px; float:left; margin-top:10px; }
#swatch {float:right; width:25px; margin-top:9px; padding-right:4px }
#introcopy {float:left; width:550px; padding-left:8px}
#righthand {float:right; width:160px; text-align:left; padding-top:15px; padding-right:4px; margin-bottom:5px;  }

#rightofpage {float:right; width:185px; text-align:right; padding-right:12px;}

#loginbox {float:right; border:#AFED24 1px solid; width:169px; text-align:right; color:#666666; text-align:left; padding:4px; margin-bottom:4px; margin-bottom:5px; background-image:url(/IMAGES/HP/loginbg.jpg); background-repeat:repeat-X; background-position:right;}


#loginboxmorepage {float:left; border:#AFED24 1px solid; width:167px; height:100px; text-align:right; color:#666666; text-align:left; padding:4px; margin-bottom:4px; margin-bottom:5px; background-image:url(/IMAGES/HP/loginbg.jpg); background-repeat:repeat-X; background-position:right;}







#rightads {float:right; width:185px; text-align:right; margin-right:6pxx padding-right:12px }

#ads		{float:left; width:550px}

#local_head{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#ffffff;
}

#local{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#ffffff;
}

#local-nav-text{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#FF8C06;
}

#footer {
padding : 8px;
clear : both;
text-align : right;
color : #555;
background-color : #ececec;
font-size:10px;
margin-top:30px;
}

.hpnavbox {float:left; font-size:11px; margin-top:25px; width:550px; text-align:center; margin-bottom:10px}


#logo {float:left; padding-left:6px}
#search {float:right; background-color:#7F7F7F; padding:4px}


#navbar {width:100%;  }








a.more:hover { background-color:#CCCCCC;text-decoration:none}

.more A:hover {text-decoration:none; color:#666666; background-color:#FFFFFF}
.more A:link {text-decoration:none;color:#666666 }
.more A:visited {text-decoration:none; color:#666666}



.more {vertical-align:top;color:#666666}




.more a:hover{ background-color:#CCCCCC;text-decoration:none;color:#666666}














