/* CSS Document */
body {font-family:Verdana, arial, sans-serif;font-size:11px;}
form, fieldset{border:none; width: 300px; font-size:11px;}
* html fieldset{float:left; clear:both;}
legend{font-size:14px; font-weight:bold;color:#0c2f83; margin-left:-2px;}
.red{color:red; font-size:9px;}
h1{font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin-top:0px; padding-top:10px;}
h2{color:#0c2f83; font-family:Verdana; font-weight:900; font-size:14px;}
sub{}
hr{height:1px; border:none; background-color:#009cd5;}
/* ############### */
/* start skip menu */
a.skipnav{position:absolute; left:-1000px!important;}
a.skipnav:hover{left:1em;}
* html a.skipnav{display:none; visibility:hidden;}
/* end skip menu */
/* ############# */
#header form {width:178px; float:right; margin-top:48px;}
#header label{display:none;}

/*----------form layout---------------*/
label{display: block; float: left; width: 100px; padding: 0; margin: 5px 0 0; text-align: left;}
#paymentMethod label{width:200px; text-align:left; margin-left:10px;}
#option label{width:250px; text-align:left; margin-left:10px;}
#BillingAddress label{width:100px;}
br{clear:left;}
input, form textarea, form select, submit{float:left; width:auto; margin:5px 0 0 10px;}
#BillingNshipping input{width:150px; height:16px;}

#optionNpayment{width:300px; float:left;}
#billingNshipping{width:300px; float:left; margin-top:-130px;}
/*----------end form layout-----------*/

#content{width:790px;margin:auto; border:1px solid #6699CC; overflow:hidden;}
#mainContent{margin:6px;}
#bannerAds{ text-align:right; background-color:white; float:left;}
#bannerWrapper{width:612px;float:left; margin-left:6px;margin-right:4px; margin-top:6px; margin-bottom:5px;}
* html #bannerWrapper{margin-right:0px; margin-left:3px;}
#bannerAds a img{border:none; margin-top:6px; margin-left:2px;}
#header img{border:none;}
#header{width:790px; height:81px; background-image:url('http://www.thehrdirector.com/assets/templates/thehrdirector/images/homepagetitle.jpg');}

#mcanvas1{float:left;width:612px; clear:none;}

/*--start menu--*/
#leftCol{width:160px; float:left; margin-right:8px; }
/*--first level--*/
#leftCol ul.main_nav, #leftCol ul.suppliers_nav{margin-left:0px; margin-top:-1px; background-color:#009fd2; padding-top:2px; padding-bottom:1px;}
#leftCol ul.main_nav li, #leftCol ul.suppliers_nav li{list-style-type:none; margin-left:-39px; position:relative;}
* html #leftCol ul.main_nav li, * html #leftCol ul.suppliers_nav li{margin-left:1px;}
#leftCol ul.main_nav a, #leftCol ul.suppliers_nav a{display:block; width:147px; height:15px; color:white; background-color:#0c2f83; text-decoration:none; margin:1px 0 1px 0; padding:5px; font-size:11px;}
* html #leftCol ul.main_nav a, * html #leftCol ul.suppliers_nav a{display:inline-block}
#leftCol ul.main_nav a:hover, #leftCol ul.suppliers_nav a:hover{margin:1px 0 1px 0; background-color:#009fd2}

#leftCol ul.main_nav li.current a, #leftCol ul.suppliers_nav li.current a{display:block; width:147px; height:15px; color:white; background-color:#009fd2; text-decoration:none; margin:1px 0 1px 0px; padding:5px; font-size:11px;}
#leftCol ul.main_nav li.current li a, #leftCol ul.suppliers_nav li.current li a{display:block; width:147px; height:15px; color:white; background-color:#0c2f83; text-decoration:none; margin:0px 0 1px 0px; padding:5px; font-size:11px;}
#leftCol ul.main_nav li.current a:hover, #leftCol ul.suppliers_nav li.current a:hover{color:white; background-color:#009fd2}

/*--second level--*/
#leftCol ul.main_nav li ul, #leftCol ul.suppliers_nav li ul{display:none; position:absolute; left:100%; width:119px; top:-1px; background-color:#009fd2; margin-left:-1px; padding-bottom:0px;}
* html #leftCol ul.main_nav li ul, * html #leftCol ul.suppliers_nav li ul{top:0px;}
#leftCol ul.main_nav li:hover ul, #leftCol ul.suppliers_nav li:hover ul{display:block;}
#leftCol ul.main_nav li.over ul, #leftCol ul.suppliers_nav li.over ul{display:block;}

/*--third level--*/
#leftCol ul.main_nav li>ul li>ul, #leftCol ul.suppliers_nav li>ul li>ul{display:none!important;}
#leftCol ul.main_nav li ul li ul, #leftCol ul.suppliers_nav li ul li ul{display:none!important;}
#leftCol ul.main_nav li>ul li:hover ul, #leftCol ul.suppliers_nav li>ul li:hover ul{display:block!important;}
#leftCol ul.main_nav li ul li.over ul, #leftCol ul.suppliers_nav li ul li.over ul{display:block!important;}

#leftCol ul.suppliers_nav, #leftCol ul.suppliers_nav li ul, #leftCol ul.suppliers_nav li.current a:hover, #leftCol ul.suppliers_nav li.current a, #leftCol ul.suppliers_nav a:hover{background-color:#0c2f83}
#leftCol ul.suppliers_nav li.current li a, #leftCol ul.suppliers_nav a{background-color:#009fd2;}
/*--end menu--*/

#leftCol a img{margin:0px 0 0px 0; padding:0px; border:none;}
#leftCol iframe{margin-top:10px;}

/*------------main content for home page---------------*/
#rightCol{width:444px; color:#0c2f83; float:left; margin-right:6px; height:100%;}
#mainH1{background-color:#009cd5; padding:0 0 0 15px; height:35px; vertical-align:middle; color:#FFFFFF!important; margin-bottom:6px;}
.mainH1{background-color:#009cd5; padding:0 0 0 15px; height:35px; vertical-align:middle; color:#FFFFFF!important; margin-bottom:6px;}
#rightCol a{font-size:10px; color:#009fd2; text-decoration:none;}
#rightCol ul{margin-left:0px; padding-left:0px;}
#rightCol li{list-style:none; margin:0px; padding:0px; font-weight:bold; text-align:left;}
#rightCol li{margin-bottom:15px;}
	
#farRightCol{float:right; width:160px;}
#farRightCol a img{border:none;}
/*----------------------------------------------------------*/
	
#billingAddressConf {width:240px; float:left; }
#shippingAddressConf {width:240px; float:left;}

#spacerDiv{height:80px;}

#latest_issue_details{width:160px; background-color:#CED5E6; font-family:Verdana; font-size:10px; color:#0C2F83; overflow:hidden; margin-bottom:6px;}
.cover{margin:3px;float:left;}
.interview{float:left; width:80px;}
#latest_issue_content{width:160px; float:left; margin:3px;}
#latest_issue_content ul{padding-left:15px;}
* html #latest_issue_content ul{margin-left:-5px;}

#hr_directory{width:160px; margin-top:10px; background-color:#CED5E6; font-family:Verdana; font-size:10px; color:#0C2F83; overflow:hidden; margin-bottom:6px;}
#hr_directory_content{width:154px; padding:3px;}