/* CSS Document */
/* Wholesaler Magazine */


body
{
	background: #ffffff url(../images/bg.jpg) repeat-x;
	text-align:center;
	font-size:12px;
	line-height:17px;
	margin: 0;
	padding: 0;
	color: #646a74;
}

/* GLOBAL DEFAULTS
========================================================================*/
h1 {font-size:16px; color:#000000; font-weight:bold;margin-bottom:0px;} 
h2 {font-size:12px; color:#a94c2a; margin-bottom:0px;}
h3 {font-size:11px; margin-bottom:0px;}

/* ANCHORS
===================*/

a:focus { outline: none;}

a:link, 
a:active, 
a:visited
{
	color: #000099;
	text-decoration: none;
	font-weight: normal;
	background: none;
}

a:hover
{
	color: #3333ff;
	text-decoration: underline;
	background: none;
}

.specialnav a:link, 
.specialnav a:active, 
.specialnav a:visited
{
	color: #cc3300;
	text-decoration: none;
	font-weight: normal;
	background: none;
	font-size: 9px;
	line-height: 11px;	
}

.specialnav a:hover
{
	color: #ff6600;
	text-decoration: none;
}


/* Bigger Bullets 
========================================================================*/
.bigbutton a:link,  
.bigbutton a:visited {
		color: #000000;
		text-decoration: none;
		/*font-weight:bold;*/
		background: none;
		font-size: 11px;
		line-height: 11px;
		text-transform:normal;
		margin: 5px 0px;
		display:block;
		padding:2px 0px 2px 15px;
		background: url(../images/bullet_special1.gif) no-repeat;
		
		}
.bigbutton a:hover {	
		background: url(../images/bullet_special2.gif) 0 0 no-repeat; color: #003300;
		}
.bigbutton a:active {
		color: #ff0000;
		}
		
/* Bigger Bullets Two
========================================================================*/
.bigbuttontwo a:link,  
.bigbuttontwo a:visited {
		color: #000099;
		text-decoration: none;
		font-weight:bold;
		background: none;
		font-size: 11px;
		line-height: 11px;
		text-transform:normal;
		margin: 5px 0px;
		display:block;
		padding:2px 0px 2px 15px;
		background: url(../images/arrow_big.gif) no-repeat;
		
		}
.bigbuttontwo a:hover {	
		background: url(../images/arrow_big2.gif) 0 0 no-repeat; color: #003300;
		}
.bigbuttontwo a:active {
		color: #ff0000;
		}

b {color: #333333;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

p, td, div
{	
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646a74;
}

p {	margin: 5px 0 0 0; }


/* MISC. STYLES
========================================================================*/
.small {font-size:10px; line-height:12px; color:#aaaab2;}
.date /*sifr'ed*/ {font-size:12px; color:#333333; position:absolute;top:100px; left:10px;}
.search {float:left; margin:8px;}
.titlesearch {display:block;float:left; width:730px;padding:0px;}
#print_header {display:none;}


/* ADVERTISEMENTS
========================================================================*/
.advertisementhd { font-weight:bold; font-size:9px; text-transform:uppercase; text-align:center; height:15px; background:#ececec; }
.bottomads {
	clear:both;
	position:static;
	left:0px;
	bottom:0px;
	z-index:500;
	float:left;
	border:1px;
	margin-top: -120px;
}
.supplements {margin-bottom:20px;}
.googleads {width:728px; margin:0px; padding:5px; display:block; clear:both;}

/* STRUCTURAL MARKUP
========================================================================*/
#container /* wraps whole page and centers it */
{
	margin: 0 auto 0 auto;
	width: 980px;
	background:none;
	text-align:left;
}


#header
{
	width: 980px;
	height: 125px;
	margin: 0px 0px 0px 0px;
	position:relative;
	background: #dde0ef url(../images/bg_header.jpg) no-repeat; 	
}

#contentcontainermain /*this is holding everything below the header div */
{
	width: 980px;
	margin: 0px 0 0 0; 
	padding: 0;
	background:#ffffff;
	float:left;
	position:relative;
	border:0px;
}


#contentcontainer /*this is holding everything on the left side of the banners */
{
	width: 730px;
	margin: 5px 0 50px 0; 
  padding-bottom:50px;
	padding: 0;
	float:left;
	position:relative;
	text-align:center;
	border-top:1px solid #b7b7b7;
	clear:both;
}


#maincolhm /*main content area HOME page*/
{
	float: left;
	position:relative;
	width: 475px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}



#maincolint /*main content area INTERIOR pages */
{
	float: left;
	position:relative;
	width: 460px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border-left:1px solid #b7b7b7;
}

#leftcol /*holds the side navigation and far left col on home */
{
	float: left;
	position:relative;
	width: 235px;
	margin: 0px 6px 0px 5px !important;
	margin: 0px 6px 0px 5px;
	text-align:left;
}


#leftcolint /*holds the side navigation and far left col on home */
{
	float: left;
	position:relative;
	width: 180px;
	margin: 20px 6px 0px 5px !important;
	margin: 20px 6px 0px 5px;
	text-align:left;
}



#bannercol /*side banners */
{
	float: left;
	width: 244px;
	margin: 5px 0px 0px 0px;
	padding: 5px 2px 0 3px;
	border-top:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
}

/* MISC. HEADER OBJECT STYLES
========================================================================*/
.logo { margin: 5px 0 0 5px;  position:absolute; z-index:200; height:110px; width:220px;}
.leaderboard { position:absolute; bottom: 13px; right: 5px; z-index:150; width: 728px; height:90px;} /*positioned absolute. allows to be positioned within relative header.*/


/* ARTICLE/PAGE STYLES
========================================================================*/
.byline {text-transform:uppercase; color:#224ebd;font-size:9px;}
.picture {margin: 10px 10px 10px 0px; background-color:#ececec;border:1px solid #b7b7b7;}
.picture  img {margin:5px;}

/* UNORDERED LISTS
========================================================================*/

#contentcontainer ul
{
	margin: 5px 0 15px 0px;
	padding: 0px 0 0 5px;
	list-style-type: none;
	display: block;	
}

#contentcontainer ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 10px;
	padding-bottom: 3px;
	position:relative;
}

#contentcontainer ul.links li /* basic lists in content area - OPTION 2 */
{ 
	background: url(../images/bullet_arrow.gif) no-repeat 0 4px;
	padding-left: 10px;
	padding-bottom: 4px;
	position:relative;
}



/* FOOTER STYLES
========================================================================*/

#footerbg
{
	
	background: #ffffff url(../images/bg_footer.jpg) repeat-x;
	width:100%;
	text-align:center;
	margin:0px auto;
	float:left;
}

#footer
{
	width: 970px;
	font-size: 10px;
	line-height: 12px;
	margin:0px auto;
	padding:5px;
}

.bottomnavs {float:left;}

.copyright
{
	text-align: right;
	float:right;
	width:450px;
}



/* NAVIGATION
========================================================================*/   

#mainnav 
{
        width: 980px;
        height: 27px;
        margin: 0px;
        padding: 0px;
        position:relative; 
        z-index:300;
		background: #4e3a1b url(../images/bg_nav.jpg) repeat-x;
		text-align:center;
}


#mainnav ul
{
       
        margin: 0px;
        padding: 0px;
}

#mainnav li
{
        display: inline;
        margin: 0px;
        padding: 0px;
}


/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/
body#editorial li a.naveditorial,
body#home li a.navhome

{ border-bottom:0px solid #122e8e; margin-bottom:-3px;}

 /* Secondary Navs
========================================*/

.secnavs { 
	margin:8px;
	float:right; 
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right; }

.secnavs a:link, 
.secnavs a:active, 
.secnavs a:visited {
	margin:0;
	color: #000099;
	font-weight:bold;
	text-decoration:none;
	padding:4px 4px 4px 0px;
}
.secnavs a:hover {color: #3333ff}


/* SIDE NAVIGATION
========================================*/

#subnav
{
	margin: 5px 0 20px 0;
	padding: 0px;
	width: 175px;
	background-color: #ffffff;
	text-align:left;
}

#subnav ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#subnav ul li
{
	margin: 0px;
	padding:0 0 0 0px;
	border:1px solid #ccc;
	background:none;	
}


#subnav ul li a:link,
#subnav ul li a:active,
#subnav ul li a:visited
{
	display:block;
	margin: 0px;
	text-decoration: none;
	padding: 2px 4px 2px 10px;
	background-color: #ffffff;
}

#subnav ul li a:hover { background-color: #eeeeee;}

/* TOOLBAR
========================================================================*/

#toolbar { text-align: right; margin:0px 0px 0px 0px;width:175px}
#toolbar ul {margin:0px; padding:0px; list-style:none; text-align: right; background:none;}
#toolbar ul li { 
	background:#fff url(../images/icon_email.gif) no-repeat 156px 3px;
	padding:0px;
	position:relative
 }

#toolbar ul li a:link, 
#toolbar ul li a:active, 
#toolbar ul li a:visited {
	margin:0;
	color: #336600;
	font-size:9px;
	line-height:11px;
	text-decoration:none;
	text-transform:uppercase; 
	padding:4px 20px 4px 0px;
}
#toolbar ul li a:hover {color: #669933}
#toolbar ul li.comments { background:#fff url(../images/icon_comments.gif) no-repeat 156px 3px;
 }
 
 /* Breadcrumbs
========================================*/

.breadcrumbs { margin:0px 0 5px 0; font-size:9px;
	line-height:11px;
	font-weight:bold;
	text-transform:uppercase; }

.breadcrumbs a:link, 
.breadcrumbs a:active, 
.breadcrumbs a:visited {
	margin:0;
	color: #000099;
	text-decoration:none;
	padding:4px 4px 4px 0px;
}
.breadcrumbs a:hover {color: #ff6600}




/* FLOAT CLEAR FIX
========================================================================*//   

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* FORMS
========================================================================*/   
input, textarea, select, checkbox, option {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #b7b7b7;
}

.submit {
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	padding: 2px;
	border:0px;
}


/* HOME PAGE STYLES
========================================================================*/

.hmheader {font-size:15px; text-transform:uppercase; color:#333333; background: #c4c7cc; font-weight:bold; padding:3px; }
.intheader {font-size:13px; text-transform:uppercase; color:#333333; background: #c4c7cc; font-weight:bold; padding:4px 4px 4px 15px; margin-left:-15px; }
.hmheaderblue {font-size:12px; color:#000099; font-weight:bold; }
.bluesection {border:1px solid #b7b7b7; background:#c4dcf4; margin: 10px 0px 9px 0; padding:3px 5px 5px;}
.medcolumn {width:300px; float:left; margin: 10px 10px 0 0px;}
.smallcolumn {width: 145px; float:left; margin: 0px 0px 0 0;}

.sourcedirectory {background:#f1f1f1; border:1px solid #ddd;margin-bottom:8px;}
.sourcedirectory p { padding:1px 5px 5px;}

.btmborder {border-bottom:1px solid #ddd;}
.pubdate {text-align:right; margin-right:10px;}

/*********************************  date_banner  ****************************/
.date_banner {background-image:url(../images/date_banner.gif); width:265px; height:27px; margin-bottom:1px; margin-top:5px;}
.date_banner td {color:#FFFFFF; font-weight:bold; padding:1px 6px 6px 1px; text-align:center;}
		
/*********************************  articleList  ****************************/
.articleList td {padding-bottom:10px;}
.articleList td a {font-size:1.0em; font-weight:bold;}
.articleList td img {border:1px solid #000000; margin-right:7px;}

/*********************************  simplebox  ******************************/
.simplebox {width:100%; border:2px solid #A1A1A1; margin-bottom:5px;}
.simplebox .spacer {background-color:#634012; height:2px; padding:0px;}
.simplebox th {background-color:#A1A1A1; padding:2px; text-align:left; color:#EEEEEE; font-size:105%;}
.simplebox th a {color:#EEEEEE; padding:2px 2px 2px 2px; font-size:75%; font-weight:bold; float:right;}
.simplebox th a:visited {color:#EEEEEE;}
.simplebox td {padding:3px; background-color:#EEEEEE; font-size:85%; font-weight:bold;}
.simplebox li {list-style-image:url(images/arrow.gif); margin-left:3px;}
.simplebox p {text-indent:-13px; padding-left:13px;}
.simplebox .inside {padding:5px 2px 5px 18px; width:100%;}
.simplebox .inside td {padding:2px; font-size:100%;}
.account p {padding-bottom:10px;}

#popup_calendar {display:none; position:absolute; left:0px; top:0px; width:200px; height:182px; z-index:99;}
#popup_calendar .main {width:191px; background-color:#FFFFFF; border:1px solid #00397B; font:bold 11px arial; font-weight:bold; text-align:center;}
#popup_calendar .month {background-color:#00397B; color:#FFFFFF; padding:2px 0px; white-space:nowrap;}
#popup_calendar .move {background-color:#00397B; color:#FFFFFF; font-size:12px; padding:2px 1px;}
#popup_calendar .move a {text-decoration:none; color:#FFFFFF; display:block; padding:0px 3px;}
#popup_calendar .move a:visited {color:#FFFFFF;}
#popup_calendar .move a:hover {text-decoration:none; background-color:#DAE6FA; color:#00397B;}
#popup_calendar .inner {width:100%; text-align:center; font-size:11px; font-family:arial;}
#popup_calendar .daysofweek {background-color:#CCCCCC; color:#333333; font-weight:bold; padding:0px 3px;}
#popup_calendar .daysofweek a {text-decoration:none; color:#333333;}
#popup_calendar .daysofweek a:visited {color:#333333;}
#popup_calendar .daysofweek a:hover {text-decoration:underline;}
#popup_calendar .days {color:#CCCCCC; padding:0px; font-weight:normal;}
#popup_calendar .days a {text-decoration:none; color:#634012; padding:1px; display:block;}
#popup_calendar .days a:visited {color:#634012;}
#popup_calendar .days a:hover {border:1px solid #7F9DB9; padding:0px; background-color:#DAE6FA;}
#popup_calendar .days #today {background-color:#E6E6E6;}
#popup_calendar .blank {color:#FFFFFF; padding:1px;}

/*********************************  Contact box  ******************************/
.contactbox {width:100%; border:2px solid #A1A1A1; margin-bottom:5px;}
.contactbox .spacer {background-color:#634012; height:2px; padding:0px;}
.contactbox th {background-color:#A1A1A1; padding:2px; text-align:left; color:#EEEEEE; font-size:105%;}
.contactbox th a {color:#EEEEEE; padding:2px 2px 2px 2px; font-size:75%; font-weight:bold; float:right;}
.contactbox th a:visited {color:#EEEEEE;}
.contactbox td {padding:3px; background-color:#EEEEEE; font-size:11px; font-weight:normal;}
.contactbox li {list-style-image:url(images/arrow.gif); margin-left:3px;}
.contactbox p {text-indent:-13px; padding-left:13px;}
.contactbox .inside {padding:5px 2px 5px 18px; width:100%;}
.contactbox .inside td {padding:2px; font-size:100%;}

/********************************* Advanced Search  ******************************/
#advanced_search_frame {width:415px; height:235px; z-index:99; position:absolute; top:0px; left:0px; display:none;}
#more {background:#FFFFFF; border-left:4px solid #000099; border-right:4px solid #000099; 
  border-bottom:4px solid #000099; width:415px; height:235px;}
#more h1 {font-size:15px;}
#more th {background-color:#000099; color:#FFFFFF; text-align:right; font-size:10px; padding:4px;}
#more th a {color:#FFFFFF;}
#more th a:visited {color:#FFFFFF;}
#more td {padding:5px;}
#more .options {padding:0px 0px 0px 22px; margin:0px; font-size:13px; font-weight:bold; white-space:nowrap;}
#more .input {padding:1px 0px 1px 0px; margin:0px; font-size:13px;}
#more .input input {border:1px solid #7F9DB9; width:200px;}
#more .input select {border:1px solid #7F9DB9; width:200px;}