* { margin: 0; padding: 0; border: 0; } body { /*font-size: 0.8em;*/ font-size: 0.7em; font-family: Verdana, Arial, sans-serif; color: #000; } #container { width: 957px; position: relative; } #container hr { color: #cdcdcd; background-color: #cdcdcd; height: 1px; width: 925px; position: absolute; left: 31px; } #rightContent { position: absolute; left: 717px; width: 241px; color: #000; background-color: #cdcdcd; } #promos { float: left; width: 222px; padding: 8px; } .homePromo { width: 222px; background-color: #fff; border: 1px #92c83e solid; color: #92c83e; } .homePromo h1 { background: transparent url(../images/hd_promo_home.gif) no-repeat top left; height: 33px; } .clothingPromo { width: 222px; background-color: #fff; border: 1px #00adef solid; color: #00adef; } .clothingPromo h1 { background: transparent url(../images/hd_promo_clothing.gif) no-repeat top left; height: 33px; } .printPromo { width: 222px; background-color: #fff; border: 1px #ff29b1 solid; color: #ff29b1; } .printPromo h1 { background: transparent url(../images/hd_promo_prints.gif) no-repeat top left; height: 33px; } .homePromo p, .clothingPromo p, .printPromo p { margin-bottom: 10px; } .homePromo a { color: #92c83e;} .homePromo a:hover { color: #000;} .printPromoReco { width: 222px; background-color: #fff; border: 1px #ff29b1 solid; color: #ff29b1; } .printPromoReco h1 { background: transparent url(../images/hd_reco_prints.gif) no-repeat top left; height: 33px; } .printPromo a { color: #ff29b1;} .printPromo a:hover { color: #000;} /*.printPromoReco .panelPrintInner { border: 1px #ff29b1 solid; }*/ .printPanel { border: 1px #ff29b1 solid; } .printPanel .details { color: #ff29b1; } .clothingPanel { border: 1px #00adef solid; } .clothingPanel .details { color: #00adef; } #printRow a.infoLink img, #printPromo a.infoLink img { width: 43px; height: 41px; background: #fff url(../images/bt_info.gif) no-repeat top left; } #printRow a.infoLink:hover img, #printPromo a.infoLink:hover img { background: #fff url(../images/bto_info_print.gif) no-repeat top left;} #printRow a.addLink img, #printPromo a.addLink img { width: 43px; height: 41px; background: #fff url(../images/bt_addPrints.gif) no-repeat top left; } #printRow a.addLink:hover img, #printPromo a.addLink:hover img { background: #fff url(../images/bto_addPrints.gif) no-repeat top left;} .clothingPromoReco { width: 222px; background-color: #fff; border: 1px #00adef solid; color: #00adef; } .clothingPromoReco h1 { background: transparent url(../images/hd_reco_clothing.gif) no-repeat top left; height: 33px; } .clothingPromo a { color: #00adef;} .clothingPromo a:hover { color: #000;} /*.clothingPromoReco .panelPrintInner { border: 1px #00adef solid; }*/ #clothingRow a.infoLink img, #clothingRow a.infoLink img { width: 43px; height: 41px; background: #fff url(../images/bt_info.gif) no-repeat top left; } #clothingRow a.infoLink:hover img, #clothingRow a.infoLink:hover img { background: #fff url(../images/bto_info_clothing.gif) no-repeat top left;} #clothingRow a.addLink img, #clothingPromo a.addLink img { width: 43px; height: 41px; background: #fff url(../images/bt_addClothing.gif) no-repeat top left; } #clothingRow a.addLink:hover img, #clothingPromo a.addLink:hover img { background: #fff url(../images/bto_addClothing.gif) no-repeat top left;} .news { background: transparent url(../images/hd_news_home.gif) no-repeat top left; height: 57px; } #printPromo, #clothingPromo { width: 162px; margin:28px; } #promos img { display: block; margin-top: 0; } .promoInfo { margin: 5px 5px auto; padding-bottom: 5px; } h1 span, h2 span, h3 span, a span { display: none; margin: 0; padding: 0; } /*#promos p { margin-bottom: 10px; }*/ #leftContent { width: 717px; float: left; text-align: left; } #fullContent { width: 958px; float: left; text-align: left; } #printRow,#clothingRow,#productRow { width: 717px; margin-top: 8px; float: left; } #printConsole, #clothingConsole, #basketConsole { width: 717px; margin-top: 8px; float: left; } #detailMain {display:block; width: 452px; margin-right: 8px; float: left; } .detailPanel { display:block; } #printConsole .detailPanel { border: 1px #ff29b1 solid; } #printConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_prints.gif") no-repeat top left; } #printConsole a.zoom img { width: 155px; height: 32px; margin-left:149px; background: #fff url(../images/bt_zoomIn_prints.gif) no-repeat top left; } #printConsole a.zoom:hover img { background: #fff url(../images/bto_zoomIn_prints.gif) no-repeat top left;} #printConsole a.addLink img { width: 65px; height: 63px; margin-left:149px; background: #fff url(../images/bt_add_prints_detail.gif) no-repeat top left; } #printConsole a.addLink:hover img { background: #fff url(../images/bto_add_prints_detail.gif) no-repeat top left;} #printConsole .detailPanel h3 { font-size: 120%; color: #ff29b1; } #printConsole .detailPanel #rightArea select { margin-left: 15px; color: #000; background: #fff; border: 1px solid #ff29b1 } #printConsole .detailPanel #rightArea input { margin-left: 10px; color: #ff29b1; background: #fff; border: 0; } #printConsole .detailPanel #price { color: #ff29b1; } #clothingConsole .detailPanel { border: 1px #00adef solid; } #clothingConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_clothing.gif") no-repeat top left; } #clothingConsole a.zoom img { width: 155px; height: 32px; margin-left:149px; background: #fff url(../images/bt_zoomIn_clothing.gif) no-repeat top left; } #clothingConsole a.zoom:hover img { background: #fff url(../images/bto_zoomIn_clothing.gif) no-repeat top left;} #clothingConsole a.addLink img { width: 65px; height: 63px; margin-left:149px; margin-top:50px; background: #fff url(../images/bt_add_clothing_detail.gif) no-repeat top left; } #clothingConsole a.addLink:hover img { background: #fff url(../images/bto_add_clothing_detail.gif) no-repeat top left;} #clothingConsole .detailPanel h3 { font-size: 120%; color: #00adef; } #clothingConsole .detailPanel #rightArea select { margin-left: 15px; color: #000; background: #fff; border: 1px solid #00adef } #clothingConsole .detailPanel #rightArea input { margin-left: 10px; color: #00adef; background: #fff; border: 0; } #clothingConsole .detailPanel #price { color: #00adef; } #clothingConsole .detailPanel form { display:block; float: left; } #basketConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_basket.gif") no-repeat top left; } #basketConsole #basketHolder { float: left; display:block; width: 672px; margin-right: 8px; } .basket {float: left; width: 672px; min-height: 300px; border: 1px #000 solid; } h2.description { float: left; height: 31px; width: 464px; padding-bottom: 10px; background: transparent url(../images/hd_description.gif) no-repeat top left; } h2.price { float: left; height: 31px; width: 96px; background: transparent url(../images/hd_price.gif) no-repeat top left; } h2.remove { float: left; height: 31px; width: 112px; background: transparent url(../images/hd_remove.gif) no-repeat top left; } h3.total { float: left; height: 29px; width: 86px; background: transparent url(../images/shd_total.gif) no-repeat top left; } h3.paymentMethod { float: left; height: 29px; width: 188px; background: transparent url(../images/shd_payment_method.gif) no-repeat top left; } #basketConsole p { padding: 10px; } .descriptionCell { float: left; width: 464px; } .priceCell { float: left; width: 96px; } #totalCell { float: left; width: 96px; padding-top: 10px; padding-left: 15px; } .removeCell { float: left; width: 87px; padding-bottom: 15px; } #itemHolder { padding-left: 15px; } #payment { padding-top: 10%; } #googleButton { float: left; padding-left: 10px; margin-bottom: 15px; } #paymentsConsole , #deliveryConsole, #refundsConsole, #privacyConsole, #copyrightConsole, #contactConsole { width: 958px; margin-top: 8px; } #paymentsConsole a , #deliveryConsole a, #refundsConsole a, #privacyConsole a, #copyrightConsole a, #contactConsole a { text-decoration: none; } #paymentsConsole a:hover , #deliveryConsole a:hover, #refundsConsole a:hover, #privacyConsole a:hover, #copyrightConsole a:hover, #contactConsole a:hover { text-decoration: underline; } #detailGeneric { display:block; float: left; } #paymentsConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #000 solid; } #paymentsConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_payments.gif") no-repeat top left; } #paymentsConsole .detailPanel h2 { background: transparent url(../images/hd_payments.gif) no-repeat top left; height: 29px; margin-bottom: 15px; } #paymentsConsole .detailPanel a { color: #000; font-weight:bold; } #deliveryConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #ff29b1 solid; } #deliveryConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_delivery.gif") no-repeat top left; } #deliveryConsole .detailPanel h2 { background: transparent url(../images/hd_delivery.gif) no-repeat top left; height: 29px; margin-bottom: 15px; } #deliveryConsole .detailPanel a { color: #ff29b1; font-weight:bold; } #refundsConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #50b848 solid; } #refundsConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_refunds.gif") no-repeat top left; } #refundsConsole .detailPanel h2 { background: transparent url(../images/hd_refunds.gif) no-repeat top left; height: 38px; margin-bottom: 15px; } #refundsConsole .detailPanel a { color: #50b848; font-weight:bold; } #privacyConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #febf10 solid; } #privacyConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_privacy.gif") no-repeat top left; } #privacyConsole .detailPanel h2 { background: transparent url(../images/hd_privacy.gif) no-repeat top left; height: 39px; margin-bottom: 15px; } #privacyConsole .detailPanel a { color: #febf10; font-weight:bold; } #copyrightConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #00adef solid; } #copyrightConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_copyright.gif") no-repeat top left; } #copyrightConsole .detailPanel h2 { background: transparent url(../images/hd_copyright.gif) no-repeat top left; height: 44px; margin-bottom: 15px; } #copyrightConsole .detailPanel a { color: #00adef; font-weight:bold; } #contactConsole .detailPanel { display:block; float: left; width: 880px; padding: 20px; border: 1px #fab4be solid; } #contactConsole .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_contact.gif") no-repeat top left; } #contactConsole .detailPanel h2 { background: transparent url(../images/hd_contact.gif) no-repeat top left; height: 42px; margin-bottom: 15px; } #contactConsole .detailPanel a { color: #fab4be; font-weight:bold; } #paymentsConsole .detailPanel p, #deliveryConsole .detailPanel p, #refundsConsole .detailPanel p, #privacyConsole .detailPanel p, #copyrightConsole .detailPanel p, #contactConsole .detailPanel p { margin-bottom: 10px; } .detailPanel #infoArea { width:434px; margin-top:8px; margin-left:8px; padding-bottom:20px; } .detailPanel #leftArea { float: left; width:217px; } .detailPanel #rightArea { float: left; width:217px; } .detailPanel p.body { width:185px; margin-top:10px; } .detailPanel #leftArea p { width:185px; margin-top:10px; } .detailPanel #rightArea p { margin-bottom: 15px; } #coloursHolder { float: left; margin-left:15px; margin-top:5px;} #colours { float: left; width: 200px; margin-bottom:10px; } #colours #clothingConsole { width: 18px; margin-top: 0; } #colour { float: left; margin-right:10px; margin-bottom:5px; width: 18px; height: 18px; border: 1px #00adef solid; } #thumb { display:block; float: left; width: 101px; margin-bottom: 2px; margin-right: 8px; border: } #printConsole .detailThumb { border: 1px #ff29b1 solid; } #clothingConsole .detailThumb { border: 1px #00adef solid; } .addBtn { margin-left:149px; margin-top:50px; } .panelLink { width: 34px; float: left; } #panel { width: 162px; min-height: 228px; float: left; margin-right: 8px; background-color: #fff; } #panelPromo { width: 162px; margin-right: 8px; background-color: #fff; } .panelInner { border: 1px #00adef solid; } #printRow .panelInner { border: 1px #ff29b1 solid; } #printRow .details { color: #ff29b1; } #printRow .addLink { width: 43px; height: 41px; background: #fff url("../images/bt_addPrints.gif") no-repeat top left; } #printRow .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_prints.gif") no-repeat top left; } #clothingRow .panelInner { border: 1px #00adef solid; } #clothingRow .details { color: #00adef; } #clothingRow .addLink { width: 43px; height: 41px; background: #fff url("../images/bt_addClothing.gif") no-repeat top left; } #clothingRow .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_clothing.gif") no-repeat top left; } #productRow .panelInner { border: 1px #00adef solid; } #productRow .details { color: #00adef; } #productRow .addLink { width: 43px; height: 41px; background: #fff url("../images/bt_addClothing.gif") no-repeat top left; } #productRow .panelLink { width: 34px; height: 141px; background: #fff url("../images/bt_clothing.gif") no-repeat top left; } img { display: block; margin: 0; padding: 0; } .info { min-height: 83px; margin: 5px 5px auto; padding-bottom: 5px; } .infoBtns { display: block; float: right; } #footer { clear: both; float: left; padding-top: 20px; margin-left: 11px; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer a.payments { color:#000; } #footer a.delivery { color:#ff29b1; } #footer a.refunds { color:#50b848; } #footer a.privacy { color:#febf10; } #footer a.copyright { color:#00adef; } #footer a.contact { color:#fab4be; } #footer hr { color: #cdcdcd; background-color: #cdcdcd; height: 1px; width: 947px; padding: 0; } .pink { color: #ff29b1; } .black { color: #000; } .blue { color: #00adef; } .green { color: #92c83e; } .yellow { color: #febf10; } .peach { color: #fab4be; } .clear { clear: both; } .middle { text-align:center; }