/* 760px Specific Styles */ .size760px{width:760px;} .size760px h1{width:750px;padding:0 0 0 10px;background:url(../images/content-header.png) no-repeat;} /* Product Tab Styles */ .tab-control{position:relative;width:760px;margin-bottom:20px;} body #main .tab-control .container{padding:0px;clear:both;float:none;width:758px;background-color:#f6f6f6;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} .tab-control .product-description{padding:20px;} .tabs {float:left;width:100%;line-height:normal;background:url(../images/tab-border.jpg) bottom repeat-x;} .tabs ul{list-style-type: none;font-weight:bold;font-size:14px;} .tabs li{display:inline;margin:0px;padding:0;} .tabs a {float:left;background:url(../images/tab-left.jpg) no-repeat left top;margin:0;padding:0 0 0 6px;text-decoration:none;border-bottom:1px solid #d1d1d1;} .tabs a span {float:left;display:block;background:url(../images/tab-right.jpg) no-repeat right top;padding:5px 14px 5px 5px;color: #FFFFFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabs a span {float:none;} /* End IE5-Mac hack */ .tabs .current a {background-position:0 -40px;border:0px} .tabs .current a span {background-position:100% -40px;color:#34638a;border-bottom:1px solid #f6f6f6;} .tabs a:hover {background-position:0% -40px;border:0px} .tabs a:hover span {background-position:100% -40px;color: #34638a;border-bottom:1px solid #f6f6f6;} /* Related Product Styles */ .related-products{width:730px;padding-left:18px;padding-right:12px;padding-bottom:10px;position:relative;} .related-products .pdct{width:130px;height:99px;float:left;display:inline-block;margin-left:18px;margin-top:10px;background:url(../images/product-gallery-bg.jpg) no-repeat;position:relative;} .related-products .pdct.start{margin-left:0px;clear:both;} .related-products .pdct img{position:absolute;top:2px;left:25px;} .related-products .pdct p{margin:0;padding:0;position:absolute;text-align:center;bottom:1px;font-size:10px;padding-left:5px;padding-right:5px;overflow:hidden;width:120px;} .related-products .pdct a, .related-products .pdct a:link,.related-products .pdct a:visited, .related-products .pdct a:active{color:#626262;text-decoration:none;font-weight:bold;} .related-products .pdct a:hover{text-decoration:underline;} /* Basket Styles */ .basket input.qty{width:40px;position:relative;left:5px;} .basket input.update{position:relative;left:5px;top:3px;} .basket .dsc{width:290px;} .basket .amnt{width:70px;} .basket .stck{width:80px;} .basket .prc{width:70px;} .basket .act{width:30px;} .basket .pdct{background-color:#330099;} .basket .pdct .pic{float:left;padding:5px;} .basket .pdct img{border:1px solid #d1d1d1;} .basket .pdct .info{height:85px;float:left;position:relative;} .basket .pdct .info p{margin:0;padding:0;padding-top:5px;} .basket .pdct .info p.title{position:absolute;top:10px;width:200px;font-size:12px;} .basket .pdct .info p.code{position:absolute;bottom:0;width:200px;font-size:10px;} .basket .pdct .info2{height:170px;float:left;position:relative;} .basket .pdct .info2 p.title2{position:absolute;top:2px;width:400px;font-size:12px;} .basket .pdct .info2 p.code2{position:absolute;top:47px;width:400px;font-size:10px;} .basket .pdct .info2 p.desc{position:absolute;top:67px;width:400px;font-size:12px;font-weight:normal} .basket p.lnk{position:absolute;width:70px;padding-top:5px;font-size:10px;text-align:right;} .basket-footer{clear:both;width:100%;height:240px;position:relative;margin-bottom:20px;} .basket-footer .save-basket-btn{position:absolute;bottom:10px;} .basket-footer .login-btn{position:absolute;right:120px;bottom:10px;} .basket-footer .register-btn{position:absolute;right:10px;bottom:10px;} .basket-footer p{position:absolute;top:120px;} .basket-footer .extra-options{width:390px;position:absolute;top:10px;} .basket-footer .extra-options ul li{list-style:none;height:28px;} .basket-footer .extra-options input{width:230px;font-size:12px;padding-left:5px;height:20px;color:#3a3a3a;line-height:12px;} .basket-footer .extra-options select{width:240px;font-size:12px;padding-left:5px;height:23px;color:#3a3a3a;line-height:12px;} .basket-footer .extra-options label{position:relative;float:left;width:120px;font-size:12px;padding-top:5px;color:#3a3a3a;} .basket-footer .extra-options .plat{position:relative;padding-left:5px;float:left;top:3px;left:-118px;} .basket-footer .extra-options .what-plat{position:relative;font-size:9px;float:left;top:5px;padding-left:1px} .basket-footer p.guarantee{position:absolute;top:auto;left:0px;bottom:0px;width:760px;display:inline;padding:0;margin:0;} .basket-summary{width:311px;font-weight:bold;font-size:12px;border-color: #d1d1d1;border-width: 0 0 1px 1px;border-style: solid;position:absolute;right:44px;top:-1px;} .basket-summary th{color:#FFF;height:25px;padding-left:5px;border-width: 1px 1px 0 0;border-style: solid;border-color: #d1d1d1;background-color:#a3110c;} .basket-summary tr{background-color:#f6f6f6;} .basket-summary td{color:#3a3a3a;height:25px;border-width: 1px 1px 0 0;border-style: solid;border-color: #d1d1d1;} .basket-summary .desc{width:170px;padding-left:5px;} .basket-summary .prc{width:81px;text-align:center;} .basket-summary-alt{width:311px;font-weight:bold;font-size:12px;border-color: #d1d1d1;border-width: 0 0 1px 1px;border-style: solid;position:absolute;right:0px;top:-1px;} .basket-summary-alt th{color:#FFF;height:25px;padding-left:5px;border-width: 1px 1px 0 0;border-style: solid;border-color: #d1d1d1;background-color:#a3110c;} .basket-summary-alt tr{background-color:#f6f6f6;} .basket-summary-alt td{color:#3a3a3a;height:25px;border-width: 1px 1px 0 0;border-style: solid;border-color: #d1d1d1;} .basket-summary-alt .desc{width:170px;padding-left:5px;} .basket-summary-alt .prc{width:81px;text-align:center;} .additem{font-size:12px;font-weight:bold;color:#77ac06;position:relative;padding-top:10px;} .notfound{font-size:12px;font-weight:bold;color:#9e0f0a;position:relative;padding-top:10px;} .address-summary{height:200px;width:100%;position:relative;} .address-summary #despatch-address{width:350px;position:absolute;top:20px;left:10px;} .address-summary #delivery-address{width:350px;position:absolute;top:20px;right:10px;} .address-summary #terms{position:absolute;bottom:20px;left:10px;} .address-summary #terms li{list-style:none;font-size:12px;} .address-summary #terms label{padding-left:10px;top:-1px;position:relative;} /* Select Address Styles */ .select-address{margin-bottom:20px;} .select-address p{padding-left:10px;padding-top:10px;} /* Stock Options */ .stock-opts{margin-top:10px;} .stock-opts ol{margin-top:10px;margin-bottom:10px;} .stock-opts li{list-style:none;margin-left:10px;clear:both;} .stock-opts input{float: left;clear:both;margin-top:8px;} .stock-opts label{float: left;font-size:12px;width:530px;padding:10px;} .stock-opts p{padding:0;margin:0;margin-top:20px;} .existing-cards{position:relative;width:100%;} .existing-cards .cardlist{width:500px;float:left;position:relative;} .existing-cards .cvc{width:250px;float:right;position:relative;} .existing-cards .cvc .cvc-body{height:150px;position:relative;} .existing-cards .cvc .cvc-body #cvc-code{width:70px;text-align:center;position:absolute;left:50px;top:15px;} .existing-cards .cvc .cvc-body #cvc-help{width:70px;text-align:center;position:absolute;left:130px;top:15px;} .existing-cards .cvc .cvc-body #cvc-image{width:168px;height:88px;position:absolute;left:40px;top:45px;} .existing-card-info{margin-top:30px} /* Card Types */ #cardtypes{position:relative;margin:20px auto 20px auto;text-align:center;clear:both;} /* Add New Card */ .addcard{position:relative;} .addcard #cardholder{width:200px;} .addcard #part1{width:40px;} .addcard #part2{width:40px;} .addcard #part3{width:40px;} .addcard #part4{width:40px;} .addcard #part5{width:40px;} .validfrom{position:relative;width:100%;height:40px;} .validfrom .month{position:absolute;top:10px;font-size:12px;} .validfrom #month{position:absolute;top:5px;left:190px;width:50px;} .validfrom .year{position:absolute;top:10px;left:250px;font-size:12px;} .validfrom #year{position:absolute;top:5px;left:285px;} .validfrom label{position:absolute;top:10px;} .expires{position:relative;width:100%;height:40px;} .expires .month{position:absolute;top:10px;font-size:12px;} .expires #month{position:absolute;top:5px;left:190px;width:50px;} .expires .year{position:absolute;top:10px;left:250px;font-size:12px;} .expires #year{position:absolute;top:5px;left:285px;} .expires label{position:absolute;top:10px;} .addcard #issueno{width:40px;} .addcard .issueno{font-size:10px;position:absolute;left:210px;} .addcard #cvcode{width:40px;} .addcard .cvcode{font-size:10px;position:absolute;left:200px;font-weight:bold;} .addcard .cvcode a{color:#000;} .verify_card #cvcode{width:40px;} .verify_card .cvcode{font-size:10px;position:absolute;left:210px;font-weight:bold;} .verify_card .cvcode a{color:#000;} /* Not Enough Stock Styles */ .not-enough-stock{height:130px;position:relative;} .not-enough-stock img{position:absolute;left:130px;top:30px;} .not-enough-stock p{position:absolute;left:210px;top:40px;width:450px;} /* Checkout Progress Bar */ #checkout-steps{background:url(../images/checkout/progress_bg.jpg) no-repeat top left;width:940px;height:68px;position:relative;margin:20px auto 20px auto;} #checkout-steps a{font-size:14px;font-weight:bold;color:#517796;text-decoration:none;} #checkout-steps .co-basket{display:inline-block;position:absolute;left:190px;padding-top:50px;background:url(../images/checkout/progress_inactive.jpg) no-repeat center top;} #checkout-steps .co-basket:hover{background:url(../images/checkout/progress_active.jpg) no-repeat center top;} #checkout-steps .co-checkout{display:inline-block;position:absolute;left:370px;padding-top:50px;background:url(../images/checkout/progress_inactive.jpg) no-repeat center top;} #checkout-steps .co-checkout:hover{background:url(../images/checkout/progress_active.jpg) no-repeat center top;} #checkout-steps .co-payment{display:inline-block;position:absolute;left:540px;padding-top:50px;background:url(../images/checkout/progress_inactive.jpg) no-repeat center top;} #checkout-steps .co-payment:hover{background:url(../images/checkout/progress_active.jpg) no-repeat center top;} #checkout-steps .co-confirm{display:inline-block;position:absolute;left:720px;padding-top:50px;background:url(../images/checkout/progress_inactive.jpg) no-repeat center top;} #checkout-steps .co-confirm:hover{background:url(../images/checkout/progress_active.jpg) no-repeat center top;} #checkout-steps .active{background:url(../images/checkout/progress_active.jpg) no-repeat center top;} #checkout-step{background:url(../images/checkout/steps-bg.jpg) no-repeat top left;width:580px;height:33px;position:relative;margin:20px auto 20px auto;} #checkout-step a{font-size:14px;font-weight:bold;text-decoration:none;padding-left:15px;line-height:30px;} #checkout-step a#step1{position:absolute;left:0px;} #checkout-step a#step1{display:block;background:url(../images/checkout/step1.png) no-repeat top left;width:147px;height:33px;color:#b21710;} #checkout-step a#step1.active{display:block;background:url(../images/checkout/step1.png) no-repeat bottom left;width:147px;height:33px;color:#FFF;} #checkout-step a#step2{position:absolute;left:140px;} #checkout-step a#step2{display:block;background:url(../images/checkout/step2.png) no-repeat top left;width:151px;height:33px;color:#b21710;} #checkout-step a#step2.active{display:block;background:url(../images/checkout/step2.png) no-repeat bottom left;width:151px;height:33px;color:#FFF;} #checkout-step a#step3{position:absolute;left:284px;} #checkout-step a#step3{display:block;background:url(../images/checkout/step2.png) no-repeat top left;width:151px;height:33px;color:#b21710;} #checkout-step a#step3.active{display:block;background:url(../images/checkout/step2.png) no-repeat bottom left;width:151px;height:33px;color:#FFF;} #checkout-step a#step4{position:absolute;left:427px;} #checkout-step a#step4{display:block;background:url(../images/checkout/step4.png) no-repeat top left;width:153px;height:33px;color:#b21710;} #checkout-step a#step4.active{display:block;background:url(../images/checkout/step4.png) no-repeat bottom left;width:153px;height:33px;color:#FFF;} /*previous basket styles*/ .floatDivLeft {float: left; margin-top: 10px;} .floatDivRight {float: right; margin-top: 10px;} /* Wish List Styles */ .wishlist .pdct .pic{float:left;padding:5px;} .wishlist .pdct img{border:1px solid #d1d1d1;} .wishlist .pdct .info{height:75px;float:left;position:relative;} .wishlist .pdct .info p{margin:0;padding:0;padding-top:5px;} .wishlist .pdct .info p.title{position:absolute;top:10px;width:200px;font-size:12px;} .wishlist .pdct .info p.code{position:absolute;bottom:0;width:200px;font-size:10px;} .wishlist .cmnt{clear:both;position:relative;width:100%;height:150px;} .wishlist .cmnt label{margin-left:5px;clear:both;display:block;margin-bottom:5px;} .wishlist .cmnt textarea{margin-left:5px;display:block;width:340px;height:50px;margin-bottom:10px;resize: none;padding:5px;} .wishlist .cmnt .button{position:relative;right:10px;} .wishlist .cmnt p.caption{clear:both;font-size:10px;position:relative;left:10px;margin-top:10px;} .share-wishlist{clear:both;width:100%;height:220px;position:relative;margin-bottom:20px;} .share-wishlist .share-form{width:430px;position:relative;} .share-wishlist .share-form ul li{list-style:none;min-height:28px;position:relative;} .share-wishlist .share-form input{width:250px;font-size:12px;padding-left:5px;height:17px;color:#3a3a3a;line-height:12px;} .share-wishlist .share-form textarea{width:246px;font-size:12px;padding:5px;height:60px;color:#3a3a3a;line-height:12px;} .share-wishlist .share-form label{position:relative;float:left;width:100px;font-size:12px;padding-top:5px;color:#3a3a3a;} .share-wishlist .share-form p.caption{clear:both;font-size:11px;position:relative;left:80px;margin-top:15px;} .share-wishlist .share-form .button{position:relative;right:75px;}