/*===================================================== // Version : 2.0 // Project : TV SHOW EXPRESS //=====================================================*/ /* ----- HTML TAG RESET & CLEARFIX ----- */ body,div,dl,dt,dd,ul,ol,li,h1, h2,h3,h4,h4,h6,pre,form,fieldsetg, input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; vertical-align: bottom; } a,h1 { overflow: hidden; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h4,h6 { font-size: 100%; font-weight: normal; overflow: hidden; } q:before,q:after { content: ''; } abbr,acronym { border: 0;} .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; } ci_00830_e { margin-top:10px; border: solid red 1px} /* ---------- GENERAL */ body { font-family: arial,sans-serif; font-size: 11px; background: #fff; color: #6c7d86; } #container { width: 867px; margin: 10px auto 0 auto; position: relative; } h2 { background: #fff url(../images/h2.jpg) no-repeat bottom left; width: 557px; height: 25px; padding: 0 0 0 20px; font-weight: bold; font-size: 14px; color: #006aa7; margin: 0 0 10px 0; position: relative } h3 { color: #1eacff; font-size: 14px; font-weight: bold; padding: 0 0 3px 0; } .green { color: #36c400 } .info { background: transparent url(../images/help.jpg) no-repeat 0 2px; height: 17px; padding: 3px 0 0 25px; margin: 15px 0; } .input_text { border: 1px solid #22aeff; width: 218px; height: 16px; font-size: 10px; padding: 2px 0 0 2px } .input_select { border: 1px solid #22aeff; width: 222px; height: 20px; font-size: 10px; } .left { float: left; margin: 0 5px 0 0 } /* ---------- HEADER */ #header { background: #fff url(../images/header.jpg) no-repeat; width: 857px; height: 110px } #header h1 { display: none } #steps { margin: 10px 0 10px 0; height: 45px } #steps li { float: left; text-indent: -9999px; } #step_1 { background: #fff url(../images/step-1.jpg) no-repeat; width: 287px; height: 42px } .step_1_active { background: #fff url(../images/step-1_active.jpg) no-repeat !important; } #step_2 { background: #fff url(../images/step-2.jpg) no-repeat; width: 283px; height: 42px } .step_2_active { background: #fff url(../images/step-2_active.jpg) no-repeat !important; } #step_3 { background: #fff url(../images/step-3.jpg) no-repeat; width: 282px; height: 42px } .step_3_active { background: #fff url(../images/step-3_active.jpg) no-repeat !important; } /* ---------- SIDEBAR */ #sidebar { float: left; width: 255px; margin: 0 0 10px 0; } #features_list { background: #fff url(../images/features_list_bg.jpg) no-repeat; width: 165px; height: 700px; padding: 48px 0 0 90px; margin: 0 0 20px 0 } #features_list li { font-size:10px ; margin-right: 9px; background: transparent url(../images/dot.jpg) no-repeat 0 6px; padding: 0 0 0 8px; } #features_img { width: 255px; margin-top:25px; margin-left:-100px } /* ---------- MAIN */ #main { float: left; width: 580px; margin: 0 0 10px 15px; position: relative; } /* ----- step 1 */ #form_step_1 { border-bottom: 1px solid #1EACFF; padding-bottom: 10px; margin: 10px 0 0 0; margin-bottom: 25px; } #form_step_1 div { margin: 0 0 10px 0 } #form_step_1 label { float: left; width: 100px; color: #008bdc; padding: 4px 0 0 0 } #box_info { width: 400px; height: 20px; margin: 20px 0 0 0 !important } #box_info label { float: none !important; color: #6c7d86 !important } #box_submit { margin: 10px 0 0 0 !important } #cnn { position:absolute; right:36px; margin-top:10px; } /* ----- step 2 */ #safe { position: absolute; top: 0; right: 0; } #payment_methods { position: absolute; top: 32px; right: 0; } #deal { background: #fff url(../images/special_bg.jpg) no-repeat; width: 190px; height: 68px; position: absolute; top: 72px; right: 0; } #ending { position: absolute; top: 10px; right: 0; text-align: right; width: 120px } #countdown { position: absolute; top: 25px; right: 0; text-align: right; width: 120px; color: #1eacff; font-size: 24px; } #safely { position: absolute; top: 137px; right: 46px; } #form_step_2 { padding: 0 0 2px 0; border-bottom: 1px solid #1EACFF } #form_step_2 div { margin: 20px 0; } #form_step_2 label { font-weight: bold; color: } #plans { margin: 10px 0 10px 0;} #plans p { color:#1EACFF; width: 300px; height: 23px; padding: 8px 0 0 10px; } .gray { background: transparent url(../images/zebra_gray.jpg) no-repeat;border:1px inset #1EACFF } #info_step { position: absolute; top: 710px; margin-left: 28px } #form_bottom_2 { margin: 5px 0 0 0; position: absolute } #form_bottom_2 img { width: 575px; padding: 7px 0 15px; border-top: 1px solid #1EACFF } /* ---------- FOOTER */ #footer { clear: both; border-top: 1px solid #1eacff; padding: 10px 0 0 0; text-align: center } #footer a { text-decoration: none; color: #98a4aa }