/********************************************************************************************** Title: CSS Author: Akash Verma Date: 2008 Copyright: Pixelcrayons URL: http://www.pixelcrayons.com *********************************************************************************************** 1. Global Reset 2. General Elements 2.1 Contact 3. Layout 3.1 Header 3.1.A Bread Crumb 3.1.B Banner 3.2 Footer 3.3 Home Intro 3.4 Why Pixelcrayons 3.5 Portfolio 3.6 What They Say 3.7 Faq's 3.8 Order Now ***********************************************************************************************/ /* 1. Global Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, a, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size:inherit;font-family: inherit;vertical-align: baseline;} ol{ list-style: none; } /* 2. General Elements body {font:100%/1.5 Arial, Helvetica, sans-serif;color: #4b4b4b;background:#000 url(../image/body_bg.jpg) left top repeat-x;} #font_format{font-size:12px;} #font_format p{font-size:12px;} .error{font-size:11px;color:#CC3300;} .success{font-size:11px;color:#009900;} .server_error{width:98.66%;padding:5px;border:1px solid #CC3300;background:#FFDDDD;margin-bottom:10px;float:left;overflow:hidden} .mandatory{color:#CC0000;font-size:12px;} -----------------------------------------------------------------------------------------------*/ /* 2.1 Contact -----------------------------------------------------------------------------------------------*/ .contact_cross_button{position:absolute;top:-25px;right:5px;cursor:pointer;z-index:99999999;} .ul{list-style: none;} #contact_container{position:relative;} .contact_container{position:relative;} #contact_container #contact{display:none;position:absolute;top:-395px;left:100px;} #contact_container #contact .top_curv{float:left;width:743px;background:url(../image/contact_top_curv_form.png) bottom left no-repeat;height:19px;} #contact_container #contact .mid_bg{float:left;width:680px; background:url(../image/contact_mid_bg_form.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} #contact_container #contact .bottom_curv{float:left;width:743px;background:url(../image/contact_bottom_curv_form.png) top left;height:18px;} #contact_container #contact input.error{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact label.error{color:#333;background:#f5e9e9 url(../image/error_icon.jpg) no-repeat left center;border:1px solid #FF0000;width:245px;padding:3px 3px 3px 25px;margin:5px 22px 10px 0;float:right;} #contact_container #contact .success{color:#000;font-weight:bold;background:#dcffdc url(../image/success_icon.jpg) no-repeat left center;width:243px;margin:5px 0 10px 0;border:1px solid #006600;float:left;padding:5px 5px 5px 25px;} #contact_container #contact .message_container{float:left;padding-left:120px;} #contact_container #contact .error_top{color:#333;background: #f5e9e9 url(../image/error_icon.jpg) no-repeat left center;border:1px solid #FF0000; width:240px;margin:5px 0 10px 0;float:left;padding:3px 3px 3px 30px;font-weight:bold} #contact_container #contact form{background:#454545;padding-bottom:20px;color:#fff;float:left;width:663px;padding:10px;position:relative} #contact_container #contact fieldset{float:left;width:360px} #contact_container #contact strong{color:#a2a2a2;font-size:24px;font-weight:bold;display:block} #contact_container #contact div{float:left;width:418px;font-size:12px;padding:0 0 10px 0;margin:0;} #contact_container #contact div span{float:left;width:400px;font-size:12px;padding:0 0 0 0;margin:0;} #contact_container #contact label{float:left;width:100px;padding-left:20px;font-size:12px;font-weight:bold;} #contact_container #contact input.input{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact input.security{width:140px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact .code{float:left;margin-right:30px} #contact_container #contact span{display:block;margin-bottom:10px;width:380px;padding:10px;font-size:12px;} #contact_container #contact textarea{float:left;width:270px;height:80px;border:3px solid #a2a2a2;} #contact_container form .contact_content{position:absolute;right:20px;top:55px;width:200px !important;border-left:1px solid #666} #contact_container #contact form .contact_content strong{font-weight:bold;font-size:14px;margin:0;padding:0} #contact_container #contact form .contact_content ul{list-style:none;margin:0;padding:0; float:right;width:auto;width:190px} #contact_container #contact form .contact_content ul li{margin:0;margin:0;background-image:none;width:auto} #contact_container_bottom{position:relative;} .contact_container{position:relative;} #contact_container_bottom #contact{display:none;position:absolute;top:-395px;left:100px;} #contact_container_bottom #contact .top_curv{float:left;width:743px;background:url(../image/contact_top_curv_form.png) bottom left no-repeat;height:19px;} #contact_container_bottom #contact .mid_bg{float:left;width:680px; background:url(../image/contact_mid_bg_form.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} #contact_container_bottom #contact .bottom_curv{float:left;width:743px;background:url(../image/contact_bottom_curv_form.png) top left;height:18px;} #contact_container_bottom #contact input.error{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background:#fff;} #contact_container_bottom #contact label.error{color:#333;background:#f5e9e9 url(../image/error_icon.jpg) no-repeat left center;border:1px solid #FF0000;width:245px;padding:3px 3px 3px 25px;margin:5px 22px 10px 0;float:right;} #contact_container_bottom #contact .success{color:#000;font-weight:bold;background-color:#dcffdc;width:243px;margin:5px 0 10px 0;border:1px solid #006600;float:left;padding:5px 5px 5px 25px;background-image:url(../image/success_icon.jpg);background-repeat:no-repeat;background-position:left center;} #contact_container_bottom #contact .message_container{float:left;padding-left:120px;} #contact_container_bottom #contact .error_top{color:#333;background-color:#f5e9e9;background-image:url(../image/error_icon.jpg);background-repeat:no-repeat;background-position:left center;border:1px solid #FF0000; width:240px;margin:5px 0 10px 0;float:left;padding:3px 3px 3px 30px;font-weight:bold} #contact_container_bottom #contact form{background-color:#454545;padding-bottom:20px;color:#fff;float:left;width:663px;padding:10px;position:relative} #contact_container_bottom #contact fieldset{float:left;width:360px;} #contact_container_bottom #contact strong{color:#a2a2a2;font-size:24px;font-weight:bold;display:block} #contact_container_bottom #contact div{float:left;width:418px;font-size:12px;padding:0 0 10px 0;margin:0;} #contact_container_bottom #contact div span{float:left;width:400px;font-size:12px;padding:0 0 0 0;margin:0;} #contact_container_bottom #contact label{float:left;width:100px;padding-left:20px;font-size:12px;font-weight:bold;} #contact_container_bottom #contact input.input{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container_bottom #contact input.security{width:140px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container_bottom #contact .code{float:left;margin-right:30px} #contact_container_bottom #contact span{display:block;margin-bottom:10px;width:380px;padding:10px;font-size:12px;} #contact_container_bottom #contact textarea{float:left;width:270px;border:3px solid #a2a2a2;height:80px;} #contact_container_bottom form .contact_content{position:absolute;right:20px;top:55px;width:200px !important;border-left:1px solid #666} #contact_container_bottom #contact form .contact_content strong{font-weight:bold;font-size:14px;margin:0;padding:0} #contact_container_bottom #contact form .contact_content ul{list-style:none;margin:0;padding:0; float:right;width:auto;width:190px} #contact_container_bottom #contact form .contact_content ul li{margin:0;margin:0;background-image:none;width:auto} /* 2.2 Contact .popup{display:none;position:absolute;top:-120px;left:-25px;width:330px} .popup .top_curv{float:left;width:330px;background:url(../image/pop_top_curv.png) top left;height:37px;cursor:pointer} .popup .mid_bg{float:left;width:270px; background:url(../image/pop_mid_bg.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} .popup .mid_bg .content_container{background:#333333;float:left;width:260px;color:#fff;font-size:12px;padding:5px;height:40px;} .popup .mid_bg .content_container strong{font-weight:bold} .popup .bottom_curv{float:left;width:330px;background:url(../image/pop_bottom_curv.png) top left;height:27px;} -----------------------------------------------------------------------------------------------*/ /* 3. LAYOUT #layout{width:971px;margin:0 auto;padding-top:20px;} .clear { clear:both; } .body_seprator{width:971px;float:left;background:url(../image/seprator_bg.jpg) no-repeat top left;padding-top:7px;} #body_container{float:left;width:971px;} -----------------------------------------------------------------------------------------------*/ /* 3.1.A Bread Crumb ------------------------------------------------------------------------------------------------ */ #bread_crumb{float:left;width:971px;height:32px;background:url(../image/bread_crumb_bg.jpg) no-repeat top left;} #bread_crumb ul{margin:0;padding:0;float:left;} #bread_crumb ul li{float:left;background:url(../image/bread_crumb_seprator_bg.png) right center no-repeat;height:20px;color:#808080;font-family:Tahoma;font-size:12px;padding:7px 20px 5px 10px;display:inline;font-weight:bold;font-size:11px;line-height:18px;} #bread_crumb ul li a{color:#808080;text-decoration:none;font-weight:normal;font-size:11px;} #bread_crumb ul li a:hover{color:#333} #bread_crumb span{float:right;padding-right:10px;padding-top:5px;height:20px;overflow:hidden;display:none} #bread_crumb span img{margin-right:10px;display:none} /* 3.1.B Banner #banner{float:left;width:971px;} ------------------------------------------------------------------------------------------------ */ /* 3.3 Home Intro ------------------------------------------------------------------------------------------------ */ .intro_header_bg{float:left;width:971px;background:url(../image/why_pixel_header_bg.jpg) no-repeat top left;border-top:1px solid #e1e1e1} .intro_header_bg div{float:left;height:292px;width:971px;} .intro_header_bg div div{float:left;width:600px;text-align:center;} .intro_header_bg div div .main{float:left;width:680px;text-align:center;} .intro_header_bg div div h3{font-size:40px;font-family:Arial, Helvetica, sans-serif;color:#010101;line-height:30px;margin-top:60px;margin-bottom:10px;} .intro_header_bg div div h3 span.color{color:#c84501} .intro_header_bg div div h3 span.semi{font-size:20px;color:#4a4a4a} .intro_header_bg div div p.text_size{line-height:16px;font-size:14px;padding:0 50px 0 45px;font-family:Arial, Helvetica, sans-serif;color:#797c80} .intro_header_bg div div p{line-height:16px;font-size:12px;padding:0 50px 0 45px;font-family:Arial, Helvetica, sans-serif;color:#797c80} .intro_header_bg div div p a{display:block;background:url(../image/order_now_btn.jpg) no-repeat;width:117px;height:27px;margin:13px auto 0 auto;} .intro_header_bg div div p a:hover{display:block;background-position:-0px -28px;width:117px;height:27px;} .intro_header_bg div div p a span{display:none} .intro_header_bg div .timer{float:right;margin:25px 106px 0 0} #links_container{float:left;width:463px;height:98px;border-top:1px solid #eaeaea;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333; background-color:#CCCCCC;} #links_container ul{float:left; margin:0px; padding:0px} #links_container ul li.contus {float:left;position:absolute;width:698px;} #links_container ul li {float:left;position:absolute;width:463px;background:url(../images/group-call1.gif) top left no-repeat;} #links_container ul li.last{float:left;position:absolute;width:463px;background:url(../images/appointment-reminder.gif) top left no-repeat;} /*#links_container ul li.last a{padding:8px 25px 8px 25px;height:82px;width:413px;} #links_container ul li.last a:hover{background-image:none;} #links_container ul li .mid_bg a:hover{padding:0px; margin:0px; height:auto;width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}*/ .mid_link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0E588C; text-decoration:underline;cursor:pointer;padding:0px;margin:0px;} .mid_link:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0E588C; text-decoration:none;cursor:pointer;} #links_container ul li strong{color:#333;font-size:12px;font-weight:bold;width:385px;float:left} #links_container ul li span{float:left;width:165px;font-size:11px;color:#797c80;position:relative;padding-right:25px} #links_container ul li span img{position:absolute; top:0;right:0} #links_container ul li span small img{position:static; top:0;right:0} #links_container ul li span small{display:block;color:#0088cc} #banner #links_container ul li span small img{position:relative} #links_conteinar{cursor:pointer;text-decoration:none;float:left;padding:8px 25px 8px 25px;height:82px;width:413px; text-align:left;} #links_contus{cursor:pointer;text-decoration:none;float:left;padding:0px;height:39px;width:92px; text-align:left;} /*#links_container ul li a{cursor:pointer;text-decoration:none;float:left;padding:8px 25px 8px 25px;height:82px;width:413px; text-align:left;} #links_container ul li a:hover{float:left;background: url(../images/group-call1.gif) top right no-repeat;}*/ #links_container ul li .top_curv{float:left;width:463px;height:18px; background-image:url(../images/top_curv_form.png); background-position:left top; background-repeat:no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_curv_form.png');} #links_container ul li .top_cvrv{float:left;width:698px;height:35px; background-image:url(../images/top_curv_form2.png); background-position:left top; background-repeat:no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_curv_form2.png');} #links_container ul li .top_curv img{float:left;} #links_container ul li .mid_bg{float:left;width:418px;height:285px;text-align:left;padding:10px 20px 0 25px;background:url(../images/mid_bg_form.png) top left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#545454; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mid_bg_form.png')} #links_container ul li .med_bg #many{float:inherit; clear:both;width:auto;height:auto;text-align:left;padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000000;} /*#links_container ul li .mid_bg a{padding:0px; margin:0px; height:auto;width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; text-decoration:underline;}*/ #links_container ul li .mid_bg .position{margin-top:50px} #links_container ul li #mid_link{position:relative;padding:0px;margin:0px;} #links_container ul li .mid_bg strong{font-size:22px;line-height:22px;color:#26465F;width:400px;float:left;font-weight:normal;text-transform:uppercase;background:url(../images/mid_big_line.gif) bottom left no-repeat;padding-bottom:10px} #banner #links_container ul li .mid_bg span{color:#4b4b4b;font-size:26px;width:573px;float:left;} #links_container ul li .mid_bg p{color:#4b4b4b;width:388px;float:left;padding:10px 30px 20px 0;margin:0;font-size:12px;} #links_container ul li .calculator form{width:542px;float:left;} #links_container ul li .calculator fieldset{float:left;width:542px;} #links_container ul li .calculator fieldset ul{float:left;width:542px;padding:0 0 0 0;margin:0;background-image:url(../image/calc_bg.jpg);background-position:top left;background-repeat:repeat-x} #links_container ul li .calculator fieldset ul li{float:left;width:524px; padding:5px 10px 5px 10px;border:none;background-image:none;color:#333333;font-weight:bold;font-size:12px;} #links_container ul li .med_bg{float:left;width:658px;height:412px;text-align:left;padding:10px 20px 0 20px;background:url(../images/mid_bg_form2.png) top left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000000; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mid_bg_form2.png')} #links_container ul li .calculator fieldset ul li.top{width:522px;padding-top:8px;padding-bottom:5px;font-size:28px;font-weight:normal;text-transform:uppercase; color:#0a4571;line-height:45px;color:#0a4571;margin-bottom:10px} #links_container ul li .calculator fieldset ul li.top img.discount{float:right;margin-top:2px;margin-right:-5px} #links_container ul li .calculator fieldset ul li.top img{float:right} #links_container ul li .calculator fieldset ul li.choose{} #links_container ul li .calculator fieldset ul li.mid{width:519px;padding:25px 10px 15px 15px; color:#333;font-size:11px;position:relative} #links_container ul li .calculator fieldset ul li.mid .discount{position:absolute;top:26px;right:-10px} #links_container ul li .calculator fieldset ul li.mid .note{font-size:11px;font-weight:normal;width:auto;display:none} #links_container ul li .calculator fieldset ul li.last{width:519px;padding:10px 10px 8px 15px;color:#333;background:url(../image/calc_seprator.jpg) top left no-repeat;} #links_container ul li .med_bg strong{font-size:22px;line-height:22px;color:#26465F;width:600px;float:left;font-weight:normal;text-transform:uppercase;background:url(../images/mid_big_line.gif) bottom left no-repeat;padding-bottom:10px} #links_container ul li .calculator strong{font-size:22px;line-height:25px;color:#26465F;width:400px;float:left;font-weight:normal;text-transform:uppercase;background:url(../images/mid_big_line1.gif) bottom left no-repeat;padding-bottom:10px} #links_container ul li .calculator fieldset ul li.last .button{float:right;margin-top:6px;} #links_container ul li .calculator fieldset ul li.last small{font-weight:bold;width:auto;display:inline;font-size:20px;background:#0a4571; padding:2px;color:#fff} #links_container ul li .calculator fieldset ul li small#professionalContent{width:514px; float:left;padding-top:5px;padding-left:10px;font-weight:normal;font-size:11px;} #links_container ul li .calculator{float:left;width:418px;height:310px;text-align:left;padding:10px 20px 0 25px;background:url(../images/mid_bg_form1.png) top left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#545454; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mid_bg_form1.png')} #links_container ul li .calculator fieldset ul li small#basicContent{width:514px;float:left;padding-top:5px;padding-left:10px;font-weight:normal;font-size:11px;} #links_container ul li .bottom_curv{float:left;width:463px;height:35px; background-image:url(../images/bottom_curv_form.png); background-position:left top; background-repeat:no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_curv_form.png');} #links_container ul li .bottom_cvrv{float:left;width:698px;height:18px; background-image:url(../images/bottom_curv_form2.png); background-position:left top; background-repeat:no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_curv_form2.png');} #links_container ul li .nda{top:-290px;left:-200px;position:absolute;display:none} #links_container ul li .nda ul{margin:0;padding:15px 0 10px 5px;float:left; width:auto;} #links_container ul li .nda ul li{background-image:none;float:none;font-size:12px;width:500px;list-style:none;padding-bottom:5px;font-size:12px} #links_container ul li .nda ul li.step1{background:url(../image/n1.jpg) no-repeat top left;padding-left:25px; background-color:} #links_container ul li .nda ul li.step2{background:url(../image/n2.jpg) no-repeat top left;padding-left:25px;} #links_container ul li .nda ul li.step3{background:url(../image/n3.jpg) no-repeat top left;padding-left:25px;} #links_container ul li .nda ul li img{float:left;margin-top:1px;margin-right:5px;} #links_container ul li .nda a.cross_button{position:absolute;top:-5px;right:10px;height:30px;width:30px;background:url(../images/cross.png) top right no-repeat; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross.png');} #links_container ul li .nda a.cross_button:hover{position:absolute;top:-5px;right:10px;height:30px;width:30px;background:url(../images/cross_h.png) top right no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross_h.png');} #links_container ul li .what{top:-350px;left:0px;position:absolute;display:none} #links_container ul li .whet{top:-350px;left:0px;position:absolute;display:none} #links_container ul li .what ul{margin:0;padding:10px 0 20px 0;float:left; width:auto} #links_container ul li .what ul li{background-image:none;float:none;font-size:12px;width:400px;list-style:none;font-size:12px;} #links_container ul li .what ul li.step1{background:url(../image/n1.jpg) no-repeat top left;padding-left:25px;} #links_container ul li .what ul li.step2{background:url(../image/n2.jpg) no-repeat top left;padding-left:25px;} #links_container ul li .what ul li.step3{background:url(../image/n3.jpg) no-repeat top left;padding-left:25px;} #links_container ul li .what ul li img{float:left;margin-top:1px;margin-right:5px;} #links_container ul li .what a.cross_button{position:absolute;top:3px;right:4px;height:30px;width:30px;background-image:url(../images/cross.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross.png');} #links_container ul li .what a.cross_button:hover{position:absolute;top:3px;right:4px;height:30px;width:30px;background-image:url(../images/cross_h.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross_h.png');} #links_container ul li .money{top:-411px;left:110px;position:absolute;display:none} #links_container ul li .money #cross_buttton{float:right; position:inherit; height:auto; width:698px; padding:0px; margin:0px;} #links_container ul li .money p{font-size:14px;} #links_container ul li .calc #cross_buttton a.cross_button{position:absolute;top:3px;right:5px;height:30px;width:30px;background-image:url(../images/cross.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross.png');} #links_container ul li .calc #cross_buttton a.cross_button:hover{position:absolute;top:3px;right:5px;height:30px;width:30px;background-image:url(../images/cross_h.png);background-position:top right;background-repeat:no-repeat; background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross_h.png');} #links_container ul li .money ul{margin:0;padding:0 0 10px 5px;float:left; width:auto} #links_container ul li .money ul li{background-image:none;float:none;font-size:12px;width:500px;list-style:none;padding-bottom:5px;font-size:12px;} #links_container ul li .money ul li.step1{background-image:url(../image/n1.jpg);background-repeat:no-repeat;padding-left:25px;background-position:top left;} #links_container ul li .money ul li.step2{background-image:url(../image/n2.jpg);background-repeat:no-repeat;padding-left:25px;background-position:top left;} #links_container ul li .money ul li.step3{background-image:url(../image/n3.jpg);background-repeat:no-repeat;padding-left:25px;background-position:top left;} #links_container ul li .money ul li img{float:left;margin-top:1px;margin-right:5px;} /*#links_container ul li .money a.cross_button{position:absolute; text-align:right;top:5px;right:5px;height:30px;width:30px;background-image:url(../images/cross.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross.png');} #links_container ul li .money a.cross_button:hover{position:absolute;top:5px;right:5px;height:30px;width:30px;background-image:url(../images/cross_h.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross_h.png');}*/ #links_container ul li .money #cross_buttton a.cross_buttton{top:418px;right:8px;height:30px;width:30px;background-image:url(../images/cross.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; position:absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross.png'); cursor:pointer;} #links_container ul li .money #cross_buttton a.cross_buttton:hover{top:418px;right:8px;height:30px;width:30px;background-image:url(../images/cross_h.png);background-position:top right;background-repeat:no-repeat;background-color:transparent; *background:none; position:absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cross_h.png'); cursor:pointer;} #links_container ul li .calc{top:-375px;left:475px;position:absolute;display:none} #links_container ul li .calc #cross_buttton{float:right; position:inherit; height:auto; width:463px; padding:0px; margin:0px;} #body_container.intro .content{background-color:#454545;width:931px;padding:20px;float:left;} .intro .content .features{width:340px;float:left} .intro .content .features h3{color:#fff;font-family:"Myriad Web";font-size:18px;padding-bottom:14px;padding-left:2px;float:left;width:340px;background-color:transparent} .intro .content .features h3 img{float:left;} .intro .content .features span{width:340px;float:left;padding-top:36px;} .intro .content .features span a{width:111px;height:24px;float:left;display:block;background:url(../image/view_more_btn.jpg);background-repeat:no-repeat;} .intro .content .features span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .features ul{width:340px;float:left;border-right:1px solid #5c5c5c;} .intro .content .features ul li{width:319px;float:left} .intro .content .features ul li a{text-decoration:none;background-color:#404040;display:block;width:305px;float:left;border-bottom:1px solid #454545;font-size:12px;color:#c7c7c7;padding:3px 7px 3px 7px;cursor:auto;} .intro .content .features ul li a:hover{background-color:#343434;width:305px;float:left;padding:3px 7px 3px 7px;} .intro .content .faq{float:left;width:293px;padding:0 0 0 20px} .intro .content .faq span{float:left;width:293px;padding-top:25px} .intro .content .faq span a{width:111px;height:24px;float:left;display:block;background:url(../image/view_more_btn.jpg);background-repeat:no-repeat;} .intro .content .faq span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .faq h3{color:#fff;font-family:"Myriad Web";font-size:18px;padding-bottom:14px;padding-left:2px;float:left;width:272px;background-color:transparent} .intro .content .faq h3 img{float:left;} .intro .content .faq ul{width:271px;float:left;color:#c7c7c7;font-size:12px;border-right:1px solid #5c5c5c;padding-right:20px} .intro .content .faq ul li{padding-bottom:17px;line-height:18px;} .intro .content .faq ul li.last{padding-bottom:0} .intro .content .faq ul li strong{color:#c7c7c7;font-weight:bold;} .intro .content .portfolio{float:left;width:250px;padding:0 0 0 20px;line-height:14px;} .intro .content .portfolio span{float:left;width:250px;padding-top:70px} .intro .content .portfolio span a{width:111px;height:24px;float:left;display:block;background:url(../image/view_more_btn.jpg);background-repeat:no-repeat;} .intro .content .portfolio span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .portfolio h3{color:#fff;font-family:"Myriad Web";font-size:18px;padding-bottom:14px;padding-left:2px;float:left;width:248px;background-color:transparent} .intro .content .portfolio h3 img{float:left;} .intro .content .portfolio ul{float:left;width:250px;} .intro .content .portfolio ul li{float:left;padding-right:15px;padding-bottom:15px;} .intro .content .portfolio ul li a{border:1px solid #b6b6b4;float:left;width:63px;height:53px;} .intro .content .portfolio ul li a.sample1{background-image:url(../image/1.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample1:hover{background-image:url(../image/1.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample2{background-image:url(../image/2.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample2:hover{background-image:url(../image/2.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample3{background-image:url(../image/3.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample3:hover{background-image:url(../image/3.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample4{background-image:url(../image/4.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample4:hover{background-image:url(../image/4.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample5{background-image:url(../image/5.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample5:hover{background-image:url(../image/5.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample6{background-image:url(../image/6.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample6:hover{background-image:url(../image/6.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample7{background-image:url(../image/7.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample7:hover{background-image:url(../image/7.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample8{background-image:url(../image/8.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample8:hover{background-image:url(../image/8.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample9{background-image:url(../image/9.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample9:hover{background-image:url(../image/9.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample10{background-image:url(../image/10.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample10:hover{background-image:url(../image/10.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample11{background-image:url(../image/11.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample11:hover{background-image:url(../image/11.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a.sample12{background-image:url(../image/12.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .portfolio ul li a.sample12:hover{background-image:url(../image/12.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .portfolio ul li a:hover{border:1px solid #fff;} .intro .content .portfolio p{color:#c7c7c7;font-size:12px;float:left;width:250px;} /* 3.4 Why Pixelcrayons ------------------------------------------------------------------------------------------------ */ .why_pixel_header_bg{float:left;width:971px;background:url(../image/why_us_header_bg.jpg) no-repeat top left;text-align:center;height:300px;border-top:1px solid #e1e1e1} .why_pixel_header_bg div h3{font-size:48px;font-family:"Myriad Condensed Web";color:#676767;text-align:center;line-height:30px;margin-top:90px;margin-bottom:30px;} .why_pixel_header_bg div p{color:#fff;font-family:Tahoma;font-size:12px;width:600px;margin:0 auto 0 auto;position: relative;} .why_pixel_header_bg div ul{float:left;width:951px;padding-left:20px;padding-top:30px} .why_pixel_header_bg div ul li{float:left;color:#fff;font-size:11px;text-align:left} .why_pixel_header_bg div ul li strong{display:block;font-size:16px;font-family:Tahoma;color:#ddb5b5;font-weight:bold} .why_pixel_header_bg div ul li.box1{width:320px;padding-right:20px} .why_pixel_header_bg div ul li.box2{width:300px;padding-right:20px} .why_pixel_header_bg div ul li.box3{width:270px;padding-right:20px} #body_container.why_pixel_main .content{background-color:#fdfdfd;width:971px;float:left;} #body_container.why_pixel_main .content div{float:left;width:933px;padding:10px 20px 10px 18px} #body_container.why_pixel_main .content div div{float:left;width:291px;padding:0;height:140px;padding:10px} #body_container.why_pixel_main .content div div img{float:left;margin:0;} #body_container.why_pixel_main .content div div strong{float:left;width:220px;display:block;font-weight:bold;margin-left:7px;margin-top:13px} #body_container.why_pixel_main .content div div p{width:291px;display:block;float:left;font-size:11px;padding-top:10px} /* 3.5 Portfolio ------------------------------------------------------------------------------------------------ */ #banner.portfolio_header_bg{float:left;width:931px;background:#fff url(../image/portfolio_header_bg.jpg) no-repeat top right;height:258px;border-top:1px solid #e1e1e1;padding:20px} #banner.portfolio_header_bg .latest{float:right;width:330px;line-height:16px;} #banner.portfolio_header_bg .latest .main_title{font-weight:bold;font-size:14px;} #banner.portfolio_header_bg .latest h3{color:#fff;font-size:18px;font-weight:bold;margin-top:10px;background-color:transparent} #banner.portfolio_header_bg .latest span{color:#808080;font-size:12px;font-family:Tahoma;margin-bottom:20px;display:block;padding-top:5px;cursor:pointer} #banner.portfolio_header_bg .latest span a{text-decoration:none;color:#3db2e4;cursor:pointer} #body_container.portfolio_container .note{background-color:#FFFFCC;border:1px solid #999999;font-size:11px;padding:5px;margin-top:10px;margin-bottom:10px;font-size:11px;} #body_container.portfolio_container strong{font-weight:bold} #banner.portfolio_header_bg .latest span a:hover{color:#3db2e4;text-decoration:underline} #banner.portfolio_header_bg p{font-size:12px;padding:20px 0 25px 20px;border-bottom:1px solid #ccc;width:510px;margin-bottom:8px;} #body_container.portfolio_container .portfolio_section_container{float:left;width:931px;background-color:#FFFFFF;padding:10px 20px 10px 20px} #body_container.portfolio_container .portfolio_section_container h3{font-size:18px;} #body_container.portfolio_container .portfolio_section_container p{font-size:12px;} #body_container.portfolio_container .content{background-color:#f2f2f2;width:951px;float:left;padding:20px 10px 0 10px} #body_container.portfolio_container .content ul{float:left;width:951px;} #body_container.portfolio_container .content li{float:left;width:305px;height:335px;padding-right:15px;padding-bottom:15px;cursor:pointer} #body_container.portfolio_container .content li.last{padding-right:0} #body_container.portfolio_container .content li a{width:275px;height:305px;float:left;text-decoration:none;background-color:#e8e8e8;border:1px solid #fff;padding:15px;font-size:12px;color:#4b4b4b;cursor:pointer} #body_container.portfolio_container .content li a strong{font-weight:bold;font-size:14px;} #body_container.portfolio_container .content li a:hover{background-color:#f4f4f4;border:1px solid #dedede;text-decoration:none;font-size:12px;color:#7d6a56} #body_container.portfolio_container .content li a span{display:block;width:262px;background-image:url(../image/image_cover.jpg);background-repeat:no-repeat;background-position:top left;height:256px;padding:9px 4px 4px 9px;float:left} #body_container.portfolio_container .content li small{width:262px;text-align:center;float:left;} /* 3.6 What They Say ------------------------------------------------------------------------------------------------ */ .what_they_say_bg{float:left;width:971px;background:url(../image/what_they_say_header_bg.jpg) no-repeat top left;text-align:center;height:300px;border-top:1px solid #e1e1e1} .what_they_say_bg div h3{font-size:48px;font-family:"Myriad Condensed Web";color:#676767;text-align:center;line-height:30px;margin-top:90px;margin-bottom:30px;} .what_they_say_bg div p{color:#7c7c7c;font-family:Tahoma;font-size:12px;width:600px;margin:0 auto 0 auto;position: relative;} .what_they_say_bg div p .top_quote_green{position:absolute;top:-20px;left:-30px} .what_they_say_bg div p .green_bottom_quote{position:absolute;right:-20px;bottom:-27px} #body_container.what_they_say .content{background-color:#fefefe;width:971px;float:left;} .what_they_say .box{background-color:#fefefe;width:911px;padding:20px 30px 20px 30px;float:left;background-image:url(../image/box_bg.jpg);background-repeat:repeat-x;background-position:bottom left;border-bottom:1px solid #cccaca} .what_they_say .box.last{border-bottom:none} .what_they_say .box h3{font-size:28px;font-style:italic;color:#676767;padding-bottom:10px;} .what_they_say .box h3 span{color:#969831} .what_they_say .box p{padding-bottom:15px;font-size:14px;padding:0 30px 20px 30px;margin-left:5px;} .what_they_say .box p.top_quote{background-image:url(../image/top_quote.png);background-repeat:no-repeat;background-position:top left;} /* 3.7 Faq's ------------------------------------------------------------------------------------------------ */ .faq_header_bg{float:left;width:971px;background:#fff url(../image/faq_header_bg.jpg) no-repeat top right;height:300px;border-top:1px solid #e1e1e1;} .faq_header_bg div h3{font-size:48px;font-family:"Myriad Condensed Web";color:#ae8012;text-align:left;line-height:50px;float:left;margin-top:60px;width:951px;margin-bottom:10px;padding-left:20px} .faq_header_bg div p{color:#a9a9a9;font-family:Tahoma;font-size:12px;width:600px;text-align:left;float:left;margin:0; padding:0 0 0 23px;} #body_container.faq_main .content{background-color:#fdfdfd;width:971px;float:left;} #body_container.faq_main .content div{float:left;width:931px;padding:10px 20px 10px 20px} #body_container.faq_main .content div div{float:left;width:400px;} #body_container.faq_main .content div div h3{font-size:20px;} #body_container.faq_main .content div div li{background-image:url(../image/arrow.gif);background-repeat:no-repeat;background-position:top left;padding-left:15px;font-size:13px;position:relative} #body_container.faq_main .content div div li .answer{background:#f9f9f9;border:#d4d4d4 solid 2px;padding:5px;width:370px;margin:4px 0;line-height:16px;} #body_container.faq_main .answer_text{font-family:tahoma;color:#80755c;font-size:11px;} #body_container.faq_main .odd_row{background-color:#efefef;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8} #body_container.faq_main .odd_row .answer_odd{background:#fff;border:#d4d4d4 solid 2px;padding:5px;width:370px;margin:4px 0;line-height:16px;} #body_container.faq_main .answer_box{border-top:1px solid #d8d8d8} #body_container.faq_main .answer_box .odd{background-color:#e2e2e2;padding:10px;font-size:11px;color:#454545} #body_container.faq_main .answer_box .even{background-color:#fff;padding:10px;font-size:11px;color:#454545} #body_container.faq_main .answer_box strong{font-weight:bold;font-size:13px;color:#454545;display:block} #body_container.faq_main .answer_box h3{font-size:20px;color:#4b4b4b;padding-bottom:10px} /* 3.8 Order Now ------------------------------------------------------------------------------------------------ */ .order_now_bg{float:left;width:971px; background:url(../image/order_now_header_bg.jpg) no-repeat top left;text-align:center;height:299px;border-top:1px solid #e1e1e1} .order_now_bg .small{font-weight:bold; color:#b70007;} .order_now_bg .image1{margin-top:8px;} .order_now_bg .image2{margin-left:28px; margin-top:0px; display:inline} .order_now_bg div{ float:left} .order_now_bg div h3{font-size:48px;font-family:"Lucida Sans";color:#b70007;text-align:center;line-height:60px;display:block;margin-top:15px;padding-left:100px;width:740px;background-color:transparent;} .order_now_bg div strong{color:#2a2a2a;font-size:28px;font-family:Tahoma;font-weight:normal;line-height:40px;display:block;text-align:left;padding-left:231px;width:740px; padding-bottom:5px; } .order_now_bg div p{color:#2a2a2a;font-family:Tahoma;font-size:12px;text-align:center;margin:0;display:block; padding:12px 0 0 0;padding-left:100px;width:740px;} #body_container.order_now_main .content{background-color:#fff;width:971px;float:left;border-bottom:1px solid #afada3} #body_container.order_now_main .content .package_tab{width:915px;float:left;padding:0 28px 0 28px;background-image:url(../image/package_tab_bottom_border.jpg);background-position:bottom left;background-repeat:no-repeat;} .package_tab span.choose_package{float:left;color:#a4a39a;margin-top:12px;margin-right:25px;margin-left:10px;font-size:20px;font-weight:bold} .package_tab span.choose_package strong{color:#4a4a48} .package_tab .step{float:left;margin-top:7px;} #body_container.order_now_main .content .package_details{width:915px;float:left;padding:20px 28px 0 28px;background-color:#e3e2d8} #body_container.order_now_main form{background-color:#ccc;width:971px;float:left;margin:0;padding:0} #body_container.order_now_main .content .brown_bar{float:left;width:915px;padding:15px 28px 15px 28px;background-image:url(../image/brown_bar_bg.jpg);background-repeat:repeat-x;background-position:top left;height:29px;font-size:12px;font-weight:bold;color:#fff;background-color:transparent} #body_container.order_now_main .content .brown_bar label{float:left;margin-right:20px;margin-top:3px;padding-left:50px} #body_container.order_now_main .content .brown_bar select{float:left; margin-right:25px; margin-top:2px;color:#2a2a2a;} #body_container.order_now_main .content .brown_bar div{float:right;} #body_container.order_now_main .content .brown_bar div span{float:left;margin-top:5px;margin-right:10px;} #body_container.order_now_main .content .brown_bar div strong{font-size:30px;color:#deddcf;line-height:28px;float:left;} #body_container.order_now_main .content .advanced_section{float:left;width:915px;padding:0 28px 0 28px;background-color:#e1dfd4;border-bottom:1px solid #fff} #body_container.order_now_main .content .advanced_options{float:left;width:971px;display:block} .advanced_options h3{font-size:18px;width:915px;padding:5px 28px 5px 28px;float:left;background-color:#79776b;border-bottom:1px solid #fff;color:#fff;float:left;cursor:pointer} .advanced_options h3 span{float:left;margin:5px 0 0 0;padding:0;width:30px;} .advanced_options h3 img{float:left;margin-top:1px;} .advanced_options .options_details{float:left;width:915px;padding:7px 28px 5px 28px;background-color:#e1dfd4;border-bottom:1px solid #fff;font-size:11px;} .advanced_options .options_details strong{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block} .advanced_options .options_details strong.dual_head{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block;border-top:1px solid #fff;padding-top:5px;float:left;margin-top:10px;width:211px} .advanced_options .options_details strong.dual_head.last{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block;border-top:1px solid #fff;padding-top:5px;float:left;margin-top:10px;width:242px} .advanced_options .options_details .options{float:left;width:215px;border-right:1px solid #fff;margin-right:5px;} .advanced_options .options_details .options.last{border:none;width:240px;} .advanced_options .options_details .options.largelast{border:none;width:450px;} .advanced_options .options_details .options .ul.dual{float:left} .advanced_options .options_details .options ul.dual li{float:left;width:103px} .advanced_options .options_details small{color:#666;font-weight:bold;} .advanced_options .options_details .options span{display:block;padding-left:5px;line-height:14px;} .advanced_options .options_details .option_container{width:909px;float:left;border-top:1px solid #fff;margin-top:4px;padding-top:5px;} .advanced_options .options_details .option_container.no_border{border:none;margin-top:0} #body_container.order_now_main .padding{padding-bottom:20px} #body_container.order_now_main .content .advanced_section ul.main_option{width:780px;float:left;padding:5px 0 5px 135px} .advanced_section ul.main_option li{display:inline;font-size:11px;color:#2f2f2f} .advanced_section ul.main_option li input{float:left;} .advanced_section ul.main_option li span{float:left;padding-top:2px;margin-left:10px;margin-right:20px} .advanced_section ul.main_option li span strong{color:#b70007;font-weight:normal;background-color:transparent} .advanced_featured{display:none} .layout_option{display:none} .software_implementation{display:none} #software{display:none} #note_main{background-color:#f6f6f3;border:1px solid #918f84;float:left;width:870px;padding:5px;margin:10px 0 10px 30px;color:#6e6c60;background-image:url(../image/bulb.jpg);background-repeat:no-repeat;background-position:5px 2px;padding-left:35px;font-size:11px;display:inline} #note_main strong{font-weight:bold;} #software .note{background-color:#f6f6f3;border:1px solid #918f84;float:left;width:870px;padding:5px 5px 5px 80px;margin:10px 0 10px 0;color:#6e6c60;background-image:url(../image/bulb.jpg);background-repeat:no-repeat;background-position:5px 2px;padding-left:35px;font-size:11px;} #software .note strong{font-size:11px;display:inline;padding:0;margin:0;} #layoutoptions{display:none} #features{display:none} #body_container.order_now_main .content .contact_info{float:left;width:915px;padding:10px 28px 10px 28px;background-color:#e6e7de;border-bottom:1px solid #fff;font-family:Tahoma;font-size:11px;color:#505050;text-align:center} #body_container.order_now_main .content .brown_bar.step2{width:915px;padding:3px 28px 15px 28px;background-image:url(../image/step2_bg.jpg);background-repeat:repeat-x;background-position:top left;} #body_container.order_now_main .content .brown_bar.step2 img{float:left;} #body_container.order_now_main .content .brown_bar.step2 span{float:left;padding-left:10px;font-size:20px;color:#fff;padding-top:6px;background-color:transparent} #body_container.order_now_main .content .brown_bar.step2 span strong{color:#e1dfd4;background-color:transparent} #body_container.order_now_main .content .form_container{float:left;width:915px;padding:15px 28px 0 28px;background-color:#fff;border-bottom:1px solid #fff} #body_container.order_now_main .content .form_container fieldset label.error {font-size:11px;color:#CC3300; display: block;float:left;width:302px;padding:0 0 0 128px;} #body_container.order_now_main .content .form_container .top_info_container{float:left;width:915px;} #body_container.order_now_main .content .form_container .secure{float:left} #body_container.order_now_main .content .form_container div.info{float:right;width:800px} #body_container.order_now_main .content .form_container div.info h3{font-size:18px;color:#5d5836;padding-bottom:15px;padding-top:10px} #body_container.order_now_main .content .form_container div.info p{font-size:12px;color:#555347;line-height:18px;} #body_container.order_now_main .content .form_container fieldset{float:left;width:915px;padding:20px 0 0 0;margin:0;} #body_container.order_now_main .content .form_container fieldset .form_row{float:left;width:915px;margin-bottom:25px} #body_container.order_now_main .content .form_container fieldset .mandatory{float:left;width:915px;margin-bottom:15px;font-size:11px;} #body_container.order_now_main .content .form_container fieldset .form_row .form_col_left{float:left;width:474px;} #body_container.order_now_main .content .form_container fieldset .form_row .form_col_right{float:left;width:434px;} #body_container.order_now_main .content .form_container fieldset .form_row span.message{font-size:11px;float:left;width:304px;padding-left:130px;padding-top:5px} #body_container.order_now_main .content .form_container fieldset .form_row select{margin-right:200px;} #body_container.order_now_main .content .form_container fieldset .message_container{float:left;width:915px;margin-bottom:0;padding:0;font-size:11px;} #body_container.order_now_main .content .form_container fieldset .message_container label.left_message{float:left;width:362px;padding-left:128px;} #body_container.order_now_main .content .form_container fieldset .message_container .error{font-size:11px;color:#CC3300} #body_container.order_now_main .content .form_container fieldset .message_container label.right_message{float:left;width:257px;padding-left:113px;} #body_container.order_now_main .content .form_container fieldset .form_row.last{margin-bottom:0;} #body_container.order_now_main .content .form_container fieldset label{float:left;width:128px;color:#2a2a2a;font-size:12px;padding-top:3px;} #body_container.order_now_main .content .form_container fieldset input{float:left;} #body_container.order_now_main .content .form_container fieldset select{float:left;} #body_container.order_now_main .content .form_container fieldset .style{background-color:#f8f8f7;border:1px solid #666666;color:#2a2a2a;font-size:13px;} #body_container.order_now_main .content .form_container fieldset #frmPaymentMode{margin-right:0} #body_container.order_now_main .content .form_container fieldset .payment_icons{float:left;margin-left:10px;background-color:#CC6633} #body_container.order_now_main .content .form_container fieldset input.width_style{width:304px;margin-right:0;padding:4px 0 4px 0;} #body_container.order_now_main .content .form_container fieldset input.width_style.last{margin-right:0} #body_container.order_now_main .content .form_container fieldset textarea{float:left;} #body_container.order_now_main .content .form_container fieldset textarea.width_style{width:778px;padding:4px 0 4px 0;height:50px;} #body_container.order_now_main .content .form_container fieldset .total{float:right;padding-right:6px;font-weight:bold;font-size:18px;} #body_container.order_now_main .content .form_container fieldset .total strong{font-size:30px;background-color:#b70007;padding:5px;color:#fff} #body_container.order_now_main .content .form_container fieldset .checkout{float:left;} #body_container.order_now_main .content .form_container fieldset .or{float:right;margin-right:10px;font-weight:bold;} #body_container.order_now_main .content .form_container fieldset .mandetory{color:#CC0000} #body_container.order_now_main .content .form_container .seprator_top{background-image:url(../image/form_seprator.jpg);background-position:top left;background-repeat:no-repeat;padding-top:10px;margin-top:20px} #body_container.order_now_main .content .form_container .seprator_top.specing{padding-top:20px} .basictab ul{margin-left: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;margin-right: 4px;padding-right: 0;padding-left: 0; margin-bottom: 0;float: left;} .basictab li{display: inline;margin: 0;width:auto;float:left} .basictab a {float:left;margin:0;text-decoration:none;background-image: url(../image/package_tab_lft.jpg);background-repeat: no-repeat;background-position: left -120px;padding-left:5px;} .basictab a span {float:left;display:block;color:#72705c;background-image: url(../image/package_tab_rgt.jpg);background-repeat: no-repeat;background-position: right -120px;font-weight:bold;font-size:13px;padding:16px 20px 13px 5px;font-size:20px;font-family:Tahoma;font-weight:normal} .basictab a span small{color:#b70007;} .basictab a span {float:none;} .basictab a:hover span {color:#4a4a4a;} .basictab a:hover{background-position:0% -55px;} .basictab a:hover span {background-position:100% -55px;} .basictab a.current {background-position:0% -55px;color:#4a4a4a} .basictab a.current span {background-position:100% -55px;color:#4a4a4a} .basictab a.current_none {background-position: left -120px;color:#72705c} .basictab a.current_none span {background-position: right -120px;color:#72705c} .basictab li a {text-decoration: none;margin-right: 1px;color: #0033CC;font-weight: normal;cursor:default;cursor:pointer;} .basictab li a:visited{color: #4a4a4a;font-weight: bold;} .basictab li a:hover {color: #4a4a4a;} .basictab li a.current{color: #4a4a4a;} .basictab li a:active{color: #4a4a4a;font-weight: normal;} #tabcontentcontainer{float: left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;width:915px;line-height:18px;margin: 0;position:relative} .tabcontent{display:none;} .tabcontent ul{margin-bottom:20px;} .tabcontent ul li{background-image:url(../image/package_list_seprator.jpg);background-repeat:repeat-x;background-position:bottom left;float:left;padding-bottom:5px;padding-top:5px;width:915px;} .tabcontent ul li span{background-image:url(../image/checked.jpg);background-position:top left;background-repeat:no-repeat;padding-left:20px;width:895px;float:left} .tabcontent ul li span strong{font-weight:bold} .tabcontent .note_top{background-color:#f6f6f3;border:1px solid #918f84;float:left;width:870px;padding:5px;margin:10px 0 10px 0;color:#6e6c60;background-image:url(../image/bulb.jpg);background-repeat:no-repeat;background-position:5px 2px;padding-left:35px;font-size:11px;} .tabcontent .note_top strong{font-weight:bold} .discount{float:left;margin-top:-7px;margin-right:20px} .radio{float:left;margin-right:7px; padding-top:3px; display:inline} .radio input{ float:left} .glink{font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FF0000; text-decoration:underline;} .glink:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#000000; text-decoration:underline;}