/* CSS Document */
/* ALL PAGES */
html {
width: 100%;
height: 100%;
}
sup{font-size:11px;vertical-align:top;}
body {
margin: 0px;
padding: 0px;
background-color: #ffcd11;
background-image: url(/layout/755/bodybg.png);
background-repeat: repeat-y;
font-family: Tahoma, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
color: #666;
width: 100%;
height: 100%;
}
h1 {
display: none;
}
h2 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 1.6em;
}
h3 {
margin: 0px;
padding: 0px;
display: inline;
font-size: 1em;
}
h6 {
margin: 0px;
padding: 0px;
display: inline;
font-size: 1.6em;
}
img {
border: none;
}
a.button {
margin: 0px;
padding: 0px;
font-family: Tahoma,sans-serif;
width: 137px;
height: 33px;
font-size: 10px;
font-weight: bold;
line-height: 33px;
color: #fff;
background: #ae2e2e;
background-image: url(/layout/755/buttonbg.jpg);
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
float: left;
}
a.button:hover {
color: #fff;
text-decoration: underline;
}
input.button {
margin: 0px;
font-family: Tahoma, sans-serif;
padding: 0px;
width: 137px;
height: 33px;
font-size: 10px;
font-weight: bold;
line-height: 45px;
color: #fff;
background: #ae2e2e;
background-image: url(/layout/755/buttonbg.jpg);
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
border: none;
float: left;
}
input.button:hover {
color: #fff;
text-decoration: underline;
}
a.buttonyel {
margin: 0px;
padding: 0px;
width: 159px;
height: 45px;
font-size: 10px;
font-weight: 450;
line-height: 45px;
color: #666;
background: #ae2e2e;
background-image: url(/layout/buttonbgyel.jpg);
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
float: left;
}
a.buttonyel:hover {
color: #ae2e2e;
}
input.buttonyel {
margin: 0px;
font-family: Tahoma, sans-serif;
padding: 0px;
width: 137px;
height: 33px;
font-size: 10px;
font-weight: bold;
line-height: 45px;
color: #fff;
background: #ae2e2e;
background-image: url(/layout/755/buttonbg.jpg);
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
border: none;
float: left;
cursor:pointer;
}
input.buttonyel:hover {
color: #fff;
text-decoration:underline;
cursor:pointer;
}
a.buttonsmall {
margin: 0px;
padding: 0px;
width: 60px;
height: 26px;
font-size: 10px;
font-weight: 450;
line-height: 26px;
color: #666;
background: #ae2e2e;
background-image: url(/layout/button-small.jpg);
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
float: left;
cursor: pointer;
}
a.buttonsmall:hover {
color: #ae2e2e;
cursor: pointer;
}
input.buttontrolley {
border: 0px;
margin: 0px;
padding: 0px 0px 0px 15px;
width: 137px;
height: 33px;
font-size: 0px;
font-weight: 450;
line-height: 45px;
color: #666;
background: #ae2e2e;
background-image: url(/layout/755/addbasket.jpg);
text-align: left;
text-decoration: none;
text-transform: uppercase;
display: block;
float: left;
cursor:pointer;
}
input.buttontrolley:hover {
color: #ae2e2e;
}
/* GENERAL LAYOUT */
div.container {
float: left;
padding: 0px 0px 0px 0px;
width: 900px;
background-image: url(/layout/755/bg.png);
background-repeat: repeat-y;
}
div.right {
float: left;
width: 700px;
}
div.header {
float: left;
width: 700px;
height: 137px;
background-image: url(/layout/755/header.png);
background-repeat: no-repeat;
}
div.twocolumnleft {
float: left;
width: 330px;
margin-left: 5px;
}
div.twocolumnright {
float: left;
width: 330px;
}
div#newaddress {
float: right;
width: 330px;
margin-right: 20px;
}
div.content {
padding: 0px 0px 10px 15px;
margin: 0px;
float: left;
width: 685px;
min-height: 750px;
}
div.productthumb {
background-image: url(/layout/755/productthumb.jpg);
background-color: #fff;
float: left;
width: 175px;
height: 250px;
margin: 0px 5px 5px 0px;
padding: 20px;
text-align: center;
border: 1px solid #eee;
}
div.productthumb a {
color: #000;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}
div.productthumb a img {
border: none;
}
div.productthumb a:hover {
color: #80754D;
text-decoration: underline;
font-size: 12px;
}
div.productthumb div span.vat {
font-size: 10px;
color: #80754D;
}
div.productthumb div span.incvat {
color: #999;
font-size: 14px;
font-style: bold;
font-weight: 400;
}
div.productthumbheader {
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
font-size:12px;
}
div.narrowresults {
float: left;
width: 660px;
padding: 5px;
margin: 5px;
/*border: 1px solid #ccc; */
}
div.narrowresults:hover {
background-color: #ecf1f9;
}
div.narrowresults div.title {
float: left;
width: 660px;
}
div.narrowresults div.column {
margin: 0px 5px 5px 0px;
float: left;
width: 235px;
line-height: 160%;
}
div.narrowresults a {
color: #80754D;
text-decoration: none;
}
div.narrowresults a:hover {
color: #80754D;
text-decoration: underline;
}
div.productlistingssort {
float: left;
width: 600px;
padding: 5px;
margin: 5px;
border: 0px solid #ccc;
}
div.productlistingssort:hover {
/*background-color: #ecf1f9;*/
}
div.productlistingssort a {
color: #80754D;
text-decoration: none;
}
div.productlistingssort a:hover {
color: #80754D;
text-decoration: underline;
}
div.productlistingssort div.name {
float: left;
margin-left: 120px;
width: 360px;
}
div.productlistingssort div.price {
float: left;
width: 100px;
}
div.productlistingspages {
float: left;
width: 660px;
padding: 5px;
margin: 5px;
border: 1px solid #ccc;
text-align: right;
}
div.productlistingspages:hover {
background-color: #ecf1f9;
}
div.productlistingspages div {
float: left;
text-align: left;
}
div.productlistingspages a {
color: #bb8900;
text-decoration: none;
}
div.productlistingspages a:hover {
color: #ebab00;
text-decoration: underline;
}
div.productlistings {
float: left;
width: 660px;
padding: 5px;
margin: 5px;
border: 1px solid #ccc;
background-color: #fff;
}
div.productlisting {
float: left;
width: 660px;
padding: 5px 0px;
border-bottom: 1px solid #999;
}
div.productlisting:hover {
/*background-color: #ecf1f9;*/
cursor: hand;
}
div.productlisting a.image {
float: left;
width: 100px;
height: 100px;
text-align: center;
vertical-align: baseline;
}
div.productlisting a.image img {
margin: auto;
}
div.productlisting div.text {
width: 400px;
padding: 0px 10px;
margin: 0px 8px;
float: left;
font-size: 11px;
line-height: 17px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
min-height: 120px;
text-align: left;
display: inline;
}
div.productlisting div.text h3 {
font-size: 14px;
}
div.productlisting div.text h3 a {
font-size: 14px;
color: #80754D;
text-decoration: none;
height: 50px;
}
div.productlisting div.text h3 a:hover {
font-size: 14px;
color: #80754D;
text-decoration: underline;
}
div.productlisting div.text a {
color: #80754D;
text-decoration: none;
height:50px;
}
div.productlisting div.text a:hover {
color: #80754D;
text-decoration: underline;
}
div.productlisting div.price {
float: left;
width: 110px;
padding: 15px 0px 0px 10px;
text-align: left;
font-size: 18px;
font-weight: 400;
color: #80754D;
}
div.productlisting div.price span.vat {
font-size: 10px;
}
div.productlisting div.price span.incvat {
color: #999;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
div.left {
background-image: url(/layout/755/divleftback.jpg);
float: left;
width: 200px; /* Width of left column */
background: #000000;
height: 100%;
}
div.search {
width: 190px;
float: left;
padding: 3px 5px;
border-bottom: 1px solid #edf2f8;
}
div.search form {
float: left;
margin: 0px;
padding: 0px;
}
div.search fieldset {
float: left;
width: 180px;
border: none;
}
div.search input#keywords {
border: 1px solid #edf2f8;
background-color: #fff;
width: 130px;
height: 18px;
float: left;
margin-right: 5px;
}
div.search input#submit {
float: left;
}
div.topmenu {
height: 136px;
}
div.topmenu a {
width: 190px;
height: 16px;
padding: 3px 5px;
color: #fff;
background-color: #000;
border-bottom: 1px solid #ffcd11;
text-decoration: none;
float: left;
cursor: hand;
display: block;
display: inline;
}
div.topmenu a:hover {
color: #fff;
background-color: #80754D;
text-decoration: underline;
}
div.topmenu a:visited {
color: #fff;
background-color: #000;
text-decoration: underline;
}
div.topmenu a strong {
width:180px;
display: block;
padding: 0px 0px 0px 10px;
font-weight: 600;
}
div.mainmenu a {
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
font-family: Arial;
text-decoration: none;
width: 190px;
height: 16px;
padding: 4px 5px;
background-color: #000000;
border-bottom: 1px solid #ffffff;
float: left;
cursor: hand;
display: block;
display: inline;
}
div.mainmenu a:hover {
font-weight: bold;
color: #000;
background-color: #ffcd11;
text-decoration: underline;
}
div.mainmenu a strong {
width:180px;
display: block;
padding: 0px 0px 0px 10px;
font-weight: 400;
}
div.footer {
float: left;
width: 900px;
background-color: #fff;
font-size: 10px;
text-align: center;
}
div.footer div.footlinks {
width: 630px;
height: 20px;
padding: 0px 135px;
background-color: #000;
font-size: 10px;
font-weight: bold;
color: #fff;
}
div.footer div.footlinks a {
margin: 0px;
width: 125px;
height: 20px;
color: #fff;
background-color: #000;
font-size: 10px;
line-height: 18px;
text-align: center;
text-decoration: none;
display: block;
}
div.footer div.footlinks a:hover {
background-color: #363636;
color: #fff;
text-decoration: underline;
}
div.footer div.footlinks ul {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
list-style: none;
text-align: center;
}
div.footer div.footlinks ul li {
float: left;
margin: 0px;
padding: 0px;
text-align: center;
}
div.footer div.finalthought {
float: left;
width: 900px;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background-color: #fff;
}
div.footer div.finalthought div {
float: left;
width: 300px;
}
form.product {
/*background-image: url(/layout/755/formproduct.jpg);*/
background-repeat:no-repeat;
background-color: transparent;
/*border: 1px solid #ccc;*/
float: left;
width: 660px;
padding: 5px;
margin: 5px;
}
form.product div.title {
float: left;
width: 696px;
margin: 0px 0px 15px 0px;
display: inline;
}
form.product div.title span {
font-size: 10px;
margin-bottom: 10px;
}
form.product div.productdesc {
float: left;
width: 330px;
}
form.product div.productdesc p {
float: left;
width: 330px;
margin-bottom: 12px;
font-size: 12px;
}
form.product div.productdesc ul {
list-style-type: square;
clear: both;
}
form.product div.productdesc ul li{
margin-bottom: 5px;
font-size: 12px;
}
form.product div.details {
float: right;
width: 300px;
text-align: center;
}
form.product div.details img {
margin: 0px auto 15px auto;
}
form.product div.details div#productvideo {
margin: 10px auto auto auto;
border: 1px solid #999;
width: 280px;
}
form.product div.details div.text {
background-image: url(/layout/755/divdetails.jpg);
background-color: #ffcd11;
float: left;
width: 278px;
border: 1px solid #456;
padding: 10px;
text-align: left;
font-size: 1.2em;
color: #333;
}
form.product div.details div.text span {
font-weight:bold;
color:#000;
float: left;
width: 90px;
height: 24px;
}
form.product div.details div.text span#snickerssizeinfo {
float: left;
width: 278px;
height: 24px;
font-size: 0.8em;
line-height: 1.1em;
display: none;
}
form.product div.details div.text strong {
float: left;
width: 188px;
height: 24px;
}
form.product div.details div.text strong select {
float: left;
width: 160px;
border: 1px solid #789;
font-size: 11px;
color: #456;
}
form.product div.details div.text strong option {
margin-bottom: 2px;
}
form.product div.details div.text strong span {
float: none; display: inline; font-size: 9px; font-weight: 400;
}
div.review {
float: left;
background-color: transparent;
/*border: 1px solid #ccc;*/
float: left;
width: 666px;
padding: 5px;
margin: 10px 0px 0px 0px;
}
div.review div {
float: left;
border-bottom: 1px dotted #999;
margin-bottom: 5px;
padding-bottom: 3px;
width: 100%;
}
div.related {
float: left;
background-color: transparent;
/*border: 1px solid #ccc;*/
float: left;
width: 666px;
height: 140px;
padding: 5px;
margin: 10px 0px 0px 0px;
}
div.related h3 {
font-size: 1.2em;
}
div.related div {
float: left;
width: 100px;
height: 100px;
margin-right: 15px;
text-align:center;
font-size: 8px;
font-weight: 600;
}
div.related div span {
float: left;
text-align: center;
clear: both;
margin-bottom: 3px;
width: 100px;
height: 100px;
}
div.related div span img {
margin: auto;
}
form.shoppingcart {
background-color: transparent;
border: none;
float: left;
width: 660px;
padding: 5px;
margin: 0px;
}
form.shoppingcart div.carthead {
padding: 0px;
margin: 0px;
float: left;
width: 660px;
border-bottom: 1px solid #ccc;
}
form.shoppingcart div.carthead div.shoppingcartremove {
float: left;
width: 30px;
height: 20px;
}
form.shoppingcart div.carthead div.shoppingcartproduct {
width: 430px;
float: left;
height: 20px;
}
form.shoppingcart div.carthead div.shoppingcartqty {
width: 45px;
float: left;
height: 20px;
}
form.shoppingcart div.carthead div.shoppingcartprice {
width: 150px;
float: right;
height: 20px;
}
form.shoppingcart div.cartitem {
padding: 0px;
margin: 5px 0px 5px 0px;
float: left;
width: 660px;
border-bottom: 1px solid #ccc;
}
form.shoppingcart div.cartitem div.shoppingcartremove {
float: left;
width: 30px;
height: 40px;
padding: 3px 0px 0px 0px;
}
form.shoppingcart div.cartitem div.shoppingcartproduct {
width: 425px;
float: left;
line-height: 20px;
}
form.shoppingcart div.cartitem div.shoppingcartproduct ul {
float: left;
margin: 0px 0px 5px 30px;
padding: 0px;
}
form.shoppingcart div.cartitem div.shoppingcartqty {
width: 50px;
float: left;
height: 40px;
line-height: 20px;
}
form.shoppingcart div.cartitem div.shoppingcartqty input {
width: 35px;
}
form.shoppingcart div.cartitem div.shoppingcartprice {
width: 150px;
float: right;
height: 40px;
line-height: 20px;
font-size: 1.2em;
}
form.shoppingcart div.cartitem div.shoppingcartprice span.vat {
font-weight: 400;
font-size: 0.6em;
}
form.shoppingcart div.cartfoot {
padding: 0px;
margin: 5px 0px 5px 0px;
float: left;
width: 660px;
border-bottom: 1px dotted #666;
}
form.shoppingcart div.cartfoot div.shoppingcartremove {
float: left;
width: 30px;
height: 30px;
padding: 3px 0px 0px 0px;
}
form.shoppingcart div.cartfoot div.shoppingcartproduct {
width: 425px;
float: left;
line-height: 20px;
font-size: 1.2em;
}
form.shoppingcart div.cartfoot div.shoppingcartprice {
width: 150px;
float: right;
height: 30px;
line-height: 20px;
font-size: 1.8em;
}
form.shoppingcart div.cartbuttons {
padding: 0px;
float: left;
width: 660px;
}
form.general {
background-color: #ffcd11;
background-image: url(/layout/755/divdetails.jpg);
border: 1px solid #456;
padding: 5px;
float: left;
}
form.general fieldset {
border: none;
text-align: left;
margin-bottom: 20px;
padding: 0px;
}
form.general fieldset legend {
font-weight: 600;
padding: 0px 0px;
margin-left: 0px;
float: left;
width: 300px;
}
form.general fieldset div {
float: left;
width: 300px;
height: 20px;
margin-bottom: 5px;
line-height: 20px;
clear: both;
}
form.general fieldset div label {
display: block;
float: left;
width: 130px;
}
form.general fieldset div input.general {
float: left;
width: 150px;
height: 15px;
color: #456;
padding: 3px 5px;
font-size: 11px;
z-index: 100;
border: 1px solid #789;
}
form.general fieldset div select {
float: left;
width: 140px;
border: 1px solid #789;
font-size: 11px;
color: #456;
}
form.general fieldset div select option {
margin-bottom: 2px;
}
form.general fieldset div input.checkbox {
border: 1px solid #ffb;
background-image: url(/layout/bg-checkbox.png);
float: left;
width: 17px;
height: 17px;
margin-left: -1px;
}
div.progress {
float: left;
margin-top: 20px;
margin-left: 210px;
font-size: 11px;
display: inline;
}
div.progress div {
float: left;
text-align: center;
width: 50px;
display: inline;
}
div.progress div img {
margin: 0px auto 2px auto;
float: left;
display: inline;
}
div.progress div div {
background-color: #cbd4dd;
width: 50px;
height: 3px;
display: inline;
font-size: 2px;
}
div.progress div div.active {
background-color: #0d4f95;
width: 50px;
height: 3px;
display: inline;
}
div.progress div.space {
width: 20px;
float: left;
height: 3px;
margin-top: 34px;
background-color: #cbd4dd;
display: inline;
font-size: 2px;
}
div.accounthistoryheader {
width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 3px 0px 3px 0px; margin-top: 10px; background-color: #eee;
}
div.accounthistoryrow {
width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 0px
}
div.accounthistory {
width: 95px;
float: left;
}
div.accounthistorytitle {
width: 660px; float: left; border-bottom: 1px solid #ccc; padding: 3px 0px 3px 5px; margin-top: 10px; background-color: #eee;
}
ul.addressbook {
list-style: none;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}
ul.addressbook li {
float: left;
margin-bottom: 5px;
border-bottom: 1px dotted #999;
width: 100%;
}
ul.addressbook li span {
float: left;
height: 40px;
width: 20px;
}