/* File: gen.css Desc: Alwaysloved Clothing Co. - general styles Author: Edible Labs Created: 27/09/2009 Modified: 14/08/2010 /* /*-------------------------------------------------------------- GLOBAL STYLES --------------------------------------------------------------*/ html{height:100%;} body{ background-color:#FFFFFF; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#404040; text-align:center; height:100%;} a:link{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#606060;} a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#606060;} a:active{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#606060;} a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#808080;} img{border:0px;} ul{padding:0px; margin:0px; list-style:none;} form{margin:0px;} input{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} select{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} textarea{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} h1,h2,h3,h4,h5{margin:0; padding:0;} .clearfix{clear:both; height:1px;} .req{color:#CC0000;} .error{color:#CC0000; line-height:16px; margin-bottom:16px; text-align:center;} .error .ttl{font-weight:bold; color:#404040;} .pagettl{font-size:14px; margin-bottom:12px; text-align:left;} .subttl{font-size:11px; font-weight:bold; color:#D70029; margin-bottom:4px;} .share{margin-bottom:12px; text-align:center;} .pgcon{height:20px;} .pgcon a{display:block; width:100%; height:20px; background-color:#EEEEEE; color:#000000; text-decoration:none; font-weight:normal; overflow:hidden;} .pgcon a:hover{background-color:#C9ECF2; color:#000000;} .pgcon .but{float:right; height:20px; line-height:20px; margin-left:4px;} .pgcon .end{width:70px;} .pgcon .num{width:20px;} .current{color:#FFFFFF;; background-color:#F5A4A4; cursor:default;} .pgcon-top{height:20px; margin-bottom:12px;} .pgcon-top .showing{float:left; width:560px; line-height:20px; font-weight:bold; color:#909090; text-align:left; margin-right:10px;} .pgcon-top .showing h1,.showing h2,.showing h3,.showing h4,.showing h5{display:inline; font-size:11px;} .pgcon-top .cons{float:left; width:370px;} .pgcon-bot{height:20px; padding-right:4px; margin-bottom:12px; margin-left:auto; margin-right:auto;} .colour-white{background-color:#FFFFFF;} .colour-lightgrey{background-color:#CECFC9;} .colour-grey{background-color:#7E8188;} .colour-darkgrey{background-color:#45474B;} .colour-black{background-color:#000000;} .colour-lightblue{background-color:#8DB3D2;} .colour-blue{background-color:#184B8F;} .colour-darkblue{background-color:#192033;} .colour-creme{background-color:#F5EDD3;} .colour-lightyellow{background-color:#EDE272;} .colour-gold{background-color:#F29921;} .colour-orange{background-color:#D53E27;} .colour-lightpink{background-color:#FCD9D9;} .colour-red{background-color:#A50120;} .colour-darkred{background-color:#6E0022;} .colour-purple{background-color:#462445;} .colour-green{background-color:#469C4A;} .colour-darkgreen{background-color:#012E27;} .colour-army{background-color:#464135;} .colour-brown{background-color:#332928;} .colour-heathergrey{background-color:#B6B6B6;} /*-------------------------------------------------------------- SITE STRUCTURE STYLES --------------------------------------------------------------*/ #main-wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto -62px;} #main-wrapper-fix{height:62px;} #header{width:100%; height:214px; background-image:url(/images/headbg.gif); background-repeat:repeat-x; background-position:50% 0; margin-bottom:10px;} #header .inner{width:940px; margin-left:auto; margin-right:auto; text-align:left; position:relative;} #header .inner #sun_bot{position:absolute; left:28px; top:130px; width:376px; height:84px; background-image:url(/images/head_sun_bot.gif); background-repeat:no-repeat;} #header .inner #sun_rght{position:absolute; left:404px; top:0; width:208px; height:162px; background-image:url(/images/head_sun_rght.gif); background-repeat:no-repeat;} #header .inner .logo{position:absolute; left:4px; top:0;} #header #nav a{display:block; width:100%; background-image:url(/images/nav.gif); background-repeat:no-repeat; text-indent:-999px; overflow:hidden;} #header #nav li{position:absolute;} #header #nav .home{width:99px; height:73px; left:493px; top:93px;} #header #nav .home a{height:73px; background-position:0 0;} #header #nav .home a:hover{background-position:-99px 0;} #header #nav .store{width:105px; height:74px; left:598px; top:105px;} #header #nav .store a{height:74px; background-position:0 -73px;} #header #nav .store a:hover{background-position:-105px -73px;} #header #nav .photos{width:125px; height:78px; left:710px; top:87px;} #header #nav .photos a{height:78px; background-position:0 -147px;} #header #nav .photos a:hover{background-position:-125px -147px;} #header #nav .about{width:93px; height:66px; left:839px; top:103px;} #header #nav .about a{height:66px; background-position:0 -225px;} #header #nav .about a:hover{background-position:-93px -225px;} #header #ropes li{position:absolute; top:0; background-repeat:no-repeat;} #header #ropes #rope1{left:544px; width:5px; height:93px; background-image:url(/images/head_rope1.gif);} #header #ropes #rope2{left:587px; width:124px; height:105px; background-image:url(/images/head_rope2.gif);} #header #ropes #rope3{left:711px; width:121px; height:87px; background-image:url(/images/head_rope3.gif);} #header #ropes #rope4{left:832px; width:56px; height:103px; background-image:url(/images/head_rope4.gif);} #header #lghtn{position:absolute; left:644px; top:179px; width:17px; height:22px; background-image:url(/images/head_lghtn.gif); background-repeat:no-repeat;} #content-wrapper{width:940px; margin-left:auto; margin-right:auto; margin-bottom:10px;} #content-left{float:left; width:200px; margin-right:12px;} #content-left .box{width:188px; padding:4px; border:2px solid #EEEEEE; text-align:left; margin-bottom:12px;} #content-right{float:left; width:728px; text-align:left;} .boxttl{font-size:12px; color:#D70029; margin-bottom:6px;} .content-text{text-align:left; line-height:16px;} .content-text p{padding:0; margin-top:0; margin-bottom:16px;} #footer{width:100%; height:62px; background-image:url(/images/footbg.gif); background-repeat:repeat-x; background-position:50% 0;} #footer .inner{width:940px; padding-top:7px; margin-left:auto; margin-right:auto; text-align:left;} #footer .inner a{color:#FFFFFF; font-weight:normal;} #footer .inner .wrapper{padding-top:10px; color:#FFFFFF; font-size:10px; line-height:10px;} #footer .inner #siteby{float:right; margin-left:6px; margin-right:3px;} /*-------------------------------------------------------------- BROWSER UPGRADE STYLES --------------------------------------------------------------*/ #browser_upgrade{position:relative; left:0px; top:0px; background:#FEEFDA; text-align:center; height:77px; width:100%; z-index:199;} #browser_upgrade img{border:0;} #browser_upgrade .alert_inner{height:75px; border:1px solid #F7941D;} #browser_upgrade .alert_close{position:absolute; right:3px; top:3px; font-family:courier new; font-weight:bold; cursor:pointer;} #browser_upgrade .alert_content{width:640px; margin:0 auto; text-align:left; padding:0; overflow:hidden; color:black;} #browser_upgrade .alert_warning{width:75px; float:left;} #browser_upgrade .alert_info{width:275px; float:left; font-family:Arial, sans-serif;} #browser_upgrade .alert_ttl{font-size:14px; font-weight:bold; margin-top:12px;} #browser_upgrade .alert_desc{font-size:12px; margin-top:6px; line-height:12px;} #browser_upgrade .alert_firefox{width:75px; float:left;} #browser_upgrade .alert_ie8{width:75px; float:left;} #browser_upgrade .alert_safari{width:73px; float:left;} #browser_upgrade .alert_chrome{float:left;} /*-------------------------------------------------------------- HOMEPAGE STYLES --------------------------------------------------------------*/ #home-top{height:369px; position:relative;} #home-top #tees-guys-girls{position:absolute; left:0; top:-69px;} #home-top #tees-girl-top{position:absolute; left:412px; top:-62px;} #home-top #tees-girl-bot{position:absolute; left:364px; top:19px;} #home-top #tees-check-out{position:absolute; left:636px; top:9px; width:304px; height:347px;} #home-top #tees-check-out #tees-wrapper{padding-top:2px;} #home-top #tees-check-out #tees-wrapper ul{width:304px; height:318px; text-align:left;} #home-top #tees-check-out #tees-wrapper .thumb{float:left; width:88px; height:88px; border:2px solid #EEEEEE; margin-bottom:14px; position:relative;} #home-top #tees-check-out #tees-wrapper .marg{margin-right:14px;} #home-top #tees-check-out #tees-wrapper .load{position:absolute; left:0; top:0; width:52px; height:52px; padding-left:36px; padding-top:36px; background-color:#FFFFFF; z-index:9;} #home-top #tees-check-out #tees-wrapper .blank{position:absolute; left:0; top:0;} #home-bot #tee-boxes{height:136px; margin-bottom:16px;} #home-bot #tee-boxes .box{float:left; width:300px; height:132px; border:2px solid #EEEEEE; text-align:left; cursor:pointer;} #home-bot #tee-boxes .box-marg{margin-right:14px;} #home-bot #tee-boxes .box-inner{color:#909090;} #home-bot #tee-boxes .box-inner ul{height:89px; padding-left:14px; padding-top:4px;} #home-bot #tee-boxes .box-inner #about-left{float:left; width:200px; height:87px; padding-top:2px; margin-right:6px;} #home-bot #tee-boxes .box-inner #about-right{float:left; width:67px; height:87px;} #home-bot #tee-boxes .box-inner #store-left{float:left; width:184px; height:87px; padding-top:2px; margin-right:6px;} #home-bot #tee-boxes .box-inner #store-right{float:left; width:82px; height:87px;} #home-bot #tee-boxes .box-inner #other-left{float:left; width:192px; height:87px; padding-top:2px; margin-right:6px;} #home-bot #tee-boxes .box-inner #other-right{float:left; width:74px; height:87px;} #home-bot-text{text-align:left;} #home-bot-text p{margin-top:0; margin-bottom:12px;} /*-------------------------------------------------------------- TSHIRT STORE STYLES --------------------------------------------------------------*/ #tshirts .reslinks{background-image:url(/images/dot.gif); background-repeat:repeat-x; padding-top:1px;} #tshirts .reslinks .row{padding-top:4px; padding-bottom:5px; background-image:url(/images/dot.gif); background-repeat:repeat-x; background-position:0 100%;} #tshirts .reslinks .row span{font-weight:normal;} #tshirts .reslinks .main{font-weight:bold;} #tshirts #rescolours{margin-left:1px;} #tshirts #rescolours .colour{float:left; width:32px; height:24px; border:1px solid #EEEEEE; margin-bottom:4px;} #tshirts #rescolours .marg{margin-right:4px;} #tshirts #rescolours .colour .pad{border:1px solid #FFFFFF; width:30px; height:22px;} #tshirts #rescolours .colour .pad a{display:block; width:100%; height:22px; text-indent:-999px; overflow:hidden;} #tshirts #rescolours .text{clear:both; text-align:center; font-size:10px; color:#909090;} #tshirts #restees .row{float:left; width:232px; height:232px; border:2px solid #EEEEEE; margin-bottom:10px; position:relative;} #tshirts #restees .marg{margin-right:10px;} #tshirts #restees .load{position:absolute; left:0; top:0; width:124px; height:124px; padding-left:108px; padding-top:108px; background-color:#FFFFFF; z-index:9;} #tshirts #restees .price{position:absolute; top:214px; left:0px; height:18px; line-height:18px; padding-left:4px; padding-right:4px; font-weight:bold;} #tshirts #restees .price-norm{background-color:#0080FF; color:#FFFFFF;} #tshirts #restees .price-new{background-color:#FF0080; color:#FFFFFF;} #tshirts #restees .blank{position:absolute; left:0; top:0;} #tshirts #restees #noresults{padding-top:20px; text-align:center;} #tshirts #restees #noresults div{font-weight:bold; font-size:12px; color:#909090; margin-bottom:10px;} #tshirts #dtlink-back{font-size:12px; font-weight:bold; line-height:20px; text-align:center;} #tshirts #dtlink-oth{font-size:10px; font-weight:bold; line-height:20px; color:#AAAAAA; text-align:center;} #tshirts .dtalso{width:184px; height:184px; position:relative;} #tshirts .dtalso-png{border:2px solid #FFFFFF;} #tshirts .dtalso-jpg{border:2px solid #EEEEEE;} #tshirts .dtalso-marg{margin-bottom:10px;} #tshirts .dtalso .load{position:absolute; left:0; top:0; width:100px; height:100px; padding-left:84px; padding-top:84px; background-color:#FFFFFF; z-index:9;} #tshirts .dtalso .pngimg{position:absolute; left:60px; top:52px;} #tshirts .dtalso .blank{position:absolute; left:0; top:0;} #tshirts #dtleft{float:left; width:380px; margin-right:12px;} #tshirts #dtright{float:left; width:336px;} #tshirts .dtimg-tee{width:376px; height:376px; border:2px solid #EEEEEE; margin-bottom:12px; position:relative;} #tshirts .dtimg-dt{width:376px; height:376px; border:2px solid #EEEEEE; margin-bottom:12px; position:relative;} #tshirts .dtimg .load{position:absolute; left:0; top:0; width:196px; height:196px; padding-left:180px; padding-top:180px; background-color:#FFFFFF; z-index:9;} #tshirts .dtimg .tee-img{position:absolute; left:106px; top:70px;} #tshirts .dtimg .tee-over{position:absolute; left:0; top:0;} #tshirts .dtimg .new-banner{position:absolute; left:257px; top:0;} #tshirts .dtimg .blank{position:absolute; left:0; top:0;} #tshirts #dtbuybut{width:336px; height:28px; line-height:28px; margin-bottom:12px; text-align:center;} #tshirts #dtbuybut a{display:block; width:100%; height:28px; font-size:12px; background-color:#C2002A; color:#FFFFFF; text-decoration:none; font-weight:bold;} #tshirts #dtbuybut a:hover{background-color:#CCCCCC; color:#404040;} #tshirts #dtprice{width:336px; font-weight:bold; font-size:14px; color:#707070; text-align:center;} #tshirts #dtcurrency{text-align:center; font-size:10px; margin-bottom:12px; color:#909090;} #tshirts #dtprice span{color:#0080FF;} #tshirts .dtbox{padding:4px; border:2px solid #EEEEEE; line-height:16px; margin-bottom:12px;} #tshirts .dtbox-right{width:324px;} #tshirts .dtbox-bot{clear:both;} #tshirts #dtcolours .colour{float:left; width:35px; height:26px; border:1px solid #EEEEEE; margin-bottom:4px;} #tshirts #dtcolours .marg{margin-right:4px;} #tshirts #dtcolours .colour .pad{border:1px solid #FFFFFF; width:33px; height:24px; cursor:default;} #tshirts #dtcolours .colour .pad a{display:block; width:100%; height:24px; text-indent:-999px; overflow:hidden;} #tshirts #dtcolours .text{clear:both; color:#909090; line-height:18px; text-align:center;} #tshirts #dtabout-text{color:#909090; padding-top:12px; padding-bottom:0; margin:0;} #tshirts #dtstyles{height:90px; text-align:center; padding-top:8px; color:#909090; font-size:10px; line-height:10px; position:relative;} #tshirts #dtstyles #tee-style1{position:absolute; left:20px; top:62px;} #tshirts #dtstyles #tee-style2{position:absolute; left:103px; top:62px;} #tshirts #dtstyles #tee-style3{position:absolute; left:184px; top:62px;} #tshirts #dtstyles #tee-style4{position:absolute; left:255px; top:62px;} #tshirts #dtsizes{text-align:center; padding-top:8px;} #tshirts #dtsizes-link{padding-top:12px; text-align:center;} #tshirts #dtaddinfo p{padding:0; margin-top:0; margin-bottom:16px;} #tshirts #dtaddinfo p.bot{margin-bottom:0;} #tshirts #dttags a{font-size:11px; color:#404040; text-decoration:none;} #tshirts #dtfoottext{font-size:10px; color:#909090; text-align:center;} /*-------------------------------------------------------------- BUYER PHOTOS STYLES --------------------------------------------------------------*/ #photos .sendtext{color:#909090; line-height:14px; padding:0; margin-bottom:0;} #photos .sendtext-nomarg{margin-top:0;} #photos .sendtext-marg{margin-top:10px;} #photos .sendeml{padding-top:5px; padding-left:1px;} #photos .thumb{float:left; width:172px; height:172px; border:2px solid #EEEEEE; margin-bottom:10px; background-repeat:no-repeat; background-position:50% 50%; position:relative;} #photos .thumb-marg{margin-right:8px;} #photos .thumb .load{position:absolute; left:0; top:0; width:94px; height:94px; padding-left:78px; padding-top:78px; background-color:#FFFFFF;} #photos .thumb .blank{position:absolute; left:0; top:0;} #photos-bottext{font-size:10px; color:#909090; text-align:center; padding-top:12px;} #photos-view-body{margin:0; padding:0;} #photos-view-wrapper{text-align:left; position:relative;} #photos-view-wrapper .load{position:absolute; left:0; top:0; background-color:#FFFFFF;} #photos-view-wrapper .blank{position:absolute; left:0; top:0;} #photos-view-notfound{text-align:center; padding-top:20px;} /*-------------------------------------------------------------- CONTACT STYLES --------------------------------------------------------------*/ .contact-text{margin-bottom:30px;} #contact-form{width:500px; padding:10px; border:2px solid #EEEEEE; margin-left:auto; margin-right:auto;} #contact-form form{display:inline;} #contact-form form ul{width:500px; text-align:left;} #contact-form form .left{clear:left; float:left; width:140px; font-weight:bold; font-size:12px; color:#D70029;} #contact-form form .left-norm{line-height:24px;} #contact-form form .left-lrg{line-height:90px;} #contact-form form .right{float:left; width:360px;} #contact-form form .right input{width:350px; font-size:12px;} #contact-form form .right textarea{width:350px; font-size:12px;} #contact-form form .right .field-norm{border:4px solid #DDDDDD;} #contact-form form .right .field-sel{border:4px solid #B2DEE6;} #contact-form form .right-norm{margin-bottom:6px;} #contact-form form .right-gap{margin-bottom:20px;} #contact-form form #submit{clear:both; text-align:center;} #contact-form form #submit div{width:160px; height:28px; line-height:28px; margin-left:auto; margin-right:auto;} #contact-form form #submit a{display:block; width:100%; height:28px; font-size:12px; background-color:#C2002A; color:#FFFFFF; text-decoration:none; font-weight:bold;} #contact-form form #submit a:hover{background-color:#CCCCCC; color:#404040;} #contact-form #thankyou{font-weight:bold; font-size:12px; color:#D70029;}