﻿/***[basic]***/
*{
	margin:0;
	padding:0;
}

body
{
	font:12px arial;
	margin:0px 0 0 0px;
	background:#C6DBEC url(../images/bgc.gif) repeat-x top left;/*BDEBFF*/
	text-decoration:none;
	line-height: 16px;
}

img
{
	border:0px;
	margin:0 auto;
}

h1
{
	font:bold 20px arial ;
	color:#3F84B5;
}

h2
{
	font:bold 20px arial ;
	color:#3B5998;
}

h3
{
	font: bold 14px arial;
	color:#507196;
	clear:both;
}


strong
{
	font: bold 12px arial;
	color:#507196;
}

hr
{
	width:625px;
	height:1px;
	color:#751;
	
	margin-top:10px;
}

a
{
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
}


.clear 
{
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

p
{
	line-height:16px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	padding:5px 0 5px 0;
}

a:hover
{
	text-decoration:none;
}

/***[structure]***/

#wrapper
{
	width:979px;
	margin: 0 auto;
	overflow: hidden;
	background-color:#fff;
	padding-bottom:20px;
}

#wrapper .column {
  padding-bottom: 20010px;
  margin-bottom: -20000px;  
}

#header {
height:155px;
background: #003085 url(../images/bg_new.jpg) repeat-x top left;
display:block;
}

#header #logo{
	width:979px;
	display:block;
	margin:0 auto;
}

#header ul{
	list-style:none;
	display:block;
	width:979px;
	margin: 30px auto;  
}
#header ul li{
	float: left;
	margin-right:0px;   
	margin-left:20px;  
}

#header ul li a{
	color:#3B5998;
	font-weight:bold; 
}

#header #logo img{
	display:block;
	margin:20px 0 0 0;
}

#header #branding{
	display:block;
	width:979px;
	margin: -15px auto;  
}

#header #branding label{
	margin-left:130px;
	color:#fff;
}

#top_left {
width:779px;
float:left;
height:149px;
background: #3B5998 url(../images/bg_head.jpg) repeat-x top left;/*006666*/
}

#top-left
{
width:779px;
float:left;
height:114px;
background: #3B5998 url(../images/top-bg.jpg) repeat-x top left;
}

#top-left img
{
float:left;
}

#right
{
width:199px;
float:right;
background-color:#fff;
margin-top:30px;
}

.block
{
float:left;
padding:8px 90px 0 0;
width:auto;
}

#right img
{
float:left;
}

#mid-contents
{
width:660px;
float:left;
padding:44px 0 0 20px;
/*background: #fff url(../images/mid-bg-img_ny.jpg) no-repeat top left;*/
}


#footer
{
width:979px;
height:53px;
margin: 0 auto;
overflow: hidden;
/*background:url(../images/ftr-bg.jpg) repeat-x top left;*/
background-color: #003085;
}

#footer img
{
float:left;
}

#footer p
{
color:#fff;
padding:20px 0 0 10px;
}

#footer-right
{
width:89px;
float:right;
height:53px;
/*background:url(../images/right-frt-img.jpg) no-repeat left;*/
}

#footer-left
{
width:690px;
float:left;
height:53px;
}

#footer-right img
{
float:right;
}

#footer-right a
{
font:12px arial;
float:right;
color:#fff;
padding:20px 20px 0 0;
}

#footer-right a:hover
{
color:#000;
}

/***[top-left]***/
#top_left ul,
#top-left ul
{
width:443px;
padding:95px 0 0 0;
float:left;
background:url(../images/right-img.jpg) no-repeat top right;
}

#top_left ul{
background:none;	
padding:120px 0 0 0;
}
#top_left ul li,
#top-left ul li
{
list-style:none;
float:left;
padding:0 10px 0 10px;
margin-bottom:1px;
}
#top_left ul li a,
#top-left ul li a
{
font:bold  15px arial;
color:#fff;
text-decoration:none;
}

/***[mid-contents]***/

#mid-contents p
{
color:#666666;
padding:0 10px 10px 0;
line-height:16px;
}

#mid-contents h1
{
font:24px "Trebuchet MS";
color:#0066CC;
padding:0 0 10px 0;
}

#mid-contents h2
{
font:bold 16px "Trebuchet MS";
color:#3B5998;
padding:0 0 0 0;
}

#mid-contents .btm-box
{
width:243px;
float:left;
margin-right:10px;
margin-bottom:20px;
background:#87DEFC url(../images/btm-box-bg.jpg) repeat-x top left;
margin-left:23px;
}

#mid-contents .btm-box img
{
float:left;
}

#mid-contents .btm-box h2
{
font:bold 12px arial;
color:#000;
padding:0 0 0 20px;

}

#mid-contents .btm-box h2 a
{
font:bold 12px arial;
color:#FFCF29;
padding:0 0 0 0;
text-decoration:underline;

}

#mid-contents .btm-box h2 a:hover
{
font:bold 12px arial;
color:#FFCC00;
padding:0 0 0 0;
}

#mid-contents .btm-box p
{
font:12px arial;
color:#000;
padding:5px 20px 20px 20px;
line-height:16px;
}

#mid-contents ul
{
list-style:disc;
padding:0 10px 10px 20px;
}

#mid-contents ul li
{
padding:5px 0 5px 0;
font:12px arial;
color:#005B79;
}

#mid-contents ul li a
{
color:#000;
font:12px arial;
color:#003242;
}


/***[right]***/

#right .articles 
{
color:#fff;
width:180px;
float:left;
background:#3B5998;
margin-bottom:15px;
margin-top:15px;
}

#right .articles h2
{
background:url(../images/menu-top.gif) no-repeat top left;
font:bold 12px arial;
color:#FFF;
padding:5px 0 0 10px;
}

#right .articles ul
{
list-style:none;
padding:0 0 10px 0;
background:url(../images/menu-btm.gif) no-repeat bottom left;

}

#right .articles ul li
{
width:170px;
display:block;
padding:3px 0 0 7px;
background:url(../images/right-li-bg2.jpg) repeat-x top left;
}

#right .articles ul li a
{
display:block;
padding:7px 0 0 5px;
color:#fff;
text-decoration:underline;
}

#right .articles ul li a:hover{
	text-decoration:none;
}


/***[form]***/

form
{
margin:0;
width:300px;
}

fieldset
{
margin-bottom:10px;
display:block;
padding:0px 0px;
border-color:#060;
border:none;
}
	
legend
{
font-weight:bold;
margin: 0;

}
	
input, textarea
{

height: 18px;
font: 12px arial;
border: 1px dashed #286842;
margin: 0px 0 1px 0 ;
}
	
label
{

font: 14px arial;
display:block;
margin: 0 0 5px 0 ;
width:300px;
color:#000;
}
	
input.frm_text
{

width:200px;
border: 1px solid #006080;

}
	
textarea
{
width:250px;
height:150px;
border: 1px solid #006080;
}
	
input.frm_submit
{
display:block;
clear:both;
font-size:12px;
margin-top: 10px;
padding:0 4px;
height:25px;
background-color: #78D6F6;	
border: 1px  solid #006080;
}

#retailers {

	display:block;
	margin-bottom:30px;
	padding:0px 0px 10px 5px;
	clear: both;
}

#retailers p{
	display: block;
	clear: both ; 
}

#retailers span{
	display:block;
}

#retailers .grade{
	display:block;
	margin-top:4px;
	margin-bottom:10px;
	clear:both;
	float:left;
}

#retailers td{
	padding:15px 5px 15px 0;
	color:#000;
	border-bottom:2px solid #0B9FCF;
	vertical-align: top; 
}
#retailers td.logo{
	width:110px;

}

#retailers td.logo img{
	padding-left:5px;
}
#retailers td.visit{
	width:125px;
}

#retailers td a.retailer {
	font-weight:bold;
	color:#000;
	display:block;
	font-size:120%;
	text-decoration:none; 
}

