html, body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}
body{max-width: 1000px;
margin:0 auto;
}

a:link{color:#0000CC;}
a:link, a:visited {	text-decoration: none;}
a:hover {text-decoration: underline;}

h1{
font-size : 100%;
font-family: Georgia, "Bitstream Charter", serif;
}

h2, h3,h4, h5,th,td,p,div{
font-size : 100%;

}

table{
padding : 0;
empty-cells : show;
font-size : 1em;
line-height: 1.1em;
background-color : #fff;
border-collapse: collapse;


}
td{
	padding: .4em .4em .5em .4em;
	border:none;

}

tr:nth-child(even) {background: #fbfbff}
tr:nth-child(odd) {background: #e9e9e9}
td:nth-child(5), td:nth-child(3), td:nth-child(2) {
border-left:1px solid grey;
}
td:nth-child(5), td:nth-child(6)  {
	/*background: #e7e2d2;*/
	word-break: break-word;

}


ul,ol {
padding-left: 1.4em;
margin-left: .1em;
list-style: circle outside;
}
ul.catlist{
max-width: 48%;
}


ol li{
padding-bottom : 10px;
margin-bottom : 10px;
}

ul li{
margin-top : 0.25em;
}

ul.inl{

padding: 0;
margin: 0;
padding-left : .15em;

}

ul.inl li{
display: inline;
list-style-type: none;
}

ul.inl li a{
padding: 0 0.2em ;
border-right: 1px solid #999;

}

ul.plist
{
margin-left: .2em; padding-left: 0;
margin-top: 0em;
list-style: none outside;
}

ul.plist li
{
background-color: #FAFAFA;
margin-left: .6em;
margin-top: 1em;
padding-left: .4em;
line-height: 1.4em;
}

ul.plist li.b {
background-color: #FFFFF0;
border: 1px solid #aFcAa1;
padding: .6em;
}

form{
margin : 0;
padding : 0;
padding-top : .5em;
}

hr{
height : 1pt;
color : #e0e0e0;
border-style : solid none none none;
}
.ad{
padding: 0;
margin: 0;
width : 728px;
height : 90px;
background-color : #FFF;
}
.c{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.b tr td,.b tr {
vertical-align: bottom;
padding: 0;
margin: 0;
}

#leftcol ul li, #rightcol ul li{
font-size: 1em;
}
 
#leftcol, #rightcol {
width:45%;
float:left;
padding-left :1em;
border-left :thin solid #eee;
}

#featured-stores, #feedback, #feedbackform, .feedback, .newp, .filters {
width:190px;
float: right;
margin :.3em .3em  1.5em .3em;
padding:.7em .7em 1em .7em;
border: 1px solid #ddd;
background-color : #FAFAFA;

}
.newp{
	width: 35%;
max-width: 250px;
margin-top:-50px;
margin-right:-1px;
margin-bottom : 2px;
padding-bottom : .2em;
}

.filters{
width:20em;
margin-bottom : 1px;
padding-bottom : .1em;
}

.filt{
border: 1px solid #333;
border-radius: 2px; 
background-color : #bbb;
}
.fil{
border: 1px solid #eee;

border-radius: 2px; 

}

#featured-stores p{
margin: 0;
padding: 0;
padding-top: .7em;
}

#atstore {
width:67%;
float: left;
padding-top : 1em;
padding-bottom : 1em;
clear : left;
}

#abstore {
margin-right : 230px;
clear : left;
}	

.smlogo, .smlogol
{
float : right;
padding-right : .5em;
height : 50px;
border : 0;
}

.smlogol
{
float : left;
padding-left : .5em;
}

.mlogo
{
height : 50px;
margin-top : 1em;
border : 1px solid #eee;
}

.logoc, .logo{
float: left;
margin-right: 7px;
margin-top: 7px;
margin-bottom: 7px;
border: thin solid #eee;
clear: right;

}
.logo{
height : 60px;
width : 468px;
}

.pl{
font-size : 110%;
}

.grn {color: #008000;}
.red,red{color: #660000;}
.orange{
background-color : #FFCC66;
font-size : 1.1em;
}

input select {
font-size : 92%;
}


thead tr th, tr.hed th{
color: #fff;
font-size : 1.1em;
margin: 3px 3px 1px 2px;
background-color: rgb(3, 90, 112);
border: 1px solid #ccc;

border-radius: 4px; 

}


.vsm{
font-size: 0.85em;
}
.hlf{
color: #011;
width : 50%;
}

.g, small.g a:link, small.g a:visited{
color : #666;
text-decoration: none;
}
small.g a:hover {text-decoration: underline; color: black;}

th, .smG th{
padding: 3px 1px 3px 1px;
font-size: 1.1em;
border-radius: 2px; 
background: #cdd9e3;
}
tr.hed th{
	background: #d4dbe0;
	color : #000;
}


.smW td,  .smG td, .smLG td{
border-right: 1px solid #EEE;
border-bottom: 1px solid #DDD;
padding: .4em .4em .3em .5em;
}
th small{
font-weight: normal;
}

.smW td, .smW th, .W{
background-color : White;
}

tr.smLG td.smW, tr.smG td.smW{
background-color : White;
vertical-align : top;
padding : .3em 0 .3em 0;

}
.smG td,   div.smG{
background-color : #FAFAFA;
}



div.smG{
border:1px solid #FAFAFA;
border-right:1px solid #E9E9E9;
}

div.smG ul,div.feedback ul,div.newp ul,tr.smLG td ul{
list-style-type:none;
margin: 0;
padding: 0;
padding-left: .6em;
}

div.notes{
float:right;
width:15em;
max-width:50%;
margin-top:-2em;

}
.smLG td{
text-align: left;
padding: .2em .7em .4em .3em;
background-color: #FAFAFA;
}
td.smLGC a img, td.smLGC img{
margin : 10px 0px 5px 0px;
border : 1px solid #DCDCDC;
}
 td.smLGC{ 
text-align: center;
background-color : #FAFAFA;
vertical-align : bottom;
}

button, #bq, #all{
 font-size: 1.2em;
}
button{
	color: white;
	background-color: #555555;
	border: none;
	padding: .5em 1em;
	margin-left: .5em;
	cursor: pointer;
   }
   

table.sm{ /*admin*/
border: 1px solid #AAA;
background-color: #E9E9E9;
width: 40em;
}

table.sm tr td{
text-align: left;
background-color : #FAFAFA;

}

table.co tr td{
border-left: 1px solid #DCDCDC;
padding : 2px 0 0 7px;

}
table.co tr th{
padding : 3px 0px 4px 0px;

}


.r, td.r , th.r, .r strong{
text-align : right;
}

h5{
font-size : 1.0em;
padding-bottom : 1px;
margin-bottom : 1px;
margin-top : 1px;
padding-top : 1px;
}
h1 {
font-size : 1.5em;
margin : 0.5em 0  1px 10px;
padding : 0;
color: #030;
clear:left;
}

h3, h2, td.nav h2 {
padding-top : 0.7em;
margin : 0.5em 0  1px 4px;
font-size : 1.4em;
color: #030;
clear:left;
}
.newp h2 {
padding-top : 0;
margin-bottom : 0.2em;
margin-top : 0;
}

h4{
font-size : 1.2em;
}

.h{clear:left;padding-top : 0.5em;
	margin : 0.5em 0  1px 10px;
}

.b{ font-weight : bold;}

div.nav div.w, .rght {
text-align:right;
display: inline;
border : none;
padding: 0 0 0 0;
padding-top:1em;

}

div.top{
padding: 1em 0;
margin: 0  auto 0 10px;
width:100%;

}
#top {
clear:both;
width:100%;
display:block; 

}
#sbox input,select, input#bq{
font-size:1.3em;
padding: .3em .6em;


}

div.topvsm {

font-size: 0.85em;
padding: 0 1em 0 1em;
}

div.top div {
float: left;
margin: 0 1em 0 0;
padding: 0 1em 0 0;


}
div.top div a img {
float: left;
margin: 0 15px 0 0px;

}
div.top div p {
clear:both;
margin: 0;

}


.sugB {
display: none;
font-size: 0.9em;
margin: 0.5em 0 0 0;
padding: 0.3em;
height: 20em;
background-color: #fcfcfc;
border: 1px solid #000;
overflow: auto;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
position: absolute;	
top: 4.5em;
left: 0;
float: left;
width: 19em;
z-index: 100;

}
.sug {
    margin: 0;
    padding: 0;
}
.sug ul {
    margin: 0;
    padding: 0;
	text-align:left;
}

.sug li {
    margin: 0 0 0.4em 0;
    padding: 0;
	width: 18em;
	border-bottom: 1px solid grey;
}

td.pw
{
padding-left: 22px;
background: url(logo/pw.gif) no-repeat left;
}
td.pi
{
padding-left: 22px;
background: url(logo/pi.gif) no-repeat left;
}

#ptable{
border:none; 
width:100%; 

}
div.wrapper{

	clear:both;
	position:relative;
	padding-right:171px;
	padding-left: 10px;
	overflow:hidden;

}

div.left_box{
    margin: 0;
	width: 100%;
}
div.left_box h1, div.left_box h2{
margin-left:0;
}

div.right_box{
    float: right;
	text-align:center;
	padding: 0 auto 0 auto;
	 width: 161px;          /* RC width */
  margin-right: -171px;   /*RC width */
}
@media only screen and (max-width: 480px){
body {
   width:100%;
     max-width:100%;
}
div.top div img{

width:100%;
   max-width:100%;


}
}

