File: /home/nexper/public_html/php/css/style.css
/* CSS Document */
body{
padding:0;
margin:0;
background:url(images/body_bg.gif) 0 0 repeat-x #fff;
font-family:Arial, Helvetica, sans-serif;
color:#5C5C5C;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
}
.spacer{
clear:both;
font-size:0;
line-height:0;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------main--------------------*/
#main{
width:972px;
margin:0 auto;
padding:0 0 32px 0;
}
/*------------------------------------------------left--------------------*/
#left{
width:247px;
float:left;
}
#left img{
display:block; font-size:0; line-height:0;
}
#left img.logo{
display:block;
width:247px;
height:97px;
}
#left ul{
padding:25px 12px 46px 19px;
width:216px;
}
#left ul li{
border-bottom:#D2D5D5 solid 1px;
padding:0 0 8px 0;
margin:0 0 8px 0;
}
#left ul li a.potencial{
display:block;
background:url(images/potencial.gif) 0 0 no-repeat;
width:199px;
height:42px;
}
#left ul li a.potencial:hover{
background:url(images/potencial_hover.gif) 0 0 no-repeat;
}
#left ul li a.ideal{
display:block;
background:url(images/ideal.gif) 0 0 no-repeat;
width:199px;
height:42px;
}
#left ul li a.ideal:hover{
background:url(images/idea_hover.gif) 0 0 no-repeat;
}
#left ul li.noBdr{
border-bottom:none;
padding:0;
margin:0;
}
#left ul li.noBdr a.innovative{
display:block;
background:url(images/innovative.gif) 0 0 no-repeat;
width:204px;
height:42px;
}
#left ul li.noBdr a.innovative:hover{
background:url(images/innovative_hover.gif) 0 0 no-repeat;
}
#left form{
width:214px;
margin:0 0 0 19px;
background:url(images/newsletter_bg.gif) 0 0 repeat-x;
height:76px;
padding:19px 9px 0 9px;
}
#left form h2{
display:block;
width:179px;
height:16px;
background:url(images/newsletter_icon.gif) 0 0 no-repeat;
padding:0 0 0 26px;
margin:0 0 0 0;
font-size:13px;
line-height:16px;
font-weight:bold;
color:#101010;
background-color:inherit;
}
#left form input{
width:205px;
float:right;
height:21px;
border-bottom:#D4D0C8 solid 1px;
border-right:#D4D0C8 solid 1px;
border-top:#404040 solid 1px;
border-left:#404040 solid 1px;
color:#101010;
background-color:#fff;
font-size:10px;
line-height:21px;
margin:7px 0 0 0;
}
#left form input.signup{
background:url(images/btn_signup.gif) 0 0 no-repeat;
width:67px;
height:17px;
border:none;
cursor:pointer;
float:right;
margin:0;
padding:0;
}
#left h2.faq{
display:block;
width:180px;
height:42px;
background:url(images/faq_icon.gif) 0 0 no-repeat;
padding:0 0 0 41px;
margin:15px 0 9px 21px;
}
#left h2.faq span{
width:179px;
border-bottom:#D2D5D5 solid 1px;
font-size:22px;
height:24px;
color:#000;
background-color:inherit;
margin:10px 0 0 0;
}
#left h2.faq span b{
font-weight:bold;
font-size:22px;
height:24px;
color:#C18B1E;
background-color:inherit;
}
#left p.lftTxt{
width:221px;
display:block;
margin:0 0 0 19px;
font-size:12px;
line-height:18px;
padding:0 0 42px 0;
border-bottom:#D2D5D5 solid 1px;
}
#left p.lftTxt span.green{
display:block;
font-weight:bold;
font-size:13px;
color:#327C8E;
background-color:inherit;
margin:0 0 14px 0;
}
#left img.callUs{
width:208px;
height:45px;
margin:19px 0 10px 19px;
}
#left ul.botLink{
width:171px;
height:29px;
background:url(images/left_panel_bot_bg.gif) 0 0 repeat-x;
padding:9px 0 0 49px;
margin:0 0 0 19px;
}
#left ul.botLink li{
padding:0 6px 0 0;
margin:0;
float:left;
}
#left ul.botLink li a.css{
display:block;
background:url(images/css_bg.gif) 0 0 no-repeat;
width:77px;
height:17px;
}
#left ul.botLink li a.css:hover{
background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#left ul.botLink li a.xhtml{
display:block;
background:url(images/xhtml_valid.gif) 0 0 no-repeat;
width:77px;
height:17px;
}
#left ul.botLink li a.xhtml:hover{
background:url(images/xhtml_valid_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------right--------------------*/
#right{
width:705px;
float:right;
padding:13px 0 0 0;
}
#right ul.nav{
width:638px;
height:36px;
float:left;
}
#right ul.nav li{
padding:0 2px 0 0;
float:left;
background:url(images/nav_div.gif) right top;
}
#right ul.nav li a.navLink{
display:block;
background:url(images/nav_bg.gif) 0 0 repeat-x;
font:bold 11px/36px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background-color:inherit;
padding:0 13px;
}
#right ul.nav li a.navLink:hover{
background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover{
display:block;
background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
font:bold 11px/36px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background-color:inherit;
padding:0 13px;
}
#right ul.nav li.noImg{
padding:0;
float:left;
background-image:none;
}
#right a.subscribe{
display:block;
background:url(images/subscribe.gif) 0 0 no-repeat;
width:67px;
height:17px;
float:right;
margin:10px 0 0 0;
}
#right a.subscribe:hover{
background:url(images/subscribe_hover.gif) 0 0 no-repeat;
}
#right ul.link{
width:705px;
margin:5px 0 0 0;
padding:0;
float:left;
}
#right ul.link li.subLink{
float:left;
width:59px;
display:block;
padding:0 5px 0 0;
}
#right ul.link li.subLink a.login{
display:block;
background:url(images/login.gif) 0 0 no-repeat;
width:59px;
height:17px;
}
#right ul.link li.subLink a.login:hover{
background:url(images/login_hover.gif) 0 0 no-repeat;
}
#right ul.link li.subLink a.serch{
display:block;
background:url(images/serch.gif) 0 0 no-repeat;
width:59px;
height:17px;
}
#right ul.link li.subLink a.serch:hover{
background:url(images/serch_hover.gif) 0 0 no-repeat;
}
#rightBotMain{
width:461px;
margin:21px 22px 0 0;
float:left;
}
#rightBot{
width:461px;
background:url(images/right_bottom_1px.gif) 0 0 repeat-y;
}
#rightBot p.top{
display:block;
background:url(images/right_bottom_top.gif) 0 0 no-repeat;
width:461px;
height:6px;
font-size:0;
line-height:0;
}
#rightBot p.bot{
display:block;
background:url(images/right_bottom_bot.gif) 0 0 no-repeat;
width:461px;
height:6px;
font-size:0;
line-height:0;
}
#rightBot2{
width:396px;
margin:0 auto;
background:url(images/right_bottom_yellow_1px.gif) 0 0 repeat-x #FFFDF9;
color:#000;
padding:0 28px 0 25px;
}
#rightBot2 h1{
display:block;
background:url(images/more_success.gif) 0 0 no-repeat;
width:284px;
height:75px;
margin:21px 0;
text-indent:-2000px;
float:left;
}
#rightBot2 a.whatSp{
display:block;
background:url(images/what_special.gif) 0 0 no-repeat;
width:59px;
height:43px;
float:right;
}
#rightBot2 a.whatSp:hover{
background:url(images/what_special_hover.gif) 0 0 no-repeat;
}
#rightBot2 ul.rightLink1{
width:367px;
background:url(images/bottom_link_1px.gif) 0 0 repeat-x;
padding:14px 12px 32px 12px;
float:left;
}
#rightBot2 ul.rightLink1 li{
padding:0;
margin:0;
line-height:0;
}
#rightBot2 ul.rightLink1 li a{
background:url(images/bullet.gif) 0 5px no-repeat;
padding:0 0 0 18px;
font:normal 12px/21px Arial, Helvetica, sans-serif;
color:#5E543A;
text-decoration:none;
background-color:inherit;
display:block;
}
#rightBot2 ul.rightLink1 li a:hover{
color:#5E543A;
background-color:#EFECE4;
}
#best{
width:402px;
border:#F4F4F4 solid 4px;
padding:0 24px 33px 26px;
margin:10px 0 0 0;
}
#best h2{
display:block;
width:395px;
height:55px;
background:url(images/why_best.gif) 0 0 repeat-x;
float:left;
}
#best h2 span{
width:220px;
font:bold 26px/55px Arial, Helvetica, sans-serif;
color:#327C8E;
background-color:#fff;
display:block;
}
#best p.bestTxt{
width:394px;
padding:2px 0 23px 0;
font:normal 18px/24px Arial, Helvetica, sans-serif;
color:#B87B05;
background-color:#fff;
display:block;
float:left;
}
#best p.bestTxt2{
width:403px;
padding:0 0 20px 0;
font:normal 15px/23px Arial, Helvetica, sans-serif;
color:#363636;
background-color:#fff;
display:block;
float:left;
}
#best p.bestTxt2 a{
color:#607203;
background-color:#fff;
text-decoration:underline;
}
#best p.bestTxt2 a:hover{
color:#607203;
background-color:#F3F0F0;
}
#best p.bestTxt2 span{
color:#363636;
background-color:#F9FEDB;
}
#best p.bestTxt3{
width:289px;
padding:0;
font:normal 15px/23px Arial, Helvetica, sans-serif;
color:#363636;
background-color:#fff;
display:block;
float:left;
}
#best p.bestTxt3 span{
color:#363636;
background-color:#F9FEDB;
}
#best p.bestTxt3 a{
background:url(images/more.gif) 0 0 no-repeat;
width:69px;
height:18px;
/* margin:0 0 0 96px;*/
display:block;
float:right;
}
#best p.bestTxt3 a:hover{
background:url(images/more_hover.gif) 0 0 no-repeat;
}
#best p.pic{
display:block;
background:url(images/right_pic.gif) 0 0 no-repeat;
width:99px;
height:120px;
float:right;
border:#000000 dotted 1px;
}
#last{
background:url(images/right_1px.gif) 0 0 repeat-y;
width:214px;
float:left;
margin:21px 0 0 0;
}
#last p.lastTop{
display:block;
background:url(images/last_top.gif) 0 0 no-repeat;
width:214px;
height:6px;
font-size:0;
line-height:0;
}
#last h2.res{
display:block;
width:194px;
height:25px;
background:url(images/responsible_bg.gif) 0 0 repeat-x;
margin:0 0 3px 6px;
padding:10px 0 0 8px;
}
#last h2.res span{
background:url(images/bullet_red.gif) 0 6px no-repeat;
padding:0 0 0 15px;
font:normal 18px/23px Arial, Helvetica, sans-serif;
color:#101010;
background-color:inherit;
}
#last ul{
width:202px;
padding:0 0 30px 0;
margin:0 0 0 6px;
font-size:0;
line-height:0;
}
#last ul li{
display:block;
background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
height:24px;
padding:0 0 0 8px;
margin:0 0 3px 0;
line-height:0;
font-size:0;
}
#last ul li a{
background:url(images/arrow.gif) 0 5px no-repeat;
padding:0 0 0 15px;
font:bold 12px/24px Arial, Helvetica, sans-serif;
color:#788C11;
background-color:inherit;
text-decoration:none;
}
#last ul li a:hover{
color:#000;
background-color:inherit;
}
#last h2.future{
display:block;
width:194px;
height:25px;
background:url(images/responsible_bg.gif) 0 0 repeat-x;
margin:0 0 15px 6px;
padding:10px 0 0 8px;
}
#last h2.future span{
background:url(images/bullet_red.gif) 0 6px no-repeat;
padding:0 0 0 15px;
font:normal 18px/23px Arial, Helvetica, sans-serif;
color:#101010;
background-color:inherit;
}
#last h3{
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#B87B05;
background-color:inherit;
display:block;
margin:0 0 10px 13px;
}
#last p.lastTxt{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#5C5C5C;
background-color:inherit;
margin:0 0 0 13px;
display:block;
width:190px;
}
#last a.plan{
color:#607203;
background-color:inherit;
text-decoration:underline;
font:normal 12px/20px Arial, Helvetica, sans-serif;
margin:0 0 13px 13px;
display:block;
width:135px;
}
#last a.plan:hover{
color:#000;
background-color:inherit;
text-decoration:underline;
}
#last p.lastBot{
display:block;
width:214px;
height:22px;
background:url(images/last_bot.gif) 0 0 no-repeat;
}
/*------------------------------------------------right--------------------*/
/*------------------------------------------------main--------------------*/
/*------------------------------------------------footer--------------------*/
#footerMain{
width:100%;
height:101px;
background:url(images/footer_bg.gif) 0 0 repeat-x;
padding:26px 0 0 0;
}
#footer{
width:457px;
height:101px;
margin:0 auto;
position:relative;
}
#footer ul{
width:457px;
position:absolute;
left:0;
top:0;
}
#footer ul li{
float:left;
font:normal 11px/22px Arial, Helvetica, sans-serif;
color:#000;
background-color:inherit;
}
#footer ul li a{
padding:0 7px;
font:normal 11px/22px Arial, Helvetica, sans-serif;
color:#000;
background-color:inherit;
text-decoration:none;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer p.copyright{
font:normal 10px/12px Arial, Helvetica, sans-serif;
position:absolute;
left:106px;
top:29px;
color:#5B6A14;
background-color:inherit;
width:241px;
}
#footer p.design{
display:block;
width:206px;
height:21px;
padding:0;
position:absolute;
left:119px;
top:51px;
font:bold 13px/21px Arial, Helvetica, sans-serif;
color:#327C8E;
background-color:#F7F7F7;
text-align:center;
}
#footer p.design a.link{
font:bold 13px/21px Arial, Helvetica, sans-serif;
color:#327C8E;
background-color:#F7F7F7;
text-decoration:none;
}
#footer p.design a.link:hover{
color:#000;
background-color:#F7F7F7;
}
/*------------------------------------------------footer--------------------*/