/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/body_bg.gif) repeat-x 0px 0px; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { width:942px; margin:0 auto; } /*---- Content ----*/ div#content{padding:22px 11px 22px 11px;} /*---- Main ----*/ div#container.home div#main{width:730px; float:left;} div#main{width:725px; float:left; margin-left:-20px; position:relative;} div#content div#main.full{ width:100%; float:none; margin:0px;} /*---- Sidebar ----*/ div#container.home div#sidebar { float:right; width:176px; background:none; margin-right:0px; } div#sidebar{width:204px; float:right; background:url(../images/content/sidebar-middlebg.gif) repeat-y 0px 0px; margin-right:-6px;} div#sidebar div.sidebar-top{background:url(../images/content/sidebar-topbg.gif) no-repeat 0px 0px;} div#sidebar div.sidebar-bottom{background:url(../images/content/sidebar-bottombg.gif) no-repeat 0px 100%; padding:10px 7px;} /*---- Footer ----*/ div#footer{clear:both; background:url(../images/footer/footer-middle.gif) repeat-y 0px 0px; } div#footer div.footer-top{background:url(../images/footer/footer-top.gif) no-repeat 0px 0px;} div#footer div.footer-bottom{ background:url(../images/footer/footer-bottom.gif) no-repeat 0px 100%; padding:5px;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo{padding-top:28px; float:left;} div#header div.logo h1 a{ position:relative; width:524px; height:110px; display:block; position:relative;} div#header div.logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:524px; height:110px; display:block; } /*---- Header - Login-form ----*/ div#header div#login-form{float:right; width:400px; background:url(../images/header/middle1.gif) repeat-x 0px 0px; margin-right:8px;} div#header div#login-form div.login-form-left{background:url(../images/header/left-corner1.gif) no-repeat 0px 0px;} div#header div#login-form div.login-form-right{background:url(../images/header/right-corner1.gif) no-repeat 100% 0px; height:29px; padding:4px 0px 0px 7px} div#header div#login-form *{vertical-align:middle;} div#header div#login-form input.textbox{width:86px; padding:2px 10px; background:#888888; border:0; border:solid 1px #c2c2c2; color:#d4d4d4; font-size:100%; font-family:Verdana, Geneva, sans-serif; margin-right:4px;} div#header div#login-form input.submit{background:url(../images/header/submit-btn.gif) no-repeat 0px 0px; width:43px; height:20px; border:0; color:#fff; font-size:100%; cursor:pointer;} div#header div#login-form a{color:#cccccc; font-size:100%; padding:0px 5px; border-bottom:dotted 1px #ccc; text-decoration:none; padding:0px 4px;} div#header div#login-form a:hover{text-decoration:none; border-bottom:none;} /*---- Header - Search-form ----*/ div#header div#search-form{float:right; width:400px; background:url(../images/header/textfield.gif) no-repeat 0px 0px; height:40px; margin-top:14px;} div#header div#search-form *{vertical-align:middle;} div#header div#search-form input.textbox{width:232px; padding:4px 4px 4px 20px; font-weight:bold; background:none; border:0; font-size:140%; color:#d4d4d4;} /*---- Header - Statistic ----*/ div#header div.statistic{background:url(../images/header/middle2.jpg) repeat-x 0px 0px; clear:both; float:left; margin-left:80px; margin-top:-14px; position:relative;} div#header div.statistic div.statistic-left{background:url(../images/header/left-corner2.gif) no-repeat 0px 0px; } div#header div.statistic div.statistic-right{background:url(../images/header/right-corner2.gif) no-repeat 100% 0px; height:30px; padding:0px 10px;} div#header div.statistic p{line-height:30px; color:#7b7b7b; font-size:110%; white-space:nowrap;} div#header div.statistic p span{color:#f50404;} /*---- Compare ----*/ div#compare{clear:both; padding-top:6px; margin-left:15px;} div#compare h1{color:#ff9400; font-size:230%; margin-bottom:14px; line-height:28px; font-weight:normal;} /*---- Compare - tabs ----*/ div#compare ul.tabs{margin-bottom:-10px; width:100%; overflow:hidden;} div#compare ul.tabs li{float:left; margin-right:9px;} div#compare ul.tabs li a{float:left; background:url(../images/buttons/active-tab.gif) no-repeat 0px 100%; height:42px; width:160px; color:#fffefe; text-align:center; line-height:33px; font-size:120%;} div#compare ul.tabs li a:hover, div#compare ul.tabs li a.active{background-position:0px 0px; text-decoration:none; } /*---- Compare tab-content ----*/ div#compare div.tab-content{position:relative; z-index:10;} div#compare div.tab-content-top{background:url(../images/content/top-curve5.png) repeat-y 0px 0px; clear:both; height:17px;} div#compare div.tab-content-middle{background:url(../images/content/middle5.jpg) repeat-y 0px 0px;} div#compare div.tab-content-bottom{background:url(../images/content/bottom-curve5.jpg) 0px 100% no-repeat; padding-bottom:16px;} div#compare div.tab-content-bottom div.divider{background:url(../images/content/divider.png) repeat-y 584px 0px; } /*---- Compare - detail ----*/ div#compare div.detail{float:left; width:526px; padding:0px 0px 0px 30px;} div#compare div.detail ul li{ background:url(../images/content/tick.gif) no-repeat 0px 0px; font-size:180%; line-height: 21px; padding:3px 0px 22px 28px; } /*---- Compare - Insurance-form ----*/ div#compare div#insurance-form{float:right; width:279px; padding:11px 21px 0px 0px;} /*---- Compare - Insurance-form - form settings ----*/ div.autocomplete4 { position:absolute; width:500px; background-color:#E2E2E2; margin:0px; padding:0px; font-size:0.9em; text-align:left; overflow:auto; color:#007DA7; } div.autocomplete4 ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete4 ul li.selected { background-color: #FFF; color:black; } div.autocomplete4 ul li { list-style-type:none; display:block; margin:0; padding:6px 18px; cursor:pointer; color:#939393; font-size:130%; } .combo4 { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:130%; width:259px; display:block; background: url('../images/content/select-bg.gif') top right no-repeat; height:23px; padding:12px 3px 5px 17px; cursor: pointer; border:0px; color:#939393; float:right;} /*---- Content ----*/ /*---- Content - button ----*/ a.read-more{float:left; background:url(../images/buttons/left-btn.gif) no-repeat 0px 0px; padding-left:6px; font-size:80%; text-decoration:none; text-transform:uppercase; margin:5px 0px 0px 5px;} a.read-more span{float:left; background:url(../images/buttons/right-btn.gif) no-repeat 100% 0px; height:26px; padding-right:6px; line-height:26px; color:#fff;} a.read-more:hover{text-decoration:none;} /*---- Content - content-head ----*/ div#content div.content-head div.buttons{ float:right; padding-top:4px;} div#content div.content-head div.buttons a{float:right; width:137px; height:31px; float:left; line-height:31px; color:#fff; text-align:center; text-decoration:none;} div#content div.content-head div.buttons a.value{background:url(../images/buttons/button3.gif) no-repeat 1px 0px;} div#content div.content-head div.buttons a.value:hover{background-position:1px 100%;} div#content div.content-head div.buttons a.economic{background:url(../images/buttons/button4.gif) no-repeat 0px 0px; width:145px; margin-left:-20px;} div#content div.content-head div.buttons a.economic:hover{background-position:0px 100%;} div#content div.content-head h1{font-size:190%; text-transform:uppercase; font-weight:normal; background:url(../images/content/dots.gif) repeat-x 0px 100%; padding-bottom:8px; width:625px; line-height:20px;} /*---- Content - Categories ----*/ div#content ul.categories{padding-top:2px; width:100%; overflow:hidden; margin-bottom:8px;} div#content ul.categories li{float:left; padding-right:6px;} div#content ul.categories li a{float:left; background:url(../images/buttons/tab-left.gif) no-repeat 0px 100%; padding-left:7px; color:#828282; font-size:120%; font-weight:bold; line-height:22px; text-decoration:none;} div#content ul.categories li a span{float:left; background:url(../images/buttons/tab-right.gif) no-repeat 100% 100%; padding-right:7px; height:22px;} div#content ul.categories li a:hover, div#content ul.categories li a.active{background-position:0px 0px; color:#FFF;} div#content ul.categories li a:hover span, div#content ul.categories li a.active span{background-position:100% 0px;} div#content ul.categories li a.active{font-weight:normal;} /*---- Sidebar ----*/ /*---- Sidebar - section ----*/ div#sidebar div.section{margin-bottom:15px;} div#sidebar div.section div.heading{background:url(../images/content/head-left-corner.gif) no-repeat 0px 0px; margin-bottom:10px;} div#sidebar div.section div.heading h2{background:url(../images/content/head-right-corner.gif) no-repeat 100% 0px; line-height:29px; font-size:180%; font-weight:normal; text-indent:6px;} /*---- Sidebar - User ----*/ div#sidebar div#user ul{margin:0px 8px;} div#sidebar div#user ul li{border-top:dashed 1px #a6a6a6; padding:8px 0px; width:100%; overflow:hidden;} div#sidebar div#user ul li.first{border-top:0px; padding-top:0px;} div#sidebar div#user ul li img{ border:3px #008de7 solid; margin:0px 10px 0px 0px; float:left;} div#sidebar div#user ul li h3{color:#008de7; font-size:130%; margin:5px 0px;} div#sidebar div#user ul li h3 a{color:#008de7;} div#sidebar div#user ul li p{color:#858585; line-height:14px;} /*---- Sidebar - Join ----*/ div#sidebar div#join{margin:0px 5px 18px 5px;} div#sidebar div#join h2{color:#3e3e3e; font-size:130%; margin-bottom:4px;} div#sidebar div#join p{color:#3e3e3e; margin-bottom:5px;} div#sidebar div#join p a{background:url(../images/buttons/left-btn4.gif) no-repeat 0px 0px; padding-left:8px; display:block; color:#fff; text-align:center; font-size:140%; font-weight:bold;} div#sidebar div#join p a span{background:url(../images/buttons/right-btn4.gif) no-repeat 100% 0px; height:30px; line-height:30px; display:block; padding-right:8px;} /*---- Sidebar - Rated ----*/ div#sidebar div#rated ul{margin:0px 10px;} div#sidebar div#rated ul li{font-size:120%; width:100%; overflow:hidden; padding:6px 0px;} div#sidebar div#rated ul li a{color:#000;} div#sidebar div#rated ul li p{margin-bottom:6px;} div#sidebar div#rated ul li span{float:left; color:#9f9f9f; font-size:10px; line-height:12px;} div#sidebar div#rated ul li span.star{width:55px; background:url(../images/content/star.gif) repeat-x 0px 100%; margin-right:5px;} div#sidebar div#rated ul li span.star span{ height:12px; background:url(../images/content/star.gif) repeat-x 0px 0px;} /*---- Sidebar - Wanted ----*/ div#sidebar div#wanted ul{margin:0px 5px;} div#sidebar div#wanted ul li{background:url(../images/content/bullet.gif) no-repeat 0px 1px; padding-left:20px; font-size:120%; color:#000; line-height:14px; margin-bottom:10px;} div#sidebar div#wanted ul li a{color:#000;} /*---- box ----*/ div.box{clear:both; margin-bottom:20px;} div.box div.top{ background:url(../images/content/box-top-middle.gif) repeat-x 0px 0px;} div.box div.top div.top-left{background:url(../images/content/box-top-left.gif) no-repeat 0px 0px;} div.box div.top div.top-right{background:url(../images/content/box-top-right.gif) no-repeat 100% 0px; height:20px;} div.box div.middle{border-style:solid; border-width:0px 1px; border-color:#c4c4c4; padding:0px 15px; background:#e9e9e9;} div.box div.middle h2{color:#b90f1d; font-size:200%; line-height:24px; font-weight:normal; text-indent:10px; margin-bottom:10px;} div.box div.bottom{ background:url(../images/content/box-bottom-middle.gif) repeat-x 0px 0px;} div.box div.bottom div.bottom-left{background:url(../images/content/box-bottom-left.gif) no-repeat 0px 0px;} div.box div.bottom div.bottom-right{background:url(../images/content/box-bottom-right.gif) no-repeat 100% 0px; height:20px;} /*---- box1 ----*/ div.box1{} div.box1 div.box1-top{background:url(../images/content/box1-top-left.gif) no-repeat 0px 0px; padding-left:8px;} div.box1 div.box1-top-right{background:url(../images/content/box1-top-right.gif) no-repeat 100% 0px; height:11px;} div.box1 div.box1-middle{ background:#FFF;} div.box1 div.box1-bottom{background:url(../images/content/box1-bottom-left.gif) no-repeat 0px 100%; padding-left:8px;} div.box1 div.box1-bottom-right{background:url(../images/content/box1-bottom-right.gif) no-repeat 100% 100%; height:11px;} /*---- box2 ----*/ div.box2{background:url(../images/content/box3-middle.gif) repeat-x 0px 0px; margin-bottom:20px;} div.box2 div.box2-left{background:url(../images/content/box3-top-left.gif) no-repeat 0px 0px;} div.box2 div.box2-right{background:url(../images/content/box3-top-right.gif) no-repeat 100% 0px; padding:10px 20px;} div.box2 h2{color:#b90f1d; line-height:38px; font-size:320%; font-weight:normal; background:url(../images/content/border-bottom.gif) repeat-x 0px 100%; padding-bottom:10px; margin-bottom:15px;} /*---- Companies ----*/ div#companies{margin:0px 15px 20px 15px;} div#companies div.box1 div.box1-middle ul{width:100%; overflow:hidden; border-bottom:solid 1px #d8d8d8;} div#companies div.box1 div.box1-middle ul li{float:left; text-align:center; color:#7e7e7e; font-size:10px; padding:15px 4px;} div#companies div.box1 div.box1-middle ul li h3{color:#010101; font-size:120%;} div#companies div.box1 div.box1-middle ul li h3 a{color:#010101; line-height:16px;} div#companies div.box1 div.box1-middle ul.no-border{ border-bottom:none;} /*---- Experts ----*/ div#experts{margin:0px 15px 0px 15px;} div#experts div.expert-icon{float:right; margin-top:-23px; margin-right:25px; position:relative;} div#experts h2{width:577px;} div#experts div.expert{width:300px; float:left; padding-right:20px;} div#experts div.expert img{float:left; margin:0px 10px 10px 0px; border:solid 1px #b90f1d;} div#experts div.expert p{font-size:11px; line-height:16px; margin-bottom:10px; } div#experts div.expert p.signature{clear:both;} div#experts div.expert p.signature img{float:none; vertical-align:middle; border:none; } div#experts div.expert p.signature a{color:#bf2c38; text-decoration:underline;} div#experts div.expert p.signature a:hover{text-decoration:none;} /*---- Help----*/ div#help{margin:0px 15px 20px 15px;} /*---- Help - box1 ----*/ div#help div.box1{ width:556px;} div#help div.box1 div.box1-middle{padding:10px 20px 0px 20px;} div#help div.box1 ul li{margin-bottom:15px;} div#help div.box1 ul li div.head{background:url(../images/content/middle-corner-bg1.gif) repeat-x 0px 0px;} div#help div.box1 ul li div.head div.left-head{background:url(../images/content/left-corner-bg1.gif) no-repeat 0px 0px;} div#help div.box1 ul li div.head div.right-head{background:url(../images/content/right-corner-bg1.gif) no-repeat 100% 0px; height:44px;} div#help div.box1 p a{text-decoration:underline;} div#help div.box1 p a:hover{text-decoration:none;} div#help h3{color:#ffffff; line-height:28px; text-indent:10px; font-size:120%;} div#help p{margin:5px 8px; font-size:120%; line-height:16px;} div#help p a{color:#ca0213; background:#e5e5e5; float:right; padding:0px 3px;} /*---- Help - Section ----*/ div#help div.section{float:right; width:306px;} div#help div.section h2{color:#5a5a5a; text-indent:0px; margin-bottom:24px;} div#help div.section p{font-size:130%; line-height:22px; margin-bottom:25px; margin-left:0px; margin-right:0px;} div#help div.section p a{float:none; background:none; color:#008de7; font-weight:bold; padding:0px;} /*---- box3 ----*/ div.box3{padding:0px 10px;} div.box3 a.rss{float:right; background:url(../images/content/rss-icon.gif) no-repeat 0px 0px; color:#f28300; font-size:140%; padding:6px 0px 6px 28px; text-transform:uppercase; margin-right:10px; margin-top:3px;} div.box3 h2{font-size:190%; border-bottom:solid 3px #d8d8d8; padding:6px 0px; line-height:19px; font-weight:normal; margin-bottom:10px;} /*---- box13 ----*/ table.products-details th{ background:url(../images/content/box13/top-middle.gif) left top repeat-x; height:40px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:120%; color:#fff;} table.products-details th.leftcorner{ background:url(../images/content/box13/top-left.gif) left top no-repeat; width:12px; height:40px;} table.products-details th.rightcorner{ background:url(../images/content/box13/top-right.gif) right top no-repeat; width:12px; height:40px; } table.products-details th.first{width:180px;} table.products-details th.second{width:136px;} table.products-details th.third{width:95px;} table.products-details th.fourth{width:95px;} table.products-details th.fifth{ width:158px;} table.products-details th.sixth{ width:199px;} table.products-details th.review{ width:320px; text-align:left; padding-left:20px;} table.products-details th.user{ width:115px;} table.products-details table td{ text-align:center; vertical-align:middle;} table.products-details table td.insurance-company{ width:192px; border-width:1px 1px 0 1px; border-style:solid; border-color:#d5d5d5;} table.products-details table td.product{width:119px; font-size:100%; padding:0 8px; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb;} table.products-details table td.product h2{ font-size:140%; font-family:Verdana, Geneva, sans-serif; line-height:1.2em;} table.products-details table td.deadline{ width:99px; font-family:Verdana, Geneva, sans-serif; font-size:120%; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb;} table.products-details table td.benefit{ font-family:Verdana, Geneva, sans-serif; font-size:250%; width:100px; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb; line-height:1.2em;} table.products-details table td.poll{ padding:0 17px 0 20px; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb;} table.products-details table td span.rating{ background:url(../images/content/rating1.gif) left top repeat-x; height:37px; width:121px; float:left;} table.products-details table td span.rating span{ background:url(../images/content/rating1.gif) left bottom; height:37px; float:left;} table.products-details table td.author-rating{ padding:0 42px 0 32px;border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb;} div.box-bottom{ background:url(../images/content/box13/box-bottom.jpg) left top no-repeat; height:10px; margin-bottom:22px;} table.products-details table td.date{ width:99px; font-family:Verdana, Geneva, sans-serif; font-size:120%; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb;} table.products-details table td.username{ background:url(../images/content/box13/user.jpg) 10px center no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:120%; width:115px; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb; vertical-align:middle;} table.products-details table td.review-of-author{ width:330px; border-width:1px 1px 0 0; border-style:solid; border-color:#dbdbdb; text-align:left; padding-left:12px; font-family:Verdana, Geneva, sans-serif; font-size:110%; line-height:1.3em;} table.products-details table td.review-of-author a{ font-family:Verdana, Geneva, sans-serif; font-size:110%; color:#6388c0; padding-left:2px; font-weight:bold;} div.box-bottom1{ background:url(../images/content/box13/box-bottom1.jpg) left top no-repeat; height:9px; margin-bottom:10px;} div.box13 table.products-details{ width:887px;} div.box13 table.products-details table td.insurance-company { width:207px; } div.box13 table.products-details table td.product { width:109px; } div.box13 table.products-details table td.date{ width:82px; } div.box13 table.products-details table td.username { width:121px; } div.box13 table.products-details table td.review-of-author { width:333px; } /*---- Box14 ----*/ div.box14 { width:923px; } div.box14 div.box14-top{ background:url(../images/content/main/box14-top.gif) left top no-repeat; height:57px; line-height:65px; padding:8px 20px 0px; } div.box14 div.box14-middle{ border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:0px 14px 10px; } div.box14 div.box14-bottom{ background:url(../images/content/main/box14-bottom.gif) left bottom no-repeat; height:17px; line-height:17px; } div.box14 h1{ background:url(../images/content/main/box14-heading-bg.gif) left top repeat-x; height:37px; line-height:37px; padding:0px 20px; font-size:200%; color:#080808; font-weight:normal; margin:0px -14px 20px; position:relative; text-transform:uppercase; } div.box14 div.box14-top h1{ background:none; padding:0; margin:0; color:#008de7; font-size:230%; text-transform:none; } div.box14 div.box14-top h1 a{ color:#008de7;} div.box14 div.box14-top h1 img{ vertical-align:middle; margin-right:10px; border:2px solid #008de7; } div.box14 div.box14-top h1 span.details{ float:right; } div.box14 div.box14-top h1 span.details a{ font-size:50%; color:#787878; margin-right:5px; } div.box14 div.box14-top h1 span.details a.visitors{ background:url(../images/content/main/visitor.gif) left center no-repeat; padding-left:10px; } /*---- box15 ----*/ div.box15 div.top{ background:url(file:///Z|/alex/experto/02_web/interface/images/content/main/box15-top-middle.gif) 0 0 repeat-x; height:10px;} div.box15 div.top div.left{background:url(../images/content/main/box15-top-left.gif) no-repeat 0px 0px; height:10px;} div.box15 div.top div.right{background:url(../images/content/main/box15-top-right.gif) no-repeat 100% 0px; height:10px; line-height:10px;} div.box15 div.middle{ background:#f6f6f6; padding:0 10px;} div.box15 div.bottom{ background:url(file:///Z|/alex/experto/02_web/interface/images/content/main/box15-bottom-middle.gif) 0 0 repeat-x; height:10px;} div.box15 div.bottom div.left{background:url(../images/content/main/box15-bottom-left.gif) no-repeat 0px 0px; height:10px;} div.box15 div.bottom div.right{background:url(../images/content/main/box15-bottom-right.gif) no-repeat 100% 0px; height:10px; line-height:10px;} /*---- blog ----*/ div#blog { margin:0px 15px 20px 15px;} div#blog ul li a{display:block; width:100%; overflow:hidden;} div#blog ul li a span.article{float:left; font-size:120%; font-weight:bold; color:#000; padding:6px; } div#blog ul li a span.entry{float:right; font-size:120%; line-height:20px; color:#a6a6a6; padding-right:10px;} div#blog ul li a:hover{background:#f4f4f4; text-decoration:none;} div#blog ul li a:hover span.article{color:#0074be;} /*---- tag-cloud ----*/ div#tag-cloud{width:515px; float:left; padding-left:25px;} div#tag-cloud ul li{display:inline;} div#tag-cloud ul li a{color:#8d8d8d; font-size:150%; line-height:25px; margin-right:3px;} div#tag-cloud ul li a.size25{font-size:250%;} div#tag-cloud ul li a.size35{font-size:350%; line-height:35px;} div#tag-cloud ul li a:hover{color:#ffae12; text-decoration:none;} /*---- Video ----*/ div#video{width:334px; float:right; padding-right:25px;} /*---- Video - box ----*/ div#video div.box{background:#ffae12; margin-bottom:0px; } div#video div.box div.box-top{background:url(../images/content/video-top-bg.gif) no-repeat 0px 0px;} div#video div.box div.box-top div.box-bottom{background:url(../images/content/video-bottom-bg.gif) no-repeat 0px 100%; padding:6px; height:auto; margin-bottom:0px;} div#video div.box-footer{ background:#ededed url(../images/content/video-bottom-bg1.gif) no-repeat 0px 100%; padding:5px 0px;} div#video div.box-footer h3{background:url(../images/content/video-roller.gif) no-repeat 0px 0px; padding:8px 0px 8px 30px; font-size:130%; margin-left:3px; } div#video div.box-footer h3 a{color:#ffae12; float:none; line-height:13px; font-size:100%; text-decoration:none;} div#video div.box-footer a{float:right; line-height:28px; margin-right:5px; color:#6d6d6d; font-size:110%; text-decoration:underline; } div#video div.box-footer a:hover{text-decoration:none;} /*---- Community ----*/ div#community{clear:both; margin:0px 15px 80px 15px;} div#community div.users{width:508px; float:left; position:relative;} div#community div.users a.user{float:right; background:url(../images/content/user-icon.gif) no-repeat 0px 0px; padding:2px 0px 2px 15px; color:#0074be; font-size:140%; margin-top:8px; } div#community div.users h3{margin-bottom:15px;} div#community div.users h3 a{color:#1478b4; font-size:110%; border-bottom:dotted 1px #1478b4; padding-bottom:2px; } div#community div.users h3 a:hover{text-decoration:none;} div#community div.users ul li{float:left; margin:0px 9px 9px 0px; border:solid 1px #b5b5b5; position:relative; } div#community div.users ul li img{vertical-align:middle; } px; /*---- pop ----*/ div.pop{ position:absolute; left:115px; top:125px; width:159px; z-index:1000;} div.pop div.top{background:url(../images/content/pop-up-top.png) no-repeat 0px 0px; height:32px; line-height:32px; position:relative;} div.pop div.middle{background:url(../images/content/pop-up-middle.png) repeat-y 0px 0px; padding:1px 20px; position:relative;} div.pop div.bottom{background:url(../images/content/pop-up-bottom.png) no-repeat 0px 0px; height:13px; position:relative;} div.pop p{color:#fff; margin:5px 0px; font-size:120%;} /*---- Community - Statistic ----*/ div#community div.statistic{width:374px; float:left; padding:70px 0px 0px 10px;} div#community div.statistic ul li{padding:4px 0px; width:100%; overflow:hidden;} div#community div.statistic ul li span{float:left; color:#a6a6a6; font-size:120%; line-height:18px;} div#community div.statistic ul li span.number{width:53px; font-size:180%; color:#b90f1d; line-height:18px;} div#community div.statistic a.join{float:right; background:url(../images/buttons/button-left-bg.gif) no-repeat 0px 0px; padding-left:22px; color:#fff; font-size:120%; width:160px; margin-top:-35px; } div#community div.statistic a.join span{float:left; background:url(../images/buttons/button-right-bg.gif) no-repeat 100% 0px; height:32px; line-height:32px; padding-right:22px;} div#community div.statistic a:hover{text-decoration:none;} /*---- Footer ----*/ div#footer h1{float:left; margin-right:15px;} div#footer p{font-size:110%; line-height:24px;} div#footer p span{color:#396ac1; font-weight:bold;} /*---- Footer-note ----*/ div#footnote{padding:20px 0px; color:#333333;font-size:120%; } div#footnote a{float:right; margin-left:25px;} div#footnote ul li{ display:inline; font-size:120%; padding-right:12px; line-height:30px;} div#footnote ul li a{color:#8b8b8b; background:url(../images/footer/arrow.gif) no-repeat 0px 5px; padding:2px 0px 2px 15px; float:none; margin-left:0px;} div#footnote ul li a:hover{ background-position:0px -13px; color:#151515; text-decoration:none;} /*------------------------------------------ // 4 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Content ----*/ /*---- Main - Product-detail ----*/ div#main table.products{width:100%;} div#main table.products{clear:both;} div#main table.products th.first{width:155px;} div#main table.products th.second{width:138px;} div#main table.products th.third{width:95px;} div#main table.products th.fourth{width:122px;} div#main table.products th.left-corner{width:13px; background:url(../images/content/top-left-corner.gif) no-repeat 0px 0px; height:40px;} div#main table.products th.right-corner{width:13px; background:url(../images/content/top-right-corner.gif) no-repeat 0px 0px; height:40px;} div#main table.products th{background:url(../images/content/top-middle-corner.gif) repeat-x 0px 0px; font-size:120%; font-family:Verdana, Geneva, sans-serif; color:#fff; font-weight:normal; vertical-align:middle;} div#main table.products tr.result td{background:#d6d6d6; padding:5px 10px; color:#6d6d6d; font-size:120%; line-height:25px;} div#main table.products div.controls{float:right; background:url(../images/content/middle3.gif) repeat-x 0px 0px;} div#main table.products div.controls div.controls-left{background:url(../images/content/left-corner3.gif) no-repeat 0px 0px; float:left;} div#main table.products div.controls div.controls-right{background:url(../images/content/right-corner3.gif) no-repeat 100% 0px; height:24px; padding:0px 5px; float:left;} div#main table.products div.controls a{float:left; font-size:110%; color:#b4b4b4; line-height:24px; background:url(../images/content/arrows.gif) no-repeat 0px 7px; padding-left:17px; margin:0px 8px;} div#main table.products div.controls a:hover, div#main table.product-detail div.controls a.active{color:#000; background-position:0px -23px; text-decoration:none;} div#main table.products table{margin:0px 0px 0px 1px; width:730px; } div#main table.products table td{border:solid 1px #d3d3d3; vertical-align:middle; text-align:center;} div#main table.products table td img{margin:8px 4px;} div#main table.products table td.pic{width:169px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#d3d3d3 #d3d3d3 #d3d3d3 #e6f1ca;} div#main table.products table td.product-name h3{color:#f28300; font-size:140%;} div#main table.products table td.product-name{width:118px; margin:0px 2px; background:url(../images/content/glow.jpg) no-repeat 0px 0px; height:86px; color:#f28300; font-size:10px; font-family:Verdana, Geneva, sans-serif; line-height:12px; padding:0px 5px;} div#main table.products table td.deadline{color:#4a4949; font-size:120%; width:94px;} div#main table.products table td.benefit{color:#4a4949; font-size:250%; width:110px; line-height:250%;} div#main table.products table td.coverages{text-align:left; border-width:1px 1px 1px 1px; border-color:#d3d3d3 #e6f1ca #d3d3d3 #d3d3d3 ;} div#main table.products table td.coverages span.comment{ background:url(../images/content/comment-icon.gif) no-repeat 0px 0px; padding-left:24px; margin-left:20px; display:block; margin-bottom:10px; height:1%; padding-bottom:3px;} div#main table.products table td.coverages span.comment a{color:#c0c0c0; border-bottom:dotted 1px #c0c0c0;} div#main table.products table td.coverages span.comment a:hover{text-decoration:none; border-bottom:0;} div#main table.products table td.coverages span.rating{float:left; width:121px; background:url(../images/content/rating1.gif) repeat-x 0px 0px; margin-left:4px;} div#main table.products table td.coverages span.rating span{background:url(../images/content/rating1.gif) repeat-x 0px 100%; height:37px; display:block;} /*---- Main - Bottom-curve ----*/ div#main div.bottom-curve{background:url(../images/content/pagination-top.gif) no-repeat 0px 0px; height:11px; margin-top:-11px; line-height:11px;} /*---- Main - Pagination ----*/ div#main div#pagination{background:#e4e4e4 url(../images/content/bottom-curve6.jpg) no-repeat 0px 100%; width:100%; overflow:hidden; padding:10px 0px; clear:both; } div#main div#pagination a{float:left; background:url(../images/buttons/left-btn2.gif) no-repeat 0px 100%; padding-left:8px; font-size:210%; color:#fefefe; margin-left:5px;} div#main div#pagination a span{float:left; background:url(../images/buttons/right-btn2.gif) no-repeat 100% 100%; padding-right:8px; height:26px; line-height:26px;} div#main div#pagination a:hover{background-position:0px 0px; text-decoration:none;} div#main div#pagination a:hover span{background-position:100% 0px;} div#main div#pagination a.active{background:none; color:#000;} div#main div#pagination a.active span{background:none;} div#main div#pagination a.last{margin-left:20px;} /*---- Main - entries ----*/ div#main div.entries{line-height:30px; padding-top:20px;} div#main div.entries a{color:#8d8d8d; font-size:180%;} div#main div.entries a.previous{float:left;} div#main div.entries a.next{float:right;} /*------------------------------------------ // 5 SEGUROS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Navigation ----*/ div#navigation{background:#f2f2f2 url(../images/content/navigation-top-left.gif) no-repeat 0px 0px; clear:both;} div#navigation ul{background:url(../images/content/navigation-top-right.gif) no-repeat 100% 0px; height:42px; padding-top:8px;} div#navigation ul li{float:left; font-size:15px; font-weight:bold; padding:0px 18px;} div#navigation ul li a{float:left; color:#b3b3b3; background:#f5f5f5 url(../images/content/tab-leftbg.gif) no-repeat 0px 100%;} div#navigation ul li a span{float:left; background:url(../images/content/tab-rightbg.gif) no-repeat 100% 100%; } div#navigation ul li a span span{background:url(../images/content/normal.gif) no-repeat 12px 15px; padding:16px 24px 16px 34px;} div#navigation ul li a:hover {background:#fff url(../images/content/tab-leftbg.gif) no-repeat 0px 0px; text-decoration:none; color:#ff9400;} div#navigation ul li a:hover span {background:url(../images/content/tab-rightbg.gif) no-repeat 100% 0px;} div#navigation ul li a:hover span span{background:url(../images/content/normal.gif) 12px -28px no-repeat;} /*---- Featured ----*/ div#featured{padding:10px;} div#featured h2{color:#ff9400; font-size:230%; font-weight:normal; line-height:26px; border-bottom:solid 1px #d2d2d2; padding-bottom:3px; margin-bottom:10px;} div#featured div.slideshow{width:100%; overflow:hidden;} div#featured div.video{float:left; margin:0px 10px 0px 0px;} div#featured div.description{float:right; width:518px; margin-bottom:10px;} div#featured div.description ul{width:100%; overflow:hidden; margin-bottom:-1px;} div#featured div.description ul li{background:url(../images/content/right-btn.gif) no-repeat 100% 0px; float:left; font-size:130%;} div#featured div.description ul li span{background:url(../images/content/left-btn.gif) no-repeat 0px 0px; height:26px; line-height:26px; padding:0px 18px; float:left;} div#featured div.description div.content{background:url(../images/content/description-box-middle.gif) repeat-y 0px 0px;} div#featured div.description div.content div.top{background:url(../images/content/description-box-top.gif) no-repeat 0px 0px;} div#featured div.description div.content div.bottom{background:url(../images/content/description-box-bottom.gif) 0px 100% no-repeat; padding:10px;} div#featured div.description div.content h2{font-size:190%; color:#000; border:none; padding-bottom:0px; margin-bottom:8px;} div#featured div.description div.content p{font-size:130%; line-height:22px; margin-bottom:10px;} div#featured div.description div.footer p{ font-size:100%; color:#5f5f5f; margin-bottom:0px;} div#featured div.description div.footer p a{color:#5f5f5f; } div#featured div.controls{float:left;} div#featured div.controls a{margin:0px 5px;} div#featured a.rss{float:right; background:url(../images/content/rss-video-icon.gif) no-repeat 0px 0px; padding:0px 0px 0px 30px; line-height:26px; color:#000;} /*---- Widget ----*/ div.widget{margin-bottom:20px;} div.widget h2{background:url(../images/content/heading-bg.gif) no-repeat 0px 0px; height:34px; line-height:34px; text-indent:15px; font-size:130%; color:#b90f1d; margin-bottom:10px;} div.widget li a{font-size:110%;} div#sidebar div.widget ul li.last { background:none; } div.widget a:hover{text-decoration:none;} div.widget p{font-size:110%; line-height:13px;} div.widget p a{font-size:100%;} /*---- Category ----*/ div#category ul li{background:url(../images/content/border1.jpg) repeat-x 0px 100%; padding:5px; } div#category ul li a{color:#505050; font-size:110%; background:url(../images/content/icon1.gif) no-repeat 0px 2px; padding:0px 0px 0px 18px;} div#category ul li a span{color:#8e8e8e;} /*---- Insurance ----*/ div#insurance ul li { margin-bottom:10px; } div#insurance p{ margin-left:36px; } div#insurance p img{border:solid 1px #bebebe;} div#insurance h3{background:url(../images/content/icon2.gif) no-repeat 0px 0px; padding:0px 0px 0px 18px; font-size:110%; line-height:13px; color:#505050; margin-left:18px; margin-bottom:3px;} div#insurance a{color:#b90f1d;} /*---- Comment ----*/ div#comment ul li{background:url(../images/content/border1.jpg) repeat-x 0px 100%; padding:5px; } div#comment ul li a{background:url(../images/content/comment-icon1.gif) no-repeat 0px 2px; padding-left:18px; color:#505050; } div#comment ul li a span{color:#b90f1d;} /*---- Links ----*/ div#links ul li{background:url(../images/content/border1.jpg) repeat-x 0px 100%; padding:5px; line-height:14px;} div#links ul li a{background:url(../images/content/links-icon.gif) no-repeat 0px 2px; padding:0px 0px 0px 10px; color:#3e3e3e; text-decoration:underline;} div#links ul li span{display:block; color:#a2a2a2; font-size:90%; padding-left:10px; line-height:12px;} /*---- Subscribe ----*/ div#subscribe p {margin-bottom:5px;} div#subscribe p.textbox{background:url(../images/content/textbox1.gif) no-repeat 0px 0px; height:34px; margin:0px -2px; margin-bottom:5px;} div#subscribe p.textbox input{padding:10px 5px; width:184px; background:none; border:0;} div#subscribe p.submit{margin-left:-1px; margin-bottom:10px;} div#subscribe p.rss{background:url(../images/content/rss-iconbg.gif) no-repeat 0px 2px; padding-left:18px; line-height:15px; margin-left:10px;} div#subscribe p.rss a{color:#3e3e3e;} /*---- Ads ----*/ div#ads p{text-align:center;} /*---- Tags ----*/ div#tags ul li{font-size:150%; display:inline; padding-right:5px; line-height:1.5em;} div#tags ul li a{color:#8d8d8d;} div#tags ul li.size25{font-size:230%;} div#tags ul li a:hover{color:#ffae12;} /*---- Authors ----*/ div#authors ul li{background:url(../images/content/border1.jpg) repeat-x 0px 100%; padding:5px; } div#authors ul li a{color:#505050; background:url(../images/content/authors-icon.gif) 0px 2px no-repeat; padding-left:18px;} /*---- Archives ----*/ div#archives ul li{background:url(../images/content/border1.jpg) repeat-x 0px 100%; padding:5px; } div#archives a{color:#505050; background:url(../images/content/icon4-bg.gif) no-repeat 0px 2px; padding-left:18px;} /*---- Networks ----*/ div#networks ul li{text-align:center; margin-bottom:15px;} div#networks ul li span{display:block; color:#787878; font-size:120%; font-weight:bold;} /*---- Main ----*/ /*---- breadcrumbs ----*/ div#breadcrumbs{background:url(../images/content/bullet1.gif) no-repeat 0px 5px; padding-left:15px; float:left; padding-top:3px;} div#breadcrumbs p{color:#6b6b6b; line-height:13px;} div#breadcrumbs p a{color:#f3a123; text-decoration:underline;} div#breadcrumbs p a:hover{text-decoration:underline;} /*---- search-form ----*/ div.search-form{float:right; margin-bottom:15px;} div.search-form span{float:left;} div.search-form span.textbox{background:url(../images/content/search-img.gif) no-repeat 0px 0px; width:329px; height:25px; margin-right:10px;} div.search-form span.textbox input{padding:4px 8px 2px 30px; background:none; border:none; width:280px;} /*---- Highlight ----*/ div#highlight{padding:20px 0px;} div#highlight img{float:left; background:url(../images/content/grad1.gif) repeat-x 0px 0px; padding:5px 5px 30px 5px; margin-right:15px;} div#highlight div.detail{float:left; width:290px} div#highlight p.link{background:url(../images/content/right-btn2.gif) no-repeat 100% 0px; float:left; color:#fff; margin-bottom:10px;} div#highlight p.link span{background:url(../images/content/left-btn2.gif) no-repeat 0px 0px; float:left; height:23px; line-height:18px; padding:0px 10px;} div#highlight h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:200%; clear:both; line-height:20px; margin-bottom:10px; font-weight:normal; } div#highlight p{color:#7d7d7d; line-height:18px;} div#highlight p.more-link a{float:left; background:url(../images/content/button2-right.gif) no-repeat 100% 0px; color:#fff;} div#highlight p.more-link a span{float:left; background:url(../images/content/button2-left.gif) no-repeat 0px 0px; height:26px; line-height:26px; padding:0px 10px;} /*---- box4 ----*/ div.box4{background:url(../images/content/box4-middle.gif) repeat-y 0px 0px; clear:both;} div.box4 div.top{background:url(../images/content/box4-top.gif) no-repeat 0px 0px;} div.box4 div.bottom{background:url(../images/content/box4-bottom.gif) no-repeat 0px 100%; padding:5px 5px 20px 5px;} div.box4 h2{color:#fff; font-size:150%; padding:14px 0px 18px 45px; font-weight:normal;} div.box4 div.post{ padding:10px;} div.box4 div.post div.datestamp{background:url(../images/content/datestamp.jpg) no-repeat 0px 0px; width:75px; height:73px; float:left; margin-right:10px;} div.box4 div.post div.datestamp span{display:block; text-align:center; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:140%; line-height:16px;} div.box4 div.post div.datestamp span.month{padding-top:4px;} div.box4 div.post div.datestamp span.date{font-size:310%; line-height:25px; margin-top:-4px;} div.box4 div.post h2{color:#ff9400; font-size:240%; line-height:28px; padding:0px; width:600px; margin-bottom:30px; } div.box4 div.post div.comment-count{float:right; background:url(../images/content/comment-count.gif) no-repeat 0px 0px; width:78px; height:55px;} div.box4 div.post div.comment-count p{color:#bfbfbf; line-height:50px; text-align:center; font-size:280%;} div.box4 div.post div.entry{clear:both; padding:10px 0px;} div.box4 div.post p.pic{text-align:center; } div.box4 div.post p.pic img{padding:5px; border:solid 1px #dbdbdb;} div.box4 div.post p{color:#252525; line-height:28px; font-size:130%; margin-bottom:15px;} div.box4 div.post div.entry{background:url(../images/content/post-bottom.gif) repeat-x 0px 100%; padding:10px 10px 1px 10px;} div.box4 div.post div.entry span{color:#ff9400; font-weight:bold;} div.box4 div.post div.entry p.more-link{text-align:right; margin-bottom:5px;} div.box4 div.post div.entry p.more-link a{color:#818181; font-size:90%; font-weight:bold; border-bottom:dotted 1px #b5b5b5;} div.box4 div.post div.post-footer{background:url(../images/content/post-footer-right.gif) no-repeat 100% 0px;} div.box4 div.post div.post-footer div.left{background:url(../images/content/post-footer-left.gif) no-repeat 0px 0px; height:46px; padding:7px 0px 0px 0px;} div.box4 div.post div.post-footer p{width:100%; overflow:hidden; margin-bottom:0px; line-height:20px;} div.box4 div.post div.post-footer p span{float:left;} div.box4 div.post div.post-footer p span.title{padding:0px 10px 0px 20px; width:100px; font-weight:bold;} div.box4 div.post div.post-footer p span.info{width:490px; color:#7c7c7c; background:url(../images/content/bullet2.gif) no-repeat 0px 3px; padding-left:24px; } div.box4 div.post div.post-footer p span.info a{color:#7c7c7c;} /*---- box5 ----*/ div.box5{background:url(../images/content/box5-middle.gif) repeat-y 0px 0px; margin-bottom:10px; margin-left:7px;} div.box5 div.top{background:url(../images/content/box5-top.gif) no-repeat 0px 0px;} div.box5 div.bottom{background:url(../images/content/box5-bottom.gif) no-repeat 0px 100%; padding:10px;} div.box5 img{margin-left:25px;} /*---- box4 - Pagination ----*/ div#main div.pagination{ background:url(../images/content/pagination-bg.gif) repeat-x 0px 0px; padding:15px 0px; margin:0px 10px; clear:both; } div#main div.pagination div.numbers{float:left;} div#main div.pagination div.numbers a{float:left; width:30px; height:30px; background:url(../images/content/pagination-btn.gif) no-repeat 100% 0px; line-height:30px; color:#000; text-align:center; font-size:140%; margin-right:8px;} div#main div.pagination div.numbers a:hover, div#main div.pagination div.numbers a.active{background-position:0px 0px; color:#fff; text-decoration:none;} a.previous-btn, a.next-btn{ background:url(../images/content/btn-bg1.gif) repeat-x 0px 0px; padding:0px 14px; line-height:27px; font-size:130%; color:#555; margin-left:5px;} a.previous-btn span{background:url(../images/content/arrow-btn.gif) no-repeat 0px 50%; padding-left:14px; float:left; } a.next-btn span{background:url(../images/content/nextbtn.gif) no-repeat 100% 50%; padding-right:14px; float:left;} /*---- box6 ----*/ div.box6{clear:both; padding:15px 0px;} div.box6 div.top{background:url(../images/content/box4-top-right.gif) no-repeat 100% 0px; height:10px;} div.box6 div.top div.left{background:url(../images/content/box4-top-left.gif) no-repeat 0px 0px; height:10px; line-height:10px;} div.box6 div.middle{padding:5px 10px; border-style:solid; border-width:0px 1px; border-color:#d3d3d3; background:#f3f3f3;} div.box6 div.bottom{background:url(../images/content/box4-bottom-right.gif) no-repeat 100% 0px;} div.box6 div.bottom div.left{background:url(../images/content/box4-bottom-left.gif) no-repeat 0px 0px; height:10px; line-height:10px;} div.popular{width:439px; float:left; padding-left:15px;} div.popular h2{color:#b90f1d; font-size:200%; font-weight:normal; margin-bottom:10px; line-height:20px; margin-left:5px;} div.popular ul li{font-size:120%; color:#828282; line-height:26px; background:url(../images/content/bullet-list.gif) no-repeat 0px 5px; padding:0px 0px 0px 20px; margin-left:15px; margin-bottom:5px;} /*----main box9----*/ div.box9{ background:#dbdbdb url(../images/content/main/box9-bg.jpg) 0 0 repeat-x;} div.box9 div.bottom{ background:url(../images/content/main/box9-bottom-left.gif) 0 0 no-repeat;} div.box9 div.bottom div.right{ background:url(../images/content/main/box9-bottom-right.gif) 100% 0 no-repeat; height:6px; line-height:6px;} /*----box10----*/ div.box10 div.top{ background:url(../images/content/main/comment-top-left.png) 0 0 no-repeat; padding-left:14px; height:14px;} div.box10 div.top div.right{ background:url(../images/content/main/comment-top-right.png) 100% 0 no-repeat; padding-right:14px; height:14px;} div.box10 div.top div.center{ height:14px; line-height:14px; background:#ececec;} div.box10 div.middle{ background:#ececec;} div.box10 div.bottom{ background:url(../images/content/main/comment-bottom-left.png) 0 0 no-repeat; padding-left:14px; height:14px;} div.box10 div.bottom div.right{ background:url(../images/content/main/comment-bottom-right.png) 100% 0 no-repeat; padding-right:14px; height:14px;} div.box10 div.bottom div.center{ height:14px; line-height:14px; background:#ececec;} /*----box-11----*/ div.box11 div.top{ background:#fff url(../images/content/main/box11-top-left.gif) 0 0 no-repeat;} div.box11 div.top div.right{ background:url(../images/content/main/box11-top-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} div.box11 div.middle{ background:#FFF;} div.box11 div.bottom{ background:#fff url(../images/content/main/box11-bottom-left.gif) 0 0 no-repeat;} div.box11 div.bottom div.right{ background:url(../images/content/main/box11-bottom-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} /*---- Seguros3 ----*/ div.pagination{ padding:15px 0px; clear:both;} a.home{margin-left:200px; margin-top:-10px; float:left;} /*---- Seguros3 - article ----*/ div.article{margin:0px 13px;} div.article div.top{background:url(../images/content/article-left.gif) no-repeat 0px 0px; } div.article div.top-right{background:url(../images/content/article-right.gif) no-repeat 100% 0px; height:47px;} div.article h2{font-size:240%; color:#0084b5; line-height:47px; padding:0px; text-indent:20px;} div.article div.content{background:#f3f3f3; padding:10px; border-width:0px 1px 2px 1px; border-color:#ececec; border-style:solid;} div.article div.content div.icon{padding-top:30px; padding-left:10px; float:left;} div.article div.content ul{margin:20px 0px 0px 140px;} div.article div.content ul li{background:url(../images/content/bullet4.gif) no-repeat 0px 3px; padding-left:20px; font-size:120%; line-height:16px; color:#2093bd; margin-bottom:6px;} div.article div.content ul li a{color:#5b5b5b; text-decoration:underline;} div.article div.content ul li a:hover{text-decoration:none;} /*---- Input Option ----*/ div.option{ padding:15px 0px; margin-bottom:10px;} div.option h2{color:#b90f1d; font-size:190%; line-height:20px; padding-left:0px; padding-bottom:5px; border-bottom:solid 1px #e2e2e2; font-weight:normal; margin-bottom:10px;} div.option ul{width:100%; overflow:hidden;} div.option ul li{float:left; background:url(../images/content/placeholder-img.gif) no-repeat 0px 0px; padding:5px; margin-right:20px;} /*---- Comments ----*/ div#comments {clear:both;} div#comments h2{color:#b90f1d; font-size:190%; line-height:20px; padding-left:0px; padding-bottom:5px; border-bottom:solid 1px #e2e2e2; font-weight:normal; margin-bottom:10px;} div#comments p.number{font-size:150%; color:#5d5d5d; border-bottom:dotted 1px #5d5d5d; padding-bottom:4px; float:left; line-height:15px; margin-bottom:10px;} div#comments a.leave-comment{float:right; background:url(../images/content/leave-comment-icon.gif) no-repeat 0px 2px; padding:10px 0px 10px 38px; color:#0084b5; font-size:130%; margin-top:-5px;} div#comments div.box7{background:url(../images/content/box6-middle.gif) repeat-y 0px 0px; clear:both; margin-bottom:10px;} div#comments div.box7 div.top{background:url(../images/content/box6-top.gif) no-repeat 0px 0px;} div#comments div.box7 div.bottom{background:url(../images/content/box6-bottom.gif) no-repeat 0px 100%; padding:20px;} div#comments div.comment-left{float:left; width:81px;} div#comments div.comment-left p.avtar{background:url(../images/content/avtar.gif) no-repeat 0px 0px; width:81px; height:44px; padding:20px 0px; text-align:center; margin-bottom:10px;} div#comments div.comment-left p.avtar img{ border: solid 1px #a7a7a7;} div#comments div.comment-left p.comment-no{font-size:260%; color:#afafaf; text-align:center; } div#comments div.comment-right{width:576px; float:right;} div#comments div.comment-right div.comment-detail{border:solid 1px #b90f1d; padding:10px; background:#fff; position:relative; margin-bottom:10px;} div#comments div.comment-right div.comment-detail .arrow{position:absolute; background:url(../images/content/comment-arrow.gif) no-repeat 0px 0px; width:18px; height:23px; margin-top:-13px; top:50%; left:-18px; } div#comments div.comment-right div.comment-detail p{font-size:130%; line-height:22px;} div#comments div.comment-right p.metadata{float:left; font-size:110%;} div#comments div.comment-right p.metadata span{color:#6c6c6c;} div#comments div.comment-right a.response-btn{float:right; background:url(../images/content/response-right-btn.gif) no-repeat 100% 0px; color:#b90f1d;} div#comments div.comment-right a.response-btn span{float:left; background:url(../images/content/response-btn.gif) no-repeat 0px 0px; padding:0px 10px; height:24px; line-height:24px;} div#comments div.pagination{clear:both; text-align:center;} div#comments div.pagination a{color:#b42a48; font-size:120%; border:solid 1px #e5c9d4; padding:3px 6px; text-decoration:none;} div#comments div.pagination a.active { color:#000; border:0; font-weight:bold; } div#comments div.pagination a:hover{background:#d13946; color:#fff; border-color:#b02937;} /*---- Comment - form ----*/ div#comment-form{} div#comment-form h2{color:#5d5d5d; padding:0px 0px 4px 0px; float:left; font-size:150%; font-weight:normal; border-bottom:dotted 1px #5d5d5d; line-height:18px; margin-bottom:10px;} div#comment-form div.section1{padding:10px; background:#faedee; border-width:1px 0px; margin-bottom:20px; border-style:solid; border-color:#e3767f; clear:both;} div#comment-form div.section1 p{font-size:150%; line-height:20px;} div#comment-form ul li{padding:10px 0px;} div#comment-form label{font-size:150%; text-indent:15px; display:block; margin-bottom:10px;} div#comment-form input.textbox{width:710px; padding:8px 3px; background:#f6f6f6; border:solid #e3e3e3 2px; } div#comment-form textarea{width:710px; padding:8px 3px; background:#f6f6f6; border:solid #e3e3e3 2px; height:100px;} /*------------------------------------------ // 6 SEGUROS-5 PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.post div.frame div.top{ background:#c0c0c0 url(../images/content/main/frame-top-left.gif) 0 0 no-repeat;} div#main div.post div.frame div.top div.right{ background:url(../images/content/main/frame-top-right.gif) 100% 0 no-repeat; height:6px; line-height:6px;} div#main div.post div.frame div.middle{ background:#c0c0c0; padding:3px 9px;} div#main div.post div.frame div.bottom{ background:#c0c0c0 url(../images/content/main/frame-bottom-left.gif) 0 0 no-repeat;} div#main div.post div.frame div.bottom div.right{ background:url(../images/content/main/frame-bottom-right.gif) 100% 0 no-repeat; height:6px; line-height:6px;} /*---- post ----*/ div#main div.post{ background:#fff;} div#main div.post div.top{ background:#ededed url(../images/content/main/post-top-left.gif) 0 0 no-repeat;} div#main div.post div.top div.right{ background:url(../images/content/main/post-top-right.gif) 100% 0 no-repeat; height:6px; line-height:6px;} div#main div.post h1{ background:#238fd7 url(../images/content/main/h1-bg.jpg) 0 0 no-repeat; line-height:22px; padding-left:10px; color:#FFF; font-size:190%; font-weight:normal; margin:0 10px 7px;} div#main div.post h1 span{ background:url(../images/content/main/h1-bg.jpg) 100% 0 no-repeat; display:block; padding-right:10px; padding-top:12px; padding-bottom:5px;} div#main div.post h1 a{ color:#FFF;} div#main div.post h1 a.insurance-quotes{ float:right; font-size:60%; background:url(../images/content/main/quote-bg.jpg) 0 0 no-repeat; width:159px; height:25px; line-height:25px; text-align:center; display:block; color:#FFF; font-weight:normal; text-decoration:none; margin:0px 0 5px 5px;} div#main div.post h2{ font-size:200%; color:#f50404; line-height:25px; border-bottom:#dddddd 1px solid; margin-bottom:16px; font-weight:normal; padding-bottom:5px;} div#main div.post div.entry{ padding:0 10px 0 25px;} div#main div.post div.entry div.frame{ float:left; margin:0 10px 10px 0; width:277px;} div#main div.post div.entry div.frame img{ border:#fff 1px solid;} div#main div.post div.entry p{ font-size:130%; color:#000; line-height:22px; margin-bottom:20px;} div#main div.post div.entry p a{ color:#f50404; font-weight:bold;} /*---- post - security features----*/ div#main div.post div.entry div.security-features{margin:0 -10px 0 -25px; position:relative; background:#f4f4f4; padding:0 20px 45px; width:690px;} div#main div.post div.entry div.security-features div.top{ background:#ededed url(../images/content/main/features-top-left.gif) 0 0 no-repeat; margin:0 -20px 20px; position:relative;} div#main div.post div.entry div.security-features div.top div.right{ background:url(../images/content/main/features-top-right.gif) 100% 0 no-repeat; height:6px; line-height:6px;} div#main div.post div.entry ul{ margin-bottom:15px;} div#main div.post div.entry ul li{font-size:130%; color:#818181; background:url(../images/content/main/list-icon.gif) 0 2px no-repeat; padding-left:12px; width:260px; float:left; margin:0 50px 5px 22px; } div#main div.post div.entry ul li a{color:#818181; text-decoration:none; border-bottom:#e5e5e5 1px solid; padding-bottom:5px; display:block; width:100%;} div#main div.post div.entry ul li a:hover, div#main div.post div.entry ul li.no-border a{ border:0; padding-bottom:6px;} /*----main box8/reviews----*/ div#main div.box8{ background:#e4e4e4 url(../images/content/main/box8-bg.jpg) 0 0 repeat-x;} div#main h2.heading1{ font-size:200%; font-weight:normal; line-height:46px; border-bottom:#c1c1c1 1px solid;} div#main h2.heading1 span.left{ background:url(../images/content/main/heading1-left.png) 100% 0 no-repeat; float:left; width:300px; padding-left:20px; color:#000;} div#main h2.heading1 span{ color:#a5a5a5;} div#reviews{ padding-top:1px; padding-bottom:50px;} div#reviews h2{ position:relative; margin:-47px 0 30px 0px;} div#reviews h2 a{ font-size:70%; color:#818181; background:url(../images/content/main/register.gif) 0 0 no-repeat; line-height:27px; padding-left:35px; float:right; margin:5px 10px 0 0;} div#reviews div.rating{ float:left; width:450px; padding-left:17px;} div#reviews div.rating span.rating{ background:url(../images/content/main/rating.jpg) 0 -56px no-repeat; height:55px; width:249px; padding-right:12px; display:block; margin-bottom:5px; float:left;} div#reviews div.rating span.rating span{ background:url(../images/content/main/rating.jpg) 0 0px no-repeat; width:249px; height:55px; display:block;} div#reviews div.rating h2{ font-size:200%; color:#484848; margin-top:10px; line-height:20px; float:left; font-weight:normal;} div#reviews div.rating p{ font-size:130%; color:#3f3f3f; float:left; margin:0;} div#reviews span.rating-no{ background:url(../images/content/main/rating-no-bg.jpg) 0 0 no-repeat; width:83px; height:79px; display:block; float:right; margin-right:15px; font-size:410%; color:#3a3a3a; padding:19px 0 0 19px; letter-spacing:-2px; line-height:33px;} /*----main comments----*/ div#comments{ padding-top:1px; margin-bottom:30px;} div#content div#comments h2{ padding:0; margin:0px 0 15px; position:relative;} /*----comment-box----*/ div#comments div.comment{ margin:0 10px 15px;} div#comments div.comment div.middle{ padding:0 13px 0 18px;} div#comments div.comment div.middle div.avtar{ float:left; width:52px; margin-right:10px;} div#comments div.comment div.middle div.avtar img{ border:#fff 3px solid;} div#comments div.comment div.details{float:left; width:615px;} /*----comment-entry----*/ div#comments div.comment div.comment-entry { margin-bottom:5px; } div#comments div.comment div.comment-entry div.top{ background:#fff url(../images/content/main/commentbox-top-left.gif) 0 0 no-repeat; z-index:2; position:relative;} div#comments div.comment div.comment-entry div.top div.right{ background:url(../images/content/main/commentbox-top-right.gif) 100% 0 no-repeat; height:13px; line-height:13px;} div#comments div.comment div.comment-entry div.middle{ background:#fff; padding:0 10px; margin:-4px 0 -8px; position:relative; z-index:1; padding-bottom:1px;} div#comments div.comment div.comment-entry div.bottom{ background:url(../images/content/main/commentbox-bottom-middle.gif) 0 0 repeat-x; padding:0; z-index:3; position:relative; height:20px;} div#comments div.comment div.comment-entry div.bottom div.left{ background:url(../images/content/main/commentbox-bottom-left.gif) 0 0 no-repeat; padding:0;} div#comments div.comment div.comment-entry div.bottom div.right{ background:url(../images/content/main/commentbox-bottom-right.gif) 100% 0 no-repeat; height:20px; line-height:20px; padding:0;} div#comments div.comment div.entry p{ line-height:16px; margin-bottom:5px;} div#comments div.comment div.metadata{ padding-left:15px; margin-top:-4px;} div#comments div.comment div.metadata p{ line-height:16px; background:url(../images/content/main/crose.gif) 0 0 no-repeat; padding-left:20px;} div#comments div.comment div.approved p{background:url(../images/content/main/right.gif) 0 0 no-repeat;} /*----main forms----*/ div#main div.forms{ padding:0 15px 0 20px;} div#main div.forms h2{ line-height:22px; border-bottom:#9b9b9b 1px solid; font-size:200%; font-weight:normal; padding-bottom:5px; margin-bottom:10px;} /*----main comment-form----*/ div#comment-form p{ margin-bottom:10px;} div#comment-form select{ margin-right:10px; width:175px; color:#8e8e8e; font-size:130%; float:left; background:#ececec; border:#fff 1px solid; padding:5px 0;} div#comment-form input.submit{ color:#FFF; font-size:130%; width:176px; height:30px; text-align:center; border:#f5f5f5 1px solid; display:block; float:left; background:url(../images/content/main/submit.jpg) 0 0 no-repeat; cursor:pointer;} /*----main login-form----*/ div#login-area { float:right; width:260px;} div#login-area div.middle{ padding:0 10px; } div#login-area h3{ font-size:130%; color:#cb0808; margin-bottom:7px; line-height:20px;} div#login-area fieldset{ padding:0 8px;} div#login-area input.textbox{ width:216px; padding:8px 3px; background:#e8e8e8; border:#b5b5b5 1px solid; margin-bottom:10px;} div#login-area input.submit{ color:#FFF; font-size:130%; font-weight:bold; background:url(../images/content/main/submit-button.jpg) 0 0 no-repeat; width:110px; height:29px; text-align:center; float:right; border:0; cursor:pointer;} /*------------------------------------------ // 7 REGISTRATION PAGE SPECIFIC STYLES //------------------------------------------*/ div#main h1.question{ font-size:270%; font-weight:normal; line-height:30px; letter-spacing:-2px; margin-bottom:20px; } div#main h1.question span{ color:#1c80c2; } div#container.registration div#main div.form{ width:379px; float:left; } div#container.registration div#main div.form div.form-top{ background:url(../images/content/main/form-top.gif) left top no-repeat; height:12px; line-height:12px; } div#container.registration div#main div.form div.form-middle{ border-left:1px solid #dadada; border-right:1px solid #dadada; padding:0px 14px 1px; } div#container.registration div#main div.form div.form-bottom{ background:url(../images/content/main/form-bottom.gif) left bottom no-repeat; height:46px; line-height:46px; } div#container.registration div#main div.form h2{ color:#b1b1b1; font-size:190%; font-weight:normal; line-height:15px; margin-bottom:10px; letter-spacing:-2px; } div#container.registration div#main div.form p { margin-bottom:10px; } div#container.registration div#main div.form p.submit { margin:0; } div#container.registration div#main div.form label{ display:block; margin:0px 0px 12px 5px; font-size:120%; color:#000; line-height:15px; } div#container.registration div#main div.form input.textbox { width:322px; border:1px solid #91caef; background:#f5f7f7; padding:5px; } div#container.registration div#main div.form p.description { color:#b1b1b1; font-size:90%; line-height:11px; } div#container.registration div#main div.box6{ width:527px; float:right; clear:none; padding:0px; } div#container.registration div#main div.box6 h2{color:#b90f1d; font-size:200%; font-weight:normal; margin-bottom:10px; line-height:20px; margin-left:5px;} div#container.registration div#main div.box6 div.box1-middle{ padding:5px 20px; } div#container.registration div#main div.box6 div.box1 ul li { background:url(../images/content/main/ciecle-icon.gif) left 6px no-repeat; padding-left:20px; font-size:130%; line-height:24px; margin-bottom:24px; } /*------------------------------------------ // 8 INSURANCE PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.box6 div.question-form{ padding:0 10px;} div#main div.box6 div.question-form div.avatar{ float:left; width:60px; text-align:center;} div#main div.box6 div.question-form div.avatar img{ border:#008de7 2px solid; margin-bottom:5px;} div#main div.box6 div.question-form div.avatar a.name{ font-size:140%; color:#008de7; font-weight:bold;} div#main div.box6 div.question-form form{ float:right; width:800px;} div#main div.box6 div.question-form form p span.textbox{ display:block;} div#main div.box6 div.question-form form p span.textbox span{ display:block;} div#main div.box6 div.question-form form p span.textbox span.top{ background:url(../images/content/main/text-top-middle.jpg) 0 0 repeat-x; height:10px;} div#main div.box6 div.question-form form p span.textbox span.top span.left{ background:url(../images/content/main/text-top-left.jpg) 0 0 no-repeat; height:10px;} div#main div.box6 div.question-form form p span.textbox span.top span.right{ background:url(../images/content/main/text-top-right.jpg) 100% 0 no-repeat; height:10px; line-height:10px;} div#main div.box6 div.question-form form p span.textbox span.middle{ border-right:#a7a7a7 1px solid; background:url(../images/content/main/text-middle-left.jpg) 0 0 repeat-y; padding:0 10px;} div#main div.box6 div.question-form form p span.textbox span.bottom{ background:url(../images/content/main/text-bottom-middle.jpg) 0 0 repeat-x; height:10px;} div#main div.box6 div.question-form form p span.textbox span.bottom span.left{ background:url(../images/content/main/text-bottom-left.jpg) 0 0 no-repeat; height:10px;} div#main div.box6 div.question-form form p span.textbox span.bottom span.right{ background:url(../images/content/main/text-bottom-right.jpg) 100% 0 no-repeat; height:10px; line-height:10px;} div#main div.box6 div.question-form p{ margin-bottom:10px;} div#main div.box6 div.question-form p input.textbox{ font-size:140%; color:#6c6c6c; font-weight:bold; width:770px; border:0;} div#main div.box6 div.question-form p textarea{ font-size:140%; color:#6c6c6c; font-weight:bold; width:770px; border:0; height:100px;} div#main div.box6 div.question-form p input.submit{ font-size:120%; color:#FFF; font-weight:bold; background:url(../images/content/main/submit2.jpg) 0 0 no-repeat; width:193px; height:32px; float:right; border:0;} div#main div.box6 div.question-form p span.limit{ font-size:180%; color:#c90000;} div#main span.page-no{ font-size:150%; color:#9e9e9e; margin-bottom:20px; display:block;} /*----qna----*/ div#main div.qna{ margin-bottom:24px;} div#main div.qna div.middle{ padding:20px 8px 5px 20px;} /*----question-metadata----*/ div#main div.qna div.question div.question-metadata{ float:left; width:107px; margin-right:20px; background:#d7d7d7;} div#main div.qna div.question div.question-metadata span.date{ font-size:140%; color:#FFF; background:#008de7; text-align:center; padding:10px; width:40px; display:block; float:left; line-height:15px; border-right:#f6f6f6 1px solid;} div#main div.qna div.question div.question-metadata span.avatar{ padding:10px 5px; width:36px; float:right; display:block;} div#main div.qna div.question div.question-metadata span.avatar img{ margin-bottom:6px;} /*----question-details----*/ div#main div.qna div.question div.question-details{ float:left; width:680px; margin-bottom:20px;} div#main div.qna div.question div.question-details h2{ font-size:220%; color:#000; font-weight:normal; margin-bottom:5px; line-height:15px; line-height:30px;} div#main div.qna div.question div.question-details p{ font-size:130%; color:#000; line-height:23px; margin-bottom:10px;} /*----answar----*/ div#main div.qna div.answar{} /*----answar-metadata----*/ div#main div.qna div.answar div.answar-metadata{ float:left; width:82px; margin-right:22px; padding-left:15px; font-size:140%; color:#008de7; font-weight:bold; text-align:center;} div#main div.qna div.answar div.answar-metadata span.avatar{ background:url(../images/content/main/avatar-frame.jpg) 0 0 no-repeat; width:82px; height:70px; display:block; padding:12px 0 0 0px;} div#main div.qna div.answar div.answar-metadata span.avatar img{ margin-bottom:6px;} /*----answar-details----*/ div#main div.qna div.answar h2{ font-size:180%; color:#c90000; font-weight:normal; margin:0 0 5px 118px; line-height:15px; line-height:30px;} div#main div.qna div.answar h2 a{color:#c90000;} div#main div.qna div.answar div.answar-details{ border:#bfbfbf 1px solid; padding:7px 10px 5px; background:#FFF; position:relative; float:left; width:750px;} div#main div.qna div.answar div.answar-details p{ font-size:130%; color:#000; line-height:23px; margin-bottom:5px;} div#main div.qna div.answar div.answar-details img.arrow{ position:absolute; left:-18px; top:32px;}