/*
Theme Name: yesads
*/

/* CSS Document */


body{ font-family: Arial, Helvetica, sans-serif;  }
#home .grid_12{ width:961px; margin-left:0; margin-right:0;}
a{ color:#900;}

#top{  height:113px; padding:10px 0 0;  z-index: 200;}
.login{ position:absolute; top:0; right:10px;font-size:0.8em;}
.login a{ color:#fff; text-decoration:none;  display:inline-block; text-align:center; height:27px; line-height:26px; width:92px; background:url(./imgs/login_btn.gif) 0 0 no-repeat;}
a.logo{ display:inline-block;}

.userlink{ position:absolute; left:680px; top:30px;}
.userlink a {color:#BCBCBC;display:inline-block;font-family:"Trebuchet MS",Arial,Helvetica;font-size:0.8em;font-weight:bold;height:20px;text-decoration:none;
} 
 .userlink span {letter-spacing:-0.01em;}
.userlink small, .userlink span {display:block;line-height:1em;}
.userlink small{ font-size:0.7em; }
.userlink li {
float:left;
line-height:20px;
margin:0 20px 0 0;
padding:0 0 0 25px;
}
.userlink li.phone{ background:url(./imgs/call.gif) left center no-repeat;}
.userlink li.live_support{ background:url(./imgs/chat-online.gif) left center no-repeat;}

.search{}
.search .search_box{ position:absolute; top:90px; right:38px; background:url(./imgs/search_bg.gif) 0 0 no-repeat; width:122px; height:21px; line-height:23px;  padding:2px 2px 0; border:0;}
.search .inputbtn{ position:absolute; top:91px; right:10px; cursor:pointer; width:22px; height:22px; background:url(./imgs/search.gif) 0 0 no-repeat; border:0;}

ul.menu{ height: 40px; background:url(./imgs/menu.gif) center 0 no-repeat; margin:10px 0 0; zoom:1; z-index: 400}
.menu li{ float:left; padding:7px 0 0;}
.menu li a{ color:#333; font-size:14px; font-weight:bold; display:inline-block; height:33px; line-height:29px; text-transform: capitalize; text-decoration:none; margin:0 20px; padding: 0 9px 0 9px ; }

.menu li:hover a, .menu li.current a, .menu  a:hover { color:#FFF; font-weight:bold; background:url(./imgs/menu_bg.gif) 0 0 no-repeat; padding:0 0 0 9px;cursor:pointer;}
.menu li:hover a span, .menu li.current a span, .menu  a:hover span{ background:url(./imgs/menu_bg.gif) right -34px no-repeat; padding:0 9px 0 0; display:inline-block; height: 33px; cursor:pointer}

.menu li.hover, .menu li:hover { position: relative; z-index: 3000; cursor: default;}
.menu ul {visibility:hidden; position: absolute; top: 100%; left: 20px; z-index: 3000;  }
.menu ul ol {float: none; border-bottom: #ccc dashed 1px; border-right: #333 solid 1px; border-left: #333 solid 1px; background-color:#9b9b9b;}
.menu ul ol a{ text-align: left; background-image:none !important;  background: #9b9b9b; display: block; margin: 0; padding: 2px 10px; line-height: 34px; height:30px;   color:#333333; float:none;  font-size: 13px}
.menu ul ol a:hover { color:#900}
ul li:hover > ul { visibility: visible;  display:block; width: 200px }


#submenu ol a { background:none}
.menu ul ol.bot { display:block; height: 10px; background:url(./imgs/li_bot.gif) repeat-x ; border-bottom:0;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom:#555 solid 1px; line-height:0; font-size: 0} 

#test {font-size:36px; visibility:hidden; color:#006666; position:absolute; top: -42px; left:-20px }
#test a {color:#FFF; font-weight:bold; background:url(./imgs/menu_bg.gif) 0 0 no-repeat; padding:0 0 0 9px;cursor:pointer;} 
#test a span{ background:url(./imgs/menu_bg.gif) right -34px no-repeat; padding:0 9px 0 0; display:inline-block; height: 33px; cursor:pointer}

#home_banner{ font-size:0.8em; color:#fff;  height:211px; background:url(./imgs/home_banner.gif) center top no-repeat; z-index:0}
.home_banner h1{ padding:25px 230px 15px 30px; }
.home_banner p{ padding:0 230px 10px 30px;  line-height:1.4em;}
.feature_clients{background:url(./imgs/feature_clients.jpg) center center no-repeat;}
.feature_clients ul{background:url(./imgs/fc-bg.jpg) 20px center no-repeat; list-style-type:none; overflow:hidden; zoom:1; height:28px; padding:15px 0 15px 100px;}
.feature_clients li{ float:left; height:28px; padding:0 20px 0 20px;}

.af_intro{ background:url(./imgs/af_bg.jpg) left bottom no-repeat;}
.ad_intro{ background:url(./imgs/ad_bg.jpg) left bottom no-repeat;}
.af_intro, .ad_intro{   margin:16px 10px 0 0; padding:0 0 70px; width:352px; float:left; position:relative;}
.af_intro h2, .ad_intro h2{font-size:1.9em; font-weight: normal;  text-transform:capitalize; font-style:italic; padding:10px 0 0 60px; margin:0 0 5px;  height:50px; letter-spacing:-0.02em;}
.af_intro h2{ color:#369; background:url(./imgs/affiliates.gif) 10px 0 no-repeat;}
.ad_intro h2{ color:#900; background:url(./imgs/advertiser.gif) 10px 0 no-repeat;}
.af_intro h3, .ad_intro h3{font-size:1.1em; font-weight:normal; padding:0 0 15px 25px;}
.af_intro ul, .ad_intro ul{ padding:0 0 5px 25px;}
.af_intro li, .ad_intro li{ display:inline-block; height:22px; line-height:22px; font-size:0.8em; padding:0 0 0 30px;}
.af_intro li{ background:url(./imgs/af_advantage.gif) 0 center no-repeat;}
.ad_intro li{ background:url(./imgs/ad_advantage.gif) 0 center no-repeat;  }
.signup{position:absolute; left:220px; top:265px; text-decoration:none; color:#fff; font-weight:bold; text-shadow:1px 1px #000;}
.signup:hover{ text-decoration:underline;}
.more{ position:absolute; left:25px; top:270px; border-right:1px dashed #333; padding:0 25px 0 0;}
.more a{text-shadow:1px 1px 1px #fff; text-decoration:none; color:#000; font-weight:bold; display:inline-block; padding:0 20px 0 0;background:url(./imgs/more_hover.gif) right 3px no-repeat}
.more a:hover{ color:#666;  background:url(./imgs/more_icon.gif) right 3px no-repeat; }

.login_area{ width:237px; float:left;  margin:16px 0 0;}
h3.cap_01{ text-transform:uppercase; font-size:0.9em; font-weight:bold; background:url(./imgs/block-cap01.gif) left top no-repeat; height:32px; padding:0 0 0 7px; margin:0!important; }
h3.cap_01 span{ color:#fff;  display:block; height:32px; line-height:32px; background:url(./imgs/block-cap01.gif) right bottom no-repeat;}
.login_area .block{ margin:0 0 10px; background:#ccc url(./imgs/login-blc-bg.gif) left bottom repeat-x;;}
.login_area .block ul{ padding:10px 10px 0; }
.login_area .block li{ padding:0 0 8px; overflow:hidden; zoom:1;}
.login_area .block label{ float:left; display:inline-block; width:68px; padding:6px 6px 0 0; text-transform:uppercase; text-align:right; font-size:0.7em; letter-spacing:-0.01em;}
.login_area .block input.inputbox{color:#fff; font-size:0.8em; float:left; width:138px; height:20px; margin:0; padding:2px 2px 0; background:url(./imgs/input-box.gif) 0 0 no-repeat; border:0;}
.login_area .input_btn{ float:right; background:url(./imgs/login.gif) 0 0 no-repeat; width:60px; height:24px; border:0; cursor:pointer;}
.forgot_pw{ color:#900; font-size:0.8em;}
.forgot_pw:hover{ color:#000}

h3.cap_02{ text-transform:uppercase; font-size:0.9em; font-weight:bold; background:url(./imgs/block-cap02.gif) left top no-repeat; height:32px; padding:0 0 0 7px; margin:0!important; }
h3.cap_02 span{ color:#333; text-align:left; display:block; height:32px; line-height:32px; background:url(./imgs/block-cap02.gif) right bottom no-repeat;}

.block2{ background:#ccc; text-align:center; }
.block2 .blc_content{font-size:0.8em; background:#fff url(./imgs/blc-bg.gif) left bottom repeat-x; margin:0 1px; padding:0 0 14px;}
.block2 .blc_content p{padding:0 5px;}
.block_links{text-align:left;}
.block_links li{padding:10px 10px 0px;}
.block_links a{color:#333; text-decoration:none;}
.block_links a:hover{color:#900; text-decoration:underline;}

/* page */
.blue_button{ overflow:hidden; zoom:1; }
.blue_button a{ float:left; display:inline-block; height:36px; line-height:36px;  text-decoration:none; color:#fff; background-image:url(./imgs/blue-button.gif);}
.blue_button a span{display:inline-block;padding:0 10px;}
.blue_button a:hover{ background-image:url(./imgs/blue-button-hover.gif);}
.btn_left{ background-position: left top; }
.btn_left span{  background:url(./imgs/blue-button-line.gif) right center no-repeat; }
.btn_right{ background-position: right bottom;}

#ad_banner{ background:url(./imgs/page-banner.gif) 0 0 no-repeat; }
#af_banner{ background:url(./imgs/page-banner-blue.gif) 0 0 no-repeat;}
.page_banner{height:106px;}
.page_banner h1{padding:25px 230px 0 30px;}
.page_banner p{}
.page_banner a{font-size:16px; color:#fff; font-weight:bold;}


#ad_page{}
#ad_page h2.title{color:#900;}
#ad_page h2{margin:0 0 10px;}
/*#ad_page h2.title{ background:url(./imgs/advertiser-icon.gif) 0 0 no-repeat;}*/

#af_page{}
#af_page h2.title{ color:#3366CC;}
#af_page h2{margin:0 0 10px;}
/*#af_page h2.title{ background:url(./imgs/affiliates-icon.gif) 0 0 no-repeat;}*/

.content{ font-size:0.9em; float:left; width:680px; margin:16px 44px 0 0; overflow:hidden; zoom:1;}
.content p{ line-height:1.4em; margin:0 0 10px;  text-align:justify;}
h2.title{ height:40px; line-height:38px;  font-size:1.4em; margin:10px 0 20px;  text-transform:capitalize;  }
.right{float:right;}
.af_benefits li{ margin:0 0 16px;}
.af_benefits li h3{ font-size:1.2em; color:#666; height:22px; line-height:22px; background: url(./imgs/af_advantage.gif) 0 0 no-repeat; padding: 0 0 0 30px;}
.af_benefits li p{ padding:0 0 0 28px;}
.banner_signup{ position:absolute; left:640px; top:36px;}
.banner_live { position:absolute; left:460px; top:36px;}


.left_column{ float:left; width:180px; margin:0 10px 0 0; }
.middle_column{float:left;  width:470px; padding:0 0 0 20px;}
.content .left_column p{text-align:left;}
.address { }
.address strong{ display:block; margin:0 0 2px;}
.address span{ display:block;  }

/* Contact us */
.contact_form{}
.contact_form li{ margin:0 0 12px;}
.contact_form label{ text-transform:capitalize; font-weight:bold; color:#999; padding:0 0 8px; display:block;}
.contact_form .inputbox, .contact_form textarea, .contact_form select{ width:440px; border:1px solid #ccc;}
.contact_form .inputbox{ height:18px; padding:2px;}
 .company_photo{ margin:8px 0}

#footer{ margin:10px 0; font-size:0.8em; background:url(./imgs/footer_bg.gif) 0 0 no-repeat; height:50px; padding:30px 30px 0;}
.footer_links{ margin:0 10px 10px 0;}
.footer_links a{ text-decoration:none; color:#666;}
.footer_links a:hover{ text-decoration:underline;}