﻿* {margin : 0; padding : 0; border : 0;}



html {text-align : center; background : url(images/background_03.gif) repeat-x fixed;}



body { width : 970px; margin : 0px auto 30px auto; padding : 120px 0 0 0; border : 2px solid #adc8e2; background : #fff; font-family : Verdana, sans-serif; font-size : 62.5%; color : #3f3f3f;}


body * { overflow : hidden;}

#chartable { }






h1, h2, h3, legend {color : #0053a6;}



legend {font-weight : bold; margin : 0 0 5px 0;}



h1, legend {font-size : 1.6em;}



h2 {font-size : 1.3em;}



h3 {font-size : 1.1em;}







.clear {clear : both; height : 0; width : 0;}



.box {margin-bottom : 10px;}



.red {color : #bf0000;}



a.overlink {display : block; color : #bf0000; font-weight : bold; margin-top : 8px; padding-bottom : 0; text-align : center; float : left; font-size : 1.2em;}







/* Round corners structure */



.rnd_top_left {background : url(images/tl.gif);}



	.rnd_top_lefta {background : url(images/tla.gif);}



	.rnd_top_leftb {background : url(images/tlb.gif);}



	.rnd_top_leftc {background : url(images/tlc.gif);}	



.rnd_top_right {background : url(images/tr.gif) top right;}



	.rnd_top_righta {background : url(images/tra.gif) top right;}



	.rnd_top_rightb {background : url(images/trb.gif) top right;}



	.rnd_top_rightc {background : url(images/trc.gif) top right;}	



.rnd_bottom_right {background : url(images/br.gif) bottom right;}



	.rnd_bottom_righta {background : url(images/bra.gif) bottom right;}



	.rnd_bottom_rightb {background : url(images/brb.gif) bottom right;}



	.rnd_bottom_rightc {background : url(images/brc.gif) bottom right;}	



.rnd_bottom_left {background : url(images/bl.gif) bottom left;}



	.rnd_bottom_lefta {background : url(images/bla.gif) bottom left;}



	.rnd_bottom_leftb {background : url(images/blb.gif) bottom left;}



	.rnd_bottom_leftc {background : url(images/blc.gif) bottom left;}	



.rnd_border_top { border-top-width : 2px;}



.rnd_border_bottom { border-bottom-width : 2px;}



.rnd_border_top, .rnd_border_bottom, .rnd_content {border-color : #0053a6; border-style : solid;}



.rnd_content { border-right-width : 2px; border-left-width : 2px; border-bottom : 0px solid #fff;}



.rnd_contenta { border-right-width : 2px; border-left-width : 2px;}



.rnd_border_top, .rnd_border_bottom {height : 7px; margin : 0 10px;}



.rnd_border_topa, .rnd_border_bottoma {height : 10px; margin : 0 10px; background : #0053a6;}







#content_section {width : 956px; margin : 0 auto; text-align : left; font-size : 1.1em;}



#text {width : 776px; float : right;}



.full_width {width : 772px;}



#review_text { width : 535px; padding : 0 0 0 10px; float : left; font-size : 1.1em;}







.menu_header, .bottom_header {color : #fff; font-weight : bold; background : #0053a6;} 



.menu_header { line-height : 100%; text-align : center; padding-bottom : 5px;}



.bottom_header {text-indent : 0.8em; text-align : right; padding : 5px 10px 0 0; font-size : 1.3em; }







#head_section {width : 956px; height : 107px; position : absolute; top : 0; left : 50%; margin : 0 auto 0 -478px;}



#logo { width : 432px; height : 85px; margin : 7px 0 0 5px; float : left;}



#subhead {width : 956px; height : 1px; border-bottom : 8px solid #0053a6; position : absolute; bottom : 0; left : 0;}







#languages {display : block; width : 131px; height : 40px; margin : 7px 0 0 0; float : right;}



#languages li {display : block; float : left; width : 21px; height : 14px; margin : 0 4px 0 1px; overflow : hidden;}



#languages li a img {width : 21px; height : 14px;}



li#lang_header {width : 130px; float : none; clear : both; margin : 0;}







#head_menu {display : block; width : 520px; height : 27px; position : absolute; bottom : 0; right : 0; list-style : none;}



#head_menu li {display : block; float : left; border-right : 2px solid #fff; background : #0053a6; height : 27px;}



#head_menu li a {display : block; color : #fff; font-size : 1.3em; text-decoration : none; padding : 4px 0 0 0;}



#head_menu li a:hover {color : #ff0;}



li#hm_home {width : 60px; background : #0053a6 url(images/hm_left.jpg);}



li#hm_reviews {width : 160px;}



li#hm_articles {width : 80px;}



li#hm_news {width : 60px;}



li#hm_forum {width : 152px; border-right-width : 0; background : #0053a6 url(images/hm_right.jpg) top right;}







#charta { width : 772px; height : 84px; background : url(images/chart-header_03.gif); overflow:visible;}



.row_container {height : 25px; background : #d9e5f2; overflow:visible; }



.ddd {background : #f2f6fb;}



.row_container td { height : 25px; padding-top : 2px; border-top : 2px solid #0053a6; text-align : center; vertical-align : middle;  padding-top : 0.5em; padding-bottom : 0.3em; overflow:visible;}



.company {width : 174px;}



.rating {width : 110px;}



.number {width : 61px; font-weight : bold;}



.fee {width : 61px; font-weight : bold;}



.cost {width : 63px; font-weight : bold;}



.features {width : 194px;}



.review {width : 94px;}



.number, .fee, .cost { line-height : 2.5em;}



.rating, .number, .fee, .cost, .features, .review { border-left : 2px solid #0053a6;}



.company a {color : #063075; font-size : 13px; font-weight : bold;}



.review a {font-size : 11px;}



.audios {background-image : url(images/audios.gif);}



.cam2cams {background-image : url(images/cam2cams.gif);}



.freechats {background-image : url(images/freechats.gif);}



.gallerys {background-image : url(images/gallerys.gif);}



.hds {background-image : url(images/hds.gif);}



.audios, .cam2cams, .freechats, .gallerys, .hds {width : 26px; height : 23px; background-color : transparent; background-position : top left; float : left; display : block;}



.f5s {width : 163px; padding-left : 32px;}



.f4s {width : 150px; padding-left : 45px;}



.f3s {width : 137px; padding-left : 58px;}



.f2s {width : 124px; padding-left : 71px;}



.f1s {width : 111px; padding-left : 84px;}











.five, .fourh, .four, .threeh, .three, .twoh, .two, .oneh, .one, .zeroh, .zero { display : block; width : 102px; height : 19px; margin : 0 auto;}



.five { background : url(images/5.gif);}



.fourh { background : url(images/4.5.gif);}



.four { background : url(images/4.gif);}



.threeh { background : url(images/3.5.gif);}



.three { background : url(images/3.gif);}



.twoh { background : url(images/2.5.gif);}



.two { background : url(images/2.gif);}



.oneh { background : url(images/1.5.gif);}



.one { background : url(images/1.gif);}



.zeroh { background : url(images/_5.gif);}



.zero { background : url(images/0.gif);}







.five_s, .fourh_s, .four_s, .threeh_s, .three_s, .twoh_s, .two_s, .oneh_s, .one_s, .zeroh_s, .zero_s { display : block; width : 73px; height : 15px; margin : 8px auto;}



.five_s { background : url(images/5_s.gif);}



.fourh_s { background : url(images/4.5_s.gif);}



.four_s { background : url(images/4_s.gif);}



.threeh_s { background : url(images/3.5_s.gif);}



.three_s { background : url(images/3_s.gif);}



.twoh_s { background : url(images/2.5_s.gif);}



.two_s { background : url(images/2_s.gif);}



.oneh_s { background : url(images/1.5_s.gif);}



.one_s { background : url(images/1_s.gif);}



.zeroh_s { background : url(images/_5_s.gif);}



.zero_s { background : url(images/0_s.gif);}







#latest { width : 458px; float : left;}



/* #latest { width : 472px; float : left;} */



.index_box { font-size : 1.1em; padding : 0 10px;}



.index_box h1 {font-size : 1.2em; color : #0153a7;}



.index_box p {margin : 7px 0;}



.index_box p a { font-weight : bold; color : #0153a7;}



.news_story_title {text-decoration : underline; font-size : 1.1em; font-weight : bold;}







#see_all, #free_credits { width : 296px; height : 43px; margin : 0 0 10px 0; float : right;}



#bannerbody { width:300px; float:right; }



#see_all {background-image : url(images/sc101-see-all.jpg);}



#free_credits {background-image : url(images/sc101-free-credits.jpg);}







.overview p {margin-top : 5px; font-size : 1.1em;}



.overview p.menu_header {margin-top : 0; text-align : left; padding : 0 0 5px 13px; font-size : 1.3em;}



.overview_container {width : 760px;}



.overview_info {width : 535px; padding : 8px 8px 0 8px; float : left;}



.overview_rating { width : 192px; height : 156px; padding : 8px 0 0 16px; text-align : center; float : right;}



.overview_rating p { width : 200px; margin : 10px 0 0 0;}



.overview_rating p .h3 { padding : 2px 0 0 0; display : block; float : left;}



.reviews_total {font-size : 0.8em; text-align : center;}



.overview_rating .bred, .overview_info .bred { color : #3f3f3f; font-weight : bold;}



.overview_rating .bred { font-size : 0.9em;}



.overview_info a.overlink {width : 264px;}



.borda {background : transparent url(images/borda-bgr.gif) repeat-y 558px 0 ! important;}







#menu_left {width : 172px; float : left; font-size : 1.2em;}



#menu_left .menu_header {text-align : left; text-indent : 1em;}



#menu_left ul { list-style : none; padding : 10px 0 0 10px;}



#menu_left li {line-height : 1.4em; background : url(images/bbul.gif) 0 5px ; padding : 0 0 0 15px;}



#menu_left a {color : #0053a6; font-weight : bold; text-decoration : none;}



#menu_left a:hover {text-decoration : underline;}



#menu_left li.special { padding-top : 0.5em; background : none;}



#menu_left li.special a {color : #bf0000; font-size : 0.9em; text-decoration : underline;}











#bottom_menu_container, #copyright {width : 956px; text-align : center;}



#bottom_menu { width : auto; margin : 10px auto; list-style : none; font-size : 1.1em;}



#bottom_menu li { display : inline;}



#copyright {color : #999; margin : 30px 0 40px 0;}











/* review page */



#review_text p {margin : 8px 0; font-family : Arial, Verdana, sans-serif;}



#review_text ul, #review_text ol {list-style-position : inside; padding : 5px 0 5px 30px; color : #0053a6; font-weight : bold;}



#review_text ul li, #review_text ol li { padding : 0 0 0 8px;}



#review_text ul li span, #review_text ol li span {color : #3f3f3f; font-weight : normal;}



ol.review_ol_2 {list-style-type : lower-alpha;}







.goto_big {text-align : center; width : 100%; }



.goto_big a {font-weight : bold; font-size : 1.6em; color : #bf0000;}



#user_reviews .rnd_content {padding : 0 8px;}



.user_review, #review_form {border : 2px dashed #adc8e2; margin : 5px 0 5px 0; padding : 8px;}



.user_review_rating { width : 200px; font-size : 1.1em; font-weight : bold; line-height : 200%; float : left;}



.user_review_rating img {margin : 0 0 -3px 0;}



.post_info { width : 28em; font-size : 1.1em; font-weight : bold; float : right;}



.post_info p { margin : 8px 0 0 0;}



#review_form {background : #e5eef6;}



#review_form input, #review_form textarea {border : 1px solid #ccc; margin : 5px; }



#your_review {width : 725px; height : 100px; overflow:auto;}



#review_form input#your_submit {width : 90px; height : 30px; font-size : 1.8em; font-weight : bold; text-align : center; color : #fff; background : #0053a6; border-width : 0; line-height : 100%; float : right;}



#review_form label {font-size : 1.2em; font-weight : bold;}







#review_box { width : 210px; margin : 0 0 0 10px; text-align : center; float : left;}



.company_image img {margin : 2px;}



#review_box * {border-style : dashed;}



#review_box .rnd_content, #review_box .rnd_border_top, #review_box .rnd_border_bottom { background : #e5eef6;}



.review_box_rating {line-height : 200%;}



.review_box_rating img {margin-bottom : -3px;}







.icon_item, .bipolar {color : #0053a6; font-weight : bold; padding : 2px; font-size : 1.1em;}



.icon_item {text-align : right; padding-right : 35px;}



.icon_item a {text-decoration : none; color : #0053a6; line-height : 250%; }



.icon_item a img {margin-bottom : -5px;}



.icon_item a:hover {text-decoration : underline;}







.bipolar {clear : both; width : 202px; text-align : right;}



.bipolar span {display : block; float : left;}



.attr {text-align : right; width : 92px; padding-right : 1px;}



.val {text-align : left; width : 104px; padding-left : 1px; color : #3f3f3f; font-weight : normal; letter-spacing : -0.05em; font-size : 0.9em;}



.multiline {line-height : 1.6em; }



.val_down {padding-top : 1.2em;}











/* content page */



#content_text { width : 577px; padding : 0 0 0 10px; float : left; font-size : 1.1em; font-family : Arial, Verdana, sans-serif;}



#content_text * { overflow : visible;}



#content_text p {margin : 8px 0; line-height : 1.2em;}







#content_text ul, #content_text ol {list-style-position : outside; padding : 0 0 0 20px; color : #0053a6; font-weight : bold;}



#content_text ul li, #content_text ol li { padding : 1px 0 5px 0;}



#content_text ul li span, #content_text ol li span {color : #3f3f3f; font-weight : normal;}



ol.review_ol_2 {list-style-type : lower-alpha;}











.floating_image {display : block; width : 180px; text-align : center;}



.floating_image img {width : 180px; height : 140px;}



.img_desc {display : block; font-style : italic; color : #666;}



.to_right {float : right; padding : 5px 0 5px 15px;}



.to_left {float : left; padding : 5px 15px 5px 0;}



.param {text-indent : 30px;}



.param span.fword {font-weight : bold; font-size : 1.1em; color : #0053a6;}



#banner_right { width : 160px; height : 600px; background : #fff; margin : 5px 3px 0 15px; float : left; text-align : center;}







/* niche page */



#niche_top {margin-bottom : 10px; height : 222px;}



#niche_top p, .top_overview p {margin : 8px 0;}



#niche_top p {padding-right : 10px;}



#niche_main_img { width : 200px; height : 200px; margin : 0 10px; float : left;}



#top_companies_header {margin : 20px 0 0 10px;}



.top_overview {width : 748px; margin : 10px auto; padding-bottom : 8px; border : 2px solid #0053a6; }



.top_overview .menu_header {font-size : 1.2em; text-align : left; padding : 0 0 5px 10px;}



.top_overview .overview_right {width : 440px; padding : 0; border-right : none; float : left; }



.top_overview a.overlink { width : 210px;}



.top_overview_image { width : 160px; height : 120px; margin : 10px; float : left; }



.niche_box {width : 110px; margin : 10px 0 10px 12px; float : left;}



.niche_box .rnd_content { color : #0053a6; font-size : 1.2em; text-align : center;}



.niche_box .rnd_content span {font-size : 1.4em; font-weight : bold;}



.niche_box .rnd_content, .niche_box .rnd_border_top, .niche_box .rnd_border_bottom { background : #bfd4e9;}



a.box {text-decoration : none; display : block;}



a.box:hover .rnd_content {color : #ffc; background-color:#0053A6}    







/* coupon page */



#coupon_top {padding : 0 10px;}







.coupon_container {width : 748px; margin : 0 auto; padding : 15px 0; clear : both;  position : relative;}







.coupon {width : 734px; padding-bottom : 8px; border : 2px solid #0053a6; overflow : visible; float : left;}



.coupon_left_link {display : block; float : left; padding : 15px 15px 15px 10px;}



.coupon h2 {font-size : 1.7em; margin-top : 2px;}



.coupon h3 {font-size : 1.4em; color : #333; margin : 3px 0;}



.coupon p {padding : 0 130px 0 0;}



.coupon p a {color : #333; font-weight : bold;}



.coupon a.clink {display : block; width : 24em; margin : 10px auto 0 auto; text-align : center; color : #bf0000; font-size : 1.4em; font-weight : bold;}



.coupon a.clink:hover { color : #00f;}



.couponred {color: #FF0000;	font-weight: bold;}







a.greenstar, a.greenstar span {display : block; text-align : center; vertical-align : middle;}



a.greenstar { width : 134px; height : 135px; background : url(images/greenstar.gif); position : absolute; top : 5px; right : 0; font-size : 1.2em; font-weight : bold; padding-top : 2.5em; color : #3f3f3f; text-decoration : none;}



a.greenstar span {font-size : 2.9em; font-weight : normal;}







/***/



body * { background-repeat : no-repeat!important;}











<!-- haroon additional -->



#emailerr { color: #FF0000; font-size: 1.5em; align: center; background-color: yellow; }



#req { color: red; font-size: 1.5em; align: center;}



<!----------------- ------------- -->







.stars {  display:inline;}



/*******/