/* ------------------------------------------------------------- Project Name Project Name devloper@pxdev.com developer3@silvertrees.net - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .version 1.0 .updated 00-00-2009 ------------------------------------------------------------- ------------------------------------------------------------- + Page structure + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Resets + Main layout + Forms - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /* ------------------------------------------------------------- 0. Rests - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ *{margin:0; padding:0;} .clear{ clear:both;} a{ color:#ff7f0c; text-decoration:none; outline:none;} body{ background:#f68933; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;} /* ------------------------------------------------------------- . Home Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #Home{ display:block; width:1000px; margin:0 auto; background:url(images/home.jpg) no-repeat top; height:573px; position:relative;} #Home .Logo{ position:absolute;} #Home .Logo{ display:block; position:absolute; top:13px; left:135px;} #Home .Logo a{ background:url(images/home_logo.jpg) no-repeat; height:95px; width:226px; display:block;text-indent:-9999px;} .Sneeze{display:block; text-indent:-9999px; height:66px; width:348px; background:url(images/45sec.jpg) no-repeat; position:absolute; top:17px; left:380px;} #Home .Context{width:315px; top:140px; position:absolute; left:380px; line-height:14px;} #Home .Context h2{ font-size:16px; padding-bottom:7px;} #Home .Context p{ padding-bottom:10px; font-size:13px;} #Home a.Seeprod {background:url(images/seeprod.jpg) no-repeat; height:67px; width:202px; display:block;text-indent:-9999px; position:absolute; top:420px; left:380px;} #Home a.buynow {background:url(images/buy.jpg) no-repeat; height:101px; width:251px; display:block;text-indent:-9999px; position:absolute; top:390px; left:600px;} #Home .Note{ color:#FFF; position:absolute; top:495px; left:380px; font-size:10px;} #Container .Note span{ color:#19e2ff;} .Note{ clear:both; color:#676767;} #Container{ width:952px; margin:0 auto; } #Contents{ background:#FFF url(images/contents_bg.jpg) no-repeat top center; position:relative; } #Contextarea{ display:block; position:relative;} #Header{ display:block; position:relative; height:133px;} #Header .Logo{ display:block; position:absolute; top:20px; left:25px;} #Header .Logo a{ background:url(images/logo.jpg) no-repeat; height:95px; width:226px; display:block;text-indent:-9999px;} h1.OrderForm{ display:block; text-indent:-9999px; height:46px; width:203px; background:url(images/order_form.jpg) no-repeat; position:absolute; top:60px; left:280px;} #top_left{ float:left; width:580px; display:inline; position:relative;} #top_right{ float:left; width:304px; display:inline; position:relative; top:60px;} .Cart{left:175px; width:360px; position:relative; top:15px; height:200px;} .Cart table td{ padding-left:20px;} .Cart h1{ color:#ff7f0c; font-size:18px;} .More{ background:url(images/arrow.jpg) no-repeat left center; padding-left:10px; font-weight:700;} #Summery{ display:block; position:relative; top:160px; left:35px;} #Summery table td{ padding:3px;} #LevelOne{ display:block; position:relative; height:545px;} #Leveltwo{ position:relative; display:block; width:840px; padding-left:40px; padding-bottom:0px; line-height:14px;} #Leveltwo p{ font-size:11px;} .bottom_left{ display:inline; float:left; width:385px; padding-right:30px;} .bottom_left ul{ list-style:none; padding:5px 0 5px 20px;} .bottom_right{ display:inline; float:left; width:415px;} /* ------------------------------------------------------------- .Forms - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ input, textarea{ background:#FFF url(images/input_bg.jpg) repeat-x top; border-top:1px solid #727272; border-bottom:1px solid #DADADA; border-left:1px solid #B4B4B4; border-right:1px solid #B4B4B4; border-top:1px solid #727272; padding:2px 0;} .input{ display:block; position:relative; height:30px; width:330px;} #CheckBoxGroup { padding:5px 0 0 10px; position:relative;} #CheckBoxGroup .input{ width:170px;} form h1{ font-size:13px; padding-bottom:15px; font-weight:700; display:block; color:#676767; } .input span{ color:#ff6619;} .input label{ font-weight:700; width:70px; color:#676767; font-size:11px; font-weight:100;} .text input, .textarea textarea, .check input , .submit input, .select select{ position:absolute; top:0;} .text input{ left:80px;width:200px;} .select{ position:relative;} .select select{ left:80px;} .textarea{ height:160px;} .textarea textarea{ top:30px; left:120px; width:200px; overflow:hidden; height:100px;} .check{ margin:7px 0 5px 0; display:block; width:270px;} .check input{ left:0; border:0; background:none; top:12px; position:absolute; } .check label{ left:19px; position:absolute; font-weight:100; width:100%; top:12px; color:#676767;} .submit{ position:relative; margin-bottom:20px; margin-top:5px; text-align:center; } .submit input{border:none; margin-bottom:5px; } .star_for_required{ font-weight:700; position:absolute; top:20px; left:-15px;} #back_button, #next_button{ border:1px solid #FFF; border: none; padding:0; display:block; position:static; display:inline; padding-right:10px; background:none; text-align:center; } .security_code{ height:60px; position:relative;} .security_code img{ position:absolute; left:100px; top:0; } .security_code input{ position:absolute; left:218px; top:20px; width:102px;} .security_code label{ position:absolute; top:20px; left:0; font-weight:700;} .Multi input{ width:73px;} #Footer{ display:block; height:29px;background:#FFF url(images/footer_bg.gif) no-repeat bottom ;} /* MASSAGES*/ .Error { background:#eedbd5 url(images/error_msg.gif) no-repeat 10px 10px; height:auto; text-align:left; width:350px; border:1px solid #bd5748; padding:14px 0 10px 40px; margin:0 auto 30px auto; color:#bd5748; font-weight:700; } .msg { background:#e6ebc3 url(images/suc_msg.gif) no-repeat 10px 10px; height:auto; text-align:left; width:400px; border:1px solid #709f33; padding:14px 0 10px 40px; margin:30px auto 30px auto; color:#709f33; font-weight:700; } .Notemessage { background:#FEF9F1 url(images/warn.gif) no-repeat 10px 10px; height:auto; text-align:left; width:400px; border:1px solid #9C3C1C; padding:20px 0 10px 60px; margin:30px auto 30px auto; color:#9C3C1C; font-weight:700; } .Error ul{ list-style:decimal; padding:3px 0 0 20px;} #quantity{ display:block; }