/************************************************ * * File : css/global.css * Version : v1.0 * Date : Saturday, 26 January 2008 * Email : JakeAlger@comcast.net * Website : JakeAlger.com * ************************************************ * Global style settings ************************************************/ @media screen { * { margin: 0; padding: 0; } html { background-color:#000; } body { text-align: center; font: 11px Tahoma, Arial, Verdana, sans-serif; color:#fff; } h1 { text-indent: -9000px; } img { border: 0; vertical-align: bottom; } a { text-decoration: none; overflow: hidden; } ul { list-style-type: none; } address { font-style: normal; } input { vertical-align: middle; } select { font-size: 0.85em; font-weight: normal; color: #12395A; } option { padding-left:5px; } textarea { font: 0.85em Tahoma, Arial, Verdana, sans-serif; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /************************************************ * Site Styles ************************************************/ .embed { width: 300px; font-size: 10px; background-color:#ccc; border:#e7e7e7 1px solid; } div.reg-errors { border:#00ef00 2px solid; padding: 20px; } div.reg-errors p { margin: 0 20px 0 0; padding: 0; font-weight: bold; float: left; } div.reg-errors ul { float: left; } div.reg-errors ul li { font-size: 11px; display: block; } #wrapper { text-align: left; } #wrapper #top { height: 33px; background-color:#363636; } #wrapper #top h1 a { width: 191px; height: 33px; float: left; background: url(../images/wca-main-header.gif) no-repeat; } #wrapper #top ul { margin-top: 9px; float: left; } #wrapper #top ul li { display: inline; font-weight: bold; margin-left: 21px; font-size: 12px; } #wrapper #top ul li a { color:#fff; } #wrapper #sub { float: left; width: 100%; background-color:#494949; } #wrapper #sub ul { padding: 7px; float: left; margin-right: 150px; } #wrapper #sub ul li { display: inline; color:#fff; } #wrapper #sub ul li#logout { margin-left: 550px; } #wrapper #sub ul li span { padding: 0 3px 0 6px; } #wrapper #sub ul li strong { color:#0bff0b; } #wrapper #sub ul li a { color:#fff; } #wrapper #sub #login { margin-top: 3px; float: left; } #wrapper #sub #login label { color:#fff; } #wrapper #sub #login input { margin-right: 10px; } #wrapper p#divider { float: left; width: 100%; margin-top: 10px; padding-bottom: 60px; background: url(../images/wca-divider-bg.gif) repeat-x 100% 100%; } #wrapper p#affiliate-ad { float: left; width: 100%; margin-top: 30px; } #wrapper #content { padding: 10px; width: 870px; float: left; } #wrapper #content #home { float: left; } #wrapper #content #home p.ad { float: left; } #wrapper #content #home #post { background: url(../images/wca-post-bg.gif) no-repeat 100% 0; padding-right: 84px; width: 570px; margin-left: 30px; float: left; } #wrapper #content #home #post dl { margin-top: 20px; } #wrapper #content #home #post dl dt { font-size: 14px; font-weight: bold; } #wrapper #content #home #post dl dd { font-size: 10px; } #wrapper #content #home #post p { margin-top: 15px; } #wrapper #content #home #post ul { margin-top: 65px; float: right; } #wrapper #content #home #post ul li { } #wrapper #content #home #post ul li a { width: 525px; height: 29px; float: right; text-indent:-9000px; background: url(../images/wca-affiliate-program.gif) no-repeat; } #wrapper #content #affiliate { width: 740px; padding: 20px; float: left; } #wrapper #content #affiliate p { margin-bottom: 30px; font-size: 12px; } #wrapper #content #affiliate #blocks { float: left; width: 335px; } #wrapper #content #affiliate #blocks div { margin-bottom: 10px; float: left; } #wrapper #content #affiliate #blocks div label { text-align: right; font-weight: bold; padding: 3px 5px 0 0; float: left; width: 150px; } #wrapper #content #affiliate #blocks div input { float: left; width: 150px; } #wrapper #content #affiliate #blocks div input#submit { width: 160px; height: 14px; margin: 10px 0 0 148px; } #wrapper #content #affiliate #blocks ul { line-height: 25px; } #wrapper #content #affiliate #blocks ul li { font-size: 12px; color:#fff; display: block; } #wrapper #content #affiliate #blocks ul li a { color:#00ef00; text-decoration: underline; } #wrapper #content #login h3 { color:#00ef00; } #wrapper #content #login { margin: 10px; } #wrapper #content #login div { margin-top: 10px; width: 770px; float: left; } #wrapper #content #login div label { margin-bottom: 2px; font-size: 12px; width: 770px; float: left; } #wrapper #content #login div input { padding: 1px; width: 250px; float: left; } #wrapper #content #login div input.button { margin-left: 203px; padding: 0; width: auto; } #wrapper #content #login div input.forgot { margin-left: 125px; padding: 0; width: auto; } #wrapper #content #products { width: 100%; padding: 20px; float: left; } #wrapper #content #products ul { text-align: center; } #wrapper #content #products ul li { display: inline; margin: 20px 0 15px 15px; } #wrapper #content #products ul li a img { margin-bottom: 15px; } #wrapper #content #productinfo { width: 100%; margin-bottom: 30px; float: left; } #wrapper #content #productinfo #prodflash { margin: 20px 0 0 50px; } #wrapper #content #productinfo #product { margin-top: 22px; float: left; width: 903px; height: 259px; background: url(../images/wca-product-bg.gif) repeat-x; } #wrapper #content #productinfo #product #shirt { padding: 49px 0 0 81px; float: right; margin-top: -8px; width: 212px; height: 269px; background: url(../images/wca-product-tshirt.gif) no-repeat 100% 0; } #wrapper #content #productinfo #product #linfo { width: 322px; float: left; margin: 61px 0 0 32px; } #wrapper #content #productinfo #product #linfo dl { width: 322px; color:#000; padding: 0 0 0 4px; } #wrapper #content #productinfo #product #linfo dl dt { font: 18px tahoma; font-weight: bold; } #wrapper #content #productinfo #product #linfo dl dd { font: 12px tahoma; } #wrapper #content #productinfo #product #linfo p#price { width: 322px; float: left; padding: 15px 0 15px 0; } #wrapper #content #productinfo #product #linfo p#price strong { float: left; font: 56px tahoma; color:#069306; } #wrapper #content #productinfo #product #linfo p#price em { float: left; margin-top: 10px; font: 18px tahoma; font-weight: bold; color:#727272; } #wrapper #content #productinfo #product #linfo ul { width: 322px; margin-top: 10px; float: left; } #wrapper #content #productinfo #product #linfo ul li { display: block; } #wrapper #content #productinfo #product #linfo ul li a { float: left; text-indent: -9000px; width: 229px; height: 25px; background: url(../images/wca-product-back_btn.gif) no-repeat; } #wrapper #content #productinfo #product #sandq { width: 250px; margin-top: 61px; float: left; } #wrapper #content #productinfo #product #sandq h4 { margin-bottom: 3px; font: 14px tahoma; font-weight: bold; color:#000; } #wrapper #content #productinfo #product #sandq div.size { margin-top: 5px; width: 125px; float: left; } #wrapper #content #productinfo #product #sandq div.size label { font: 12px tahoma; color:#000; float: left; } #wrapper #content #productinfo #product #sandq div.size input { height: 13px; width: 13px; margin-right: 5px; float: left; } #wrapper #content #productinfo #product #sandq #sboxes { width: 180px; margin-top: 5px; float: right; } #wrapper #content #productinfo #product #sandq #sboxes select { margin-top: 5px; width: 180px; font: 12px tahoma; color:#000; } #wrapper #content #productinfo #product #sandq ul { margin-top: 40px; float: right; } #wrapper #content #productinfo #product #sandq ul li { display: block; } #wrapper #content #productinfo #product #sandq ul li a { margin-top: 5px; width: 229px; height: 25px; text-indent: -9000px; float: right; } #wrapper #content #productinfo #product #sandq ul li#cart { float: right; margin: 10px 0 0 10px; } #wrapper #content #productinfo #product #sandq ul li a#add { background: url(../images/wca-product-addcart_btn.gif) no-repeat; } #wrapper #content #productinfo #product #sandq ul li a#view { background: url(../images/wca-product-viewcart_btn.gif) no-repeat; } #wrapper #content #faq { font-size: 12px; margin: 15px 0 0 29px; } #wrapper #content #faq h2, #wrapper #content #faq h3 { text-indent:-9000px; } #wrapper #content #faq h2 { width: 126px; height: 21px; background: url(../images/wca-faq-h2.gif) no-repeat; } #wrapper #content #faq #poptions { margin-top: 43px; } #wrapper #content #faq #poptions h3 { margin-bottom: 30px; width: 137px; height: 14px; background: url(../images/wca-poptions-h3.gif) no-repeat; } #wrapper #content #faq #poptions p { width: auto; float: left; margin-bottom: 10px; } #wrapper #content #faq #poptions p.image { width: 96px; margin-right: 20px; float: left; } #wrapper #content #faq #porder { margin-top: 20px; float: left; } #wrapper #content #faq #porder h3 { width: 272px; height: 16px; background: url(../images/wca-placeorder-h3.gif) no-repeat; } #wrapper #content #faq #porder ul { margin: 40px; } #wrapper #content #faq #porder ul li { padding-left: 95px; margin-bottom: 20px; font-weight: bold; } #wrapper #content #faq #porder ul li#step1 { background: url(../images/wca-step1-li.gif) no-repeat 20px 0; } #wrapper #content #faq #porder ul li#step2 { background: url(../images/wca-step2-li.gif) no-repeat 15px 0; } #wrapper #content #faq #porder ul li#step3 { background: url(../images/wca-step3-li.gif) no-repeat; } #wrapper #content #faq div { float: left; width: 100%; } #wrapper #content #faq div p { margin-bottom: 20px; } #wrapper #content #faq div h3 { height: 14px; margin-bottom: 20px; } #wrapper #content #faq div h3#refunds { width: 60px; background: url(../images/wca-refunds-h3.gif) no-repeat; } #wrapper #content #faq div h3#shipinfo { width: 453px; background: url(../images/wca-shipinfo-h3.gif) no-repeat; } #wrapper #content #faq div h3#shipprice { width: 118px; background: url(../images/wca-shipprices-h3.gif) no-repeat; } #wrapper #content #faq div h3#sitecont { width: 97px; background: url(../images/wca-sitecontent-h3.gif) no-repeat; } #wrapper #content #faq div h3#policy { width: 116px; background: url(../images/wca-policy-h3.gif) no-repeat; } #wrapper #content #faq div h3#sizes { width: 35px; background: url(../images/wca-sizes-h3.gif) no-repeat; } #wrapper #content #faq div h3#shrinkage { width: 75px; background: url(../images/wca-shrinkage-h3.gif) no-repeat; } #wrapper #content #faq div h3#corders { width: 116px; background: url(../images/wca-customorders-h3.gif) no-repeat; } #wrapper #content #mediacenter { margin: 20px; float: left; width: 100%; } #wrapper #content #mediacenter h2 { text-indent: -9000px; width: 726px; height: 18px; background: url(../images/wca-mediacenter-h2.gif) no-repeat; } #wrapper #content #mediacenter p { font-size: 10px; margin: 20px 0 20px 0; } #wrapper #content #mediacenter div { float: left; width: 100%; margin-bottom: 20px; } #wrapper #content #mediacenter div h3 { margin-top: 17px; font-weight: normal; font-size: 11px; width: 165px; float: left; } #wrapper #content #mediacenter div img { float: left; } #wrapper #content #mediacenter div ul { margin: 15px 0 0 25px; float: left; } #wrapper #content #mediacenter div ul li { color:#fff; font-weight: bold; float: left; margin-right: 20px; } #wrapper #content #mediacenter div ul li a { color:#00ef00; } #wrapper #content #advertising { margin: 20px; float: left; width: 100%; } #wrapper #content #advertising h2 { text-indent: -9000px; width: 727px; height: 20px; background: url(../images/wca-advertising-h2.gif) no-repeat; } #wrapper #content #advertising #leaderboard { margin: 20px; } #wrapper #content #advertising #skyscraper { float: left; width: 180px; margin: 0 70px 0 20px; } #wrapper #content #advertising #rblock { float: left; width: 340px; } #wrapper #content #advertising #rectangle { float: left; width: 180px; } #wrapper #content #advertising #forumsig { float: left; width: 340px; margin-top: 20px; } #wrapper #content #advertising dl { line-height: 17px; } #wrapper #content #advertising dl dt { color:#00ef00; } #wrapper #content #advertising dl dd { } #wrapper #content #advertising ul { } #wrapper #content #advertising ul li { margin-top: 10px; } #wrapper #content #advertising ul li a { } #registration { font-size: 12px; float: left; } #registration h2 { height: 18px; text-indent:-9000px; } #registration h3 { width: 700px; float: left; margin: 20px 0 20px 0; height: 18px; text-indent:-9000px; } #registration h3#eprof { background: url(../images/wca-editpro-head.jpg) no-repeat; margin-top: 0; } #registration h3#ainfo { background: url(../images/wca-affinfo-head.jpg) no-repeat; } #registration #user { margin: 20px; width: 100%; float: left; } #registration #user h2 { width: 195px; background: url(../images/wca-userreg-h2.gif) no-repeat; } #registration #user p { padding: 20px 0 20px 0; } #registration #user div { margin-bottom: 10px; width: 700px; float: left; } #registration #user div label { margin-bottom: 5px; width: 700px; float: left; } #registration #user div label em { color:#00ef00; font-style: normal; } #registration #user div input { width: 275px; float: left; } #registration #user div input.checkbox { width: auto; margin-top: 3px; float: left; } #registration #user div select.month { width: 125px; } #registration #user div select.day { width: 50px; } #registration #user div select.year { width: 75px; } #registration #user div p { float: left; padding: 3px 0 0 10px; } #registration #user div p.green { color:#00ef00; } #registration #user div p.white { color:#fff; } #registration #billing { margin: 20px; width: 300px; float: left; } #registration #billing h2 { margin-bottom: 47px; width: 168px; background: url(../images/wca-billingaddress-h2.gif) no-repeat; } #registration #billing div { margin-bottom: 10px; width: 300px; float: left; } #registration #billing div label { margin-bottom: 5px; width: 300px; float: left; } #registration #billing div label em { color:#00ef00; font-style: normal; } #registration #billing div input { width: 275px; float: left; } #registration #billing div.city, #registration #billing div.city label, #registration #billing div.city input { margin-right: 25px; width: 100px; } #registration #billing div.state, #registration #billing div.state label, #registration #billing div.state input { margin-right: 25px; width: 50px; } #registration #billing div.zip, #registration #billing div.zip label, #registration #billing div.zip input { width: 75px; } #registration #billing select { width: 200px; } #registration #shipping { margin: 20px; width: 300px; float: left; } #registration #shipping h2 { margin-bottom: 20px; width: 187px; background: url(../images/wca-shippingaddress-h2.gif) no-repeat; } #registration #shipping div { margin-bottom: 10px; width: 300px; float: left; } #registration #shipping div label { margin-bottom: 5px; width: 300px; float: left; } #registration #shipping div label em { color:#00ef00; font-style: normal; } #registration #shipping div input { width: 275px; float: left; } #registration #shipping div input.checkbox { width: auto; margin-top: 3px; float: left; } #registration #shipping div p { float: left; padding: 3px 0 0 10px; } #registration #shipping div.city, #registration #shipping div.city label, #registration #shipping div.city input { margin-right: 25px; width: 100px; } #registration #shipping div.state, #registration #shipping div.state label, #registration #shipping div.state input { margin-right: 25px; width: 50px; } #registration #shipping div.zip, #registration #shipping div.zip label, #registration #shipping div.zip input { width: 75px; } #registration #shipping select { width: 200px; } #registration #reg-btn { width: 100%; float: left; margin: 20px; } #wrapper #content #footer { margin-top: 30px; float: left; } #wrapper #content #footer p { padding-top: 15px; float: left; } #wrapper #content #footer ul { width: 650px; float: left; } #wrapper #content #footer ul li { } #wrapper #content #footer ul li a { width: 82px; height: 31px; text-indent:-9000px; float: right; background: url(../images/wca-fenton-image.gif) no-repeat; } }