html, body {
background: url(../images/bg.gif) repeat-x;
background-color: #efefef;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}
/* Common Functions ================ */
.clear { clear: both; }
.trans { border: 0; }
.image-left { display: block; clear: left; float: left; }
.image-right { display: block; clear: right; float: right; }
/* Wrappers ======================== */
#wrapper {
display: block;
width: 950px;
position: relative;
top: 0px;
left: 50%;
margin-left: -475px;
}
/* Header and Navigation ------------------------------ */
#header {
display: block;
height: 59px;
width: 942px;
padding-left: 8px;
}
#top-nav {
display: block;
width: 611px;
height: 59px;
float: left;
margin-right: 14px;
overflow: hidden;
}
#top-nav a {
display: block;
float: left;
height: 59px;
background: url(../images/top-nav.gif) no-repeat;
outline: 0;
font-size: 13px;
font-weight: bold;
color: #fff;
text-indent: -9999px;
text-decoration: none;
border: 0;
}
#top-nav .home { width: 52px; }
#top-nav .home:hover { background-position: 0px -59px; }
#top-nav .kankens { width: 134px; background-position: -52px 0px; }
#top-nav .kankens:hover { background-position: -52px -59px; }
#top-nav .products { width: 121px; background-position: -186px 0px; }
#top-nav .products:hover { background-position: -186px -59px; }
#top-nav .testimonials { width: 97px; background-position: -307px 0px; }
#top-nav .testimonials:hover { background-position: -307px -59px; }
#top-nav .contact { width: 84px; background-position: -404px 0px; }
#top-nav .contact:hover { background-position: -404px -59px; }
#top-nav .delivery { width: 67px; background-position: -488px 0px; }
#top-nav .delivery:hover { background-position: -488px -59px; }
#top-nav .gallery { width: 56px; background-position: -555px 0px; }
#top-nav .gallery:hover { background-position: -555px -59px; }
#translate {
display: block;
width: 127px;
float: left;
margin-right: 13px;
}
.translate {
display: block;
height: 59px;
width: 127px;
background: url(../images/translate.gif) no-repeat;
text-indent: -9999px;
}
.translate:hover {
background-position: 0px -59px;
}
#search {
display: block;
width: 177px;
height: 27px;
padding-top: 16px;
padding-bottom: 16px;
float: left;
}
#sale {
position: absolute;
display: block;
z-index: 2000;
top: 0;
left: 0;
width: 116px;
height: 112px;
}
#sale a {
display: block;
width: 116px;
height: 112px;
background: url(../images/sale.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.search {
display: inline-block;
width: 132px;
height: 21px;
background: url(../images/search-input.gif) no-repeat;
border: 0;
margin: 0;
padding-left: 10px;
font-size: 11px;
font-family: arial,sans-serif;
color: #807f7f;
padding-top: 6px;
padding-right: 5px;
float: left;
}
.go {
width: 30px;
height: 27px;
display: inline-block;
float: left;
border: 0;
margin: 0;
background: url(../images/search-input.gif) no-repeat;
background-position: -147px 0px;
cursor: pointer;
}
.go:hover {
background-position: -147px -27px;
}
.search-404 {
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #a0a0a0;
width: 160px;
padding: 5px;
background-color: #fff;
display: inline-block;
float: left;
margin-right: 5px;
font-size: 12px;
color: #575757;
margin-left: 10px;
margin-bottom: 20px;
}
.search-404:focus {
background-color: #f8f6c1;
}
.go-404 {
display: inline-block;
padding: 4px;
background-color: #d11e26;
font-size: 12px;
font-weight: bold;
color: #fff;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
border: 1px solid #c5131b;
margin-bottom: 20px;
}
.go-404:hover {
background-color: #ff6100;
border: 1px solid #ea5900;
}
/* Header Midsection & Slideshow ----------------------------------------- */
#sub-header {
display: block;
width: 950px;
height: 139px;
border: 0;
position: relative;
z-index: 2;
}
/* Checkout ------------------------------------------ */
#checkout {
display: block;
width: 950px;
height: 68px;
margin-top: -15px !important;
background: url(../images/checkout.gif) no-repeat;
position: relative;
z-index: 2;
}
#checkout h2 {
display: block;
height: 68px;
width: 158px;
background: url(../images/breadcrumbs.gif) no-repeat;
float: left;
text-indent: -9999px;
position: relative;
z-index: 2;
}
#checkout span {
display: block;
float: left;
width: 500px;
height: 43px;
padding-left: 25px;
padding-right: 15px;
color: #ffffff;
font-size: 11px;
font-family: arial,sans-serif;
line-height: 18px;
padding-top: 25px;
position: relative;
z-index: 2;
}
#checkout span a {
font-weight: bold;
text-decoration: none;
color: #f5b00b;
}
#checkout span a:hover {
color: #ea8613;
}
#checkout iframe {
position: relative;
z-index: 2;
}
#iframe {
display: block;
float: left;
width: 252px;
height: 68px;
background-color: #000;
position: relative;
z-index: 3;
}
#iframe h3 {
display: inline-block;
float: left;
text-align: center;
width: 44px;
font-size: 55px;
color: #fff;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -2px;
padding-top: 0px;
}
.cart-items {
display: block;
float: left;
width: 114px;
height: 38px;
background: url(../images/cart-items.gif) no-repeat;
padding-top: 30px;
padding-left: 4px;
}
#iframe a {
display: inline-block;
width: 103px;
height: 22px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/cart-checkout.gif) no-repeat;
}
#iframe a:hover {
background-position: 0px -22px;
}
/* Content ------------------------------------------------ */
#sidebar {
display: block;
width: 281px;
margin-top: 20px !important;
float: left;
}
#shop-colour {
display: block;
float: left;
width: 257px;
height: 208px;
background: url(../images/shop-colour.gif) no-repeat;
padding-top: 58px;
padding-left: 25px;
margin-right: 15px;
margin-bottom: 15px !important;
}
#palette {
display: block;
width: 232px;
height: 192px;
}
#palette img {
display: inline-block;
margin-left: 3px;
margin-bottom: 4px;
width: 32px;
height: 31px;
border: 0;
}
#palette a {
outline: 0;
}
#shop-style {
display: block;
float: left;
width: 263px;
height: 212px;
background: url(../images/shop-style.gif) no-repeat;
padding-top: 54px;
padding-left: 18px;
margin-right: 16px;
}
.shop-style {
display: block;
clear: both;
width: 240px;
background: url(../images/style-bg.gif) no-repeat;
height: 29px;
margin-bottom: 4px;
}
.shop-style h1 {
display: block;
clear: left;
float: left;
height: 28px;
width: 175px;
text-indent: -9999px;
}
.shop-style a {
display: block;
float: right;
clear: right;
width: 47px;
height: 25px;
text-indent: -9999px;
background: url(../images/shop-go.gif) no-repeat;
outline: 0;
}
.shop-style a.style31:hover { background-position: 0px -25px; }
.shop-style h1.style31 { background: url(../images/mini.gif) no-repeat; }
.shop-style a.style32:hover { background-position: 0px -50px; }
.shop-style h1.style32 { background: url(../images/classic.gif) no-repeat; }
.shop-style a.style33:hover { background-position: 0px -75px; }
.shop-style h1.style33 { background: url(../images/dual.gif) no-repeat; }
.shop-style a.style34:hover { background-position: 0px -100px; }
.shop-style h1.style34 { background: url(../images/big.gif) no-repeat; }
.shop-style a.style35:hover { background-position: 0px -125px; }
.shop-style h1.style35 { background: url(../images/maxi.gif) no-repeat; }
#last { background: none !important; }
.shop-style a.style36:hover { background-position: 0px -150px; }
.shop-style h1.style36 { background: url(../images/laptop.gif) no-repeat; }
/* Shop Categories ----------------------------- */
.style-row, .colour-row {
display: block;
}
.colour-range, .colour-range-last {
display: block;
float: left;
width: 273px;
border-right: 1px solid #e7e7e7;
padding: 10px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 15px;
padding-top: 15px;
}
.colour-range-last {
border-right: 0;
padding-left: 30px;
}
.colour-row img {
float: left;
clear: left;
margin-right: 10px;
width: 32px;
height: 31px;
border: 0;
}
.colour-row span a {
color: #d4222a;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.colour-row span a:hover {
color: #b91920;
}
.colour-row h3 {
font-size: 17px;
}
.colour-info {
display: block;
float: left;
width: 220px;
}
.style-range, .style-range-last {
display: block;
float: left;
border-right: 1px solid #e7e7e7;
text-align: center;
width: 203px;
}
.style-range-last {
border-right: 0;
}
.style-row h2 {
font-size: 17px;
width: 200px;
text-align: center;
}
.style-row img {
display: inline-block;
width: 200px;
height: 195px;
border: 0;
}
a.style-view {
width: 154px;
height: 41px;
display: inline-block;
background: url(../images/style-view.gif) no-repeat;
outline: 0;
text-indent: -9999px;
}
/* Product Grid -------------------------------- */
.grid-row {
display: block;
clear: both;
}
.grid-prod, .grid-prod-last, .associated-prod {
display: block;
float: left;
width: 150px;
height: 250px;
background: url(../images/grid-view.gif) no-repeat;
margin-right: 13px;
padding-top: 23px;
padding-left: 22px;
padding-right: 23px;
text-align: center;
}
.associated-prod {
margin-right: 4px;
margin-left: 4px;
width: 150px;
}
.grid-prod-last {
margin-right: 0px;
}
.grid-row img, .associated-prod img {
width: 111px;
height: 133px;
border: 0;
outline: 0;
margin-bottom: 10px;
}
.grid-row div.price, .associated-prod div.price {
display: block;
height: 34px;
margin-bottom: 13px;
}
.grid-row h3, .associated-prod h3 {
float: left;
width: 72px;
height: 24px;
display: inline-block;
font-size: 12px;
color: #fff;
font-weight: bold;
padding-top: 10px;
}
.grid-row a.grid-more {
display: block;
width: 78px;
height: 34px;
background: url(../images/grid-more.gif) no-repeat;
outline: 0;
text-indent: -9999px;
float: left;
}
.associated-add {
display: block;
width: 78px;
height: 26px;
font-size: 11px;
font-weight: bold;
color: #fff;
float: left;
padding-top: 8px;
}
.associated-add input {
position: relative;
top: 1px;
margin-right: 3px;
}
.grid-row span.grid-link a, span.grid-link {
display: block;
text-align: center;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #393939;
}
.grid-row span.grid-link a:hover {
color: #d4222a;
}
/* Copy ---------------------------------------- */
#content {
display: block;
padding: 0 !important;
background-color: #efefef !important;
}
#copy {
display: block;
width: 611px;
float: left;
background-color: #fff;
margin-top: 20px;
margin-left: 20px;
padding-left: 17px;
padding-right: 17px;
padding-top: 20px;
padding-bottom: 20px;
}
#copy h1 {
display: block;
width: 590px;
height: 40px;
font-size: 24px;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -2px;
color: #343434;
padding-left: 7px;
padding-top: 8px;
padding-bottom: 8px;
}
#copy p a {
color: #2b2b2b;
text-decoration: underline;
font-weight: bold;
}
#copy p a:hover {
color: #0a0a0a;
}
#prod-listing h2 {
display: block;
width: 590px;
height: 40px;
font-size: 20px;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -2px;
color: #DD2E36;
padding-left: 7px;
padding-top: 8px;
padding-bottom: 8px;
}
#copy p strong {
font-weight: bold;
color: #dd2e36;
}
#copy h1 strong {
color: #cf1a22;
}
#copy h6 {
display: block;
width: 590px;
font-size: 24px;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -2px;
color: #343434;
padding-left: 7px;
padding-top: 8px;
padding-bottom: 10px !important;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px !important;
clear: both;
}
#copy h6 strong {
text-transform: uppercase;
font-weight: bold;
}
#copy h6.mini strong { color: #dc0909; }
#copy h6.classic strong { color: #dc7609; }
#copy h6.big strong { color: #59c3bf; }
#copy h6.dual strong { color: #86c359; }
#copy h6.maxi strong { color: #634ba7; }
#copy h6.laptop strong { color: #ad6eb3; }
ul.reasons-why {
display: block;
float: right;
clear: right;
width: 249px;
border-left: 1px solid #e1e1e1;
background: url(../images/reasons-why.gif) no-repeat;
background-position: 0px 10px;
padding-top: 70px;
padding-left: 13px;
margin-left: 20px !important;
margin-right: -15px !important;
margin-top: -6px !important;
}
ul.reasons-why li {
display: block;
padding-left: 18px;
margin-bottom: 11px;
border: 0 !important;
line-height: 17px;
color: #848484;
padding-right: 0px !important;
padding-top: 0px !important;
width: 222px;
background-position: 0px 4px;
}
li.reason1 { background: url(../images/reason1.gif) no-repeat; }
li.reason2 { background: url(../images/reason2.gif) no-repeat; }
li.reason3 { background: url(../images/reason3.gif) no-repeat; }
li.reason4 { background: url(../images/reason4.gif) no-repeat; }
li.reason5 { background: url(../images/reason5.gif) no-repeat; }
li.reason6 { background: url(../images/reason6.gif) no-repeat; }
li.reason7 { background: url(../images/reason7.gif) no-repeat; }
/* Delivery Info --------------------------------------------------------- */
table.delivery {
border: 0;
width: 100%;
margin-bottom: 15px;
}
table.delivery td, table.delivery th {
padding: 7px;
text-align: center;
font-size: 11px;
padding-top: 10px;
padding-bottom: 10px;
}
table.delivery th.value {
background-color: #d4222a;
-moz-border-radius-topleft: 5px;
border-radius-topleft: 5px;
width: 90px !important;
font-weight: bold;
color: #fff;
border-right: 1px solid #c5161e;
border-bottom: 1px solid #c5161e;
}
table.delivery th.locale {
background-color: #f58f0b;
font-weight: bold;
color: #fff;
border-right: 1px solid #e77403;
border-bottom: 1px solid #e77403;
}
table.delivery th.last {
border-right: 0px !important;
-moz-border-radius-topright: 5px;
border-radius-topright: 5px;
}
table.delivery th span {
display: block;
font-size: 9px;
color: #f8e999;
text-align: center;
}
table.delivery td.value {
background-color: #eeeded;
color: #474747;
border-right: 1px dotted #cecece;
border-bottom: 1px dotted #cecece;
}
table.delivery td.locale {
border-right: 1px dotted #cecece;
border-bottom: 1px dotted #cecece;
}
table.delivery td.locale strong {
font-weight: bold;
text-transform: uppercase;
color: #c01921;
}
.delivery-time {
display: block;
margin-right: 10px;
margin-left: 10px;
padding: 10px;
background-position: 0px 5px !important;;
padding-left: 80px;
background: url(../images/details2.gif) no-repeat;
height: 54px;
border-bottom: 1px dotted #cecece;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
color: #707070;
padding-top: 12px;
}
.delivery-time span {
display: block;
font-size: 28px;
font-weight: normal !important;
color: #d32028;
letter-spacing: -2px;
}
/* Headings ------------------------------------------ */
.img-title, .img-title-small {
display: block;
padding-left: 94px;
height: 60px;
margin-bottom: 20px;
padding-top: 10px;
}
.img-title-small {
height: 50px;
padding-left: 76px;
padding-top: 16px;
}
.img-title h2 {
font-family: lucida sans,arial,sans-serif;
font-size: 28px;
letter-spacing: -2px;
}
.img-title span, .img-title-small span {
font-size: 11px;
font-family: tahoma,arial,sans-serif;
color: #8d8d8d;
}
.img-title em, .img-title-small em {
color: #d01b1b;
font-style: normal;
}
.img-title-small h3 {
font-size: 21px;
font-family: lucida sans,arial,sans-serif;
color: #2b2b2b;
letter-spacing: -2px;
}
div#viewcart {
background: url(../images/cart.gif) no-repeat;
background-position: 7px 3px;
}
div#addcart {
background: url(../images/cart-add.gif) no-repeat;
background-position: 7px 3px;
}
div#cartproceed {
background: url(../images/cart-proceed.gif) no-repeat;
background-position: 7px 3px;
}
div#info {
background: url(../images/info.gif) no-repeat;
background-position: 0px 0px;
padding-top: 10px;
height: 65px;
padding-left: 85px;
}
div#details1 {
background: url(../images/details1.gif) no-repeat;
background-position: 2px 0px;
}
div#details2 {
background: url(../images/details2.gif) no-repeat;
background-position: 2px 0px;
}
div#additional {
background: url(../images/additional.gif) no-repeat;
background-position: 2px 0px;
}
div#payment {
background: url(../images/payment.gif) no-repeat;
background-position: 2px 0px;
}
div#searchresult {
background: url(../images/search.gif) no-repeat;
background-position: 2px 7px;
}
/* Search Results -------------------------------------*/
p.search-result {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
font-size: 12px;
color: #aaaaaa;
padding-top: 10px;
padding-left: 4px;
}
p.search-result span {
display: inline-block;
padding: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
width: 17px;
height: 17px;
text-align: center;
color: #fff !important;
background-color: #2b2b2b;
margin-right: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
p.search-result a {
color: #c01d1d;
font-weight: bold;
text-decoration: none;
font-size: 13px;
}
p.search-result a:hover { color: #262626 !important; }
p.more-results {
display: block;
background-color: #2b2b2b;
padding: 5px;
color: #fff !important;
font-size: 11px !important;;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-bottom: 20px;
}
/* Out of Stock -------------------------------------- */
form.outofstock-form {
display: block;
width: 338px;
font-size: 11px;
margin-left: 15px;
}
form.outofstock-form legend {
display: block;
padding: 5px;
padding-left: 18px;
padding-right: 8px;
margin-bottom: 12px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: url(../images/intro-br.gif) no-repeat;
background-position: 7px 9px;
background-color: #2b2b2b;
color: #fff;
font-weight: bold;
}
form.outofstock-form p {
display: block;
clear: both;
}
form.outofstock-form p label {
display: inline-block;
float: left;
padding: 5px;
padding-left: 8px;
background-color: #e3e3e3;
color: #737373;
width: 120px;
margin-bottom: 8px;
margin-right: 8px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
input.outofstock-submit {
display: block;
width: 119px;
height: 36px;
border: 0;
padding: 0;
background: url(../images/notify.gif) no-repeat;
cursor: pointer;
float: left;
margin-top: 10px;
margin-left: 141px;
}
form.outofstock-form p label em {
color: #dd2e36;
font-style: normal;
}
form.outofstock-form p input, form.outofstock-form p textarea {
display: inline-block;
float: left;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
font-size: 11px;
border: 1px solid #e0e0e0;
width: 170px;
color: #2b2b2b;
font-size: 11px;
}
form.outofstock-form p input:focus, form.outofstock-form p textarea:focus {
background-color: #fffea7;
}
form.outofstock-form textarea {
height: 60px;
vertical-align: top;
scrolling: auto;
}
/* Add to Cart --------------------------------------- */
table#add-to-cart, table#checkout-proceed {
margin-bottom: 15px;
}
table#add-to-cart th, table#checkout-proceed th {
width: 120px;
border-bottom: 1px solid #232323;
background: url(../images/intro-br.gif) no-repeat;
padding-left: 22px;
background-color: #191919;
background-position: 8px 12px;
}
table#add-to-cart th.first, table#checkout-proceed th.first {
-moz-border-radius-topleft: 6px;
}
table#add-to-cart th.last, table#checkout-proceed th.last {
-moz-border-radius-bottomleft: 6px;
border-bottom: 0;
}
.red-button img {
width: 119px;
height: 36px;
border: 0;
outline: 0;
cursor: pointer;
}
.red-button {
display: inline-block;
float: left;
margin: 0;
margin-right: 8px;
padding: 0;
margin: 0;
width: 125px;
padding: 0 !important;
border: 0;
cursor: pointer;
position: relative;
}
button.red-button {
top: -1px;
}
/* Error Message ------------------------------------- */
div.error {
display: block;
margin-bottom: 25px;
margin-right: 10px;
margin-left: 10px;
}
div.error ul li {
display: block;
padding-bottom: 4px;
background: url(../images/error.gif) no-repeat;
padding-left: 25px;
height: 20px;
padding-top: 2px;
font-size: 12px;
border-bottom: 1px solid #e1e1e1;
color: #5c5c5c;
margin-bottom: 8px;
}
/* View Cart ----------------------------------------- */
.checkout-process {
display: block;
background: url(../images/process.gif) repeat-x;
text-align: center;
margin-bottom: 5px;
background-position: 0px -15px !important;
}
.checkout-process span {
display: inline-block;
margin-left: 75px;
margin-right: 75px;
width: 27px;
background-color: #e8e8e8;
text-align: center;
padding-top: 5px;
height: 20px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #bababa;
margin-bottom: 7px;
}
.checkout-process span.active {
background-color: #d91a1a;
color: #fff;
}
.checkout-process strong {
display: inline-block;
width: 173px;
text-align: center;
font-size: 11px;
color: #bcbcbc;
}
.checkout-process strong.active {
color: #6b6b6b;
}
.product-add {
width: 100%;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #ededed;
margin-bottom: 15px;
}
.product-add th, .product-add td {
padding: 8px;
}
.product-add th {
background-color: #191919;
color: #fff;
font-size: 11px;
}
.product-add td {
font-size: 11px;
border-bottom: 1px solid #dadada;
}
td.quantity input {
display: inline-block;
width: 32px;
border: 1px solid #dadada !important;
background-color: #fff;
padding: 4px;
font-size: 11px;
color: #111111;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-left: 13px !important;
}
td.quantity input:focus {
background-color: #fafc8b;
}
th#view-grandtotal {
font-size: 24px;
letter-spacing: -1px;
font-family: lucida sans,arial,sans-serif;
background-color: #262626;
width: 200px;
}
th.view-top, th.top-left, th.top-right {
background: url(../images/intro-br.gif) no-repeat;
background-color: #191919;
padding-left: 20px;
border-right: 1px solid #222222;
background-position: 8px 12px;
}
th.top-left {
-moz-border-radius-topleft: 6px;
border-left: 0px;
}
th.top-right {
-moz-border-radius-topright: 6px;
border-right: 0px;
}
input.recalculate, input.checkout {
display: inline-block;
width: 119px;
height: 36px;
background: url(../images/recalculate.gif) no-repeat;
cursor: pointer;
border: 0;
margin-right: 6px;
}
input.checkout {
background: url(../images/checkout.gif) no-repeat;
}
button.button {
border: 0;
padding: 0;
display: inline-block;
margin-right: 2px !important;
background: none;
cursor: pointer;
}
.buttons {
clear: both;
display: block;
text-align: center;
padding: 10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #e1e1e1;
margin-bottom: 25px !important;
padding-top: 15px;
position: relative;
top: 10px;
}
/* Checkout ------------------------------------------ */
.checkout-buttons {
display: block;
clear: both;
padding-top: 15px !important;
text-align: center;
padding-bottom: 15px !important;
}
.checkout-buttons button {
margin-right: 5px !important;
display: inline-block;
}
.checkout-left, .checkout-right {
display: block;
float: left;
padding-top: 10px;
padding-bottom: 15px;
}
.checkout-br {
display: block;
clear: both;
border-top: 1px solid #e9e9e9;
}
.checkout-left {
width: 291px;
padding-right: 10px;
border-right: 1px solid #e9e9e9;
}
.checkout-right {
width: 285px;
padding-left: 20px;
}
.checkout-info p {
margin-bottom: 2px !important;
font-size: 11px !important;
}
.checkout-info label {
display: inline-block;
width: 110px;
background-position: 6px 9px;
background-color: #e8e8e8;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
padding: 5px;
padding-left: 11px !important;
color: #696969;
padding-left: 20px;
margin-right: 5px;
}
.checkout-info label em {
color: #df3f3f;
}
.checkout-input {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
width: 130px;
padding: 4px;
border: 1px solid #d1d1d1;;
}
.checkout-input:focus {
background-color: #fff8be;
}
/* Product Listing ----------------------------------- */
div.product-options {
display: block;
width: 296px;
height: 117px;
background: url(../images/buy-now-dark.gif) no-repeat;
}
div.buy-now {
display: block;
width: 269px;
height: 43px;
padding-top: 18px;
padding-left: 18px;
padding-right: 9px;
}
div.buy-now span {
font-size: 11px;
font-weight: bold;
color: #fff;
width: 60px;
display: inline-block;
float: left;
padding-top: 7px;
}
input.quantity {
display: inline-block;
float: left;
width: 32px;
border: 1px solid #000 !important;
background-color: #fff;
height: 16px;
padding: 4px;
font-size: 11px;
color: #111111;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
}
input.quantity:focus {
background-color: #f8fb62;
}
input.buy {
width: 104px;
height: 29px;
background: url(../images/buy-dark.gif) no-repeat;
border: 0;
cursor: pointer;
display: inline-block;
float: right;
margin-top: -3px !important;
}
input.buy:hover {
background-position: 0px -29px;
}
.share-product {
display: block;
width: 130px;
height: 46px;
background: url(../images/share-dark.gif) no-repeat;
padding-left: 166px;
padding-top: 10px;
color: #323231;
}
.alt-share-product {
width: 150px;
padding: 10px;
background: url(../images/alt-share.gif) no-repeat;
background-position: 15px 1px;
background-color: #1e1e1d;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 15px;
margin-left: 10px;
margin-top: 15px;
display: block;
height: 20px;
padding-left: 175px;
}
.share-product img, .alt-share-product img {
display: inline-block;
margin-right: 2px;
}
div.prod-img {
display: block;
width: 282px;
height: 347px;
float: right;
clear: right;
background: url(../images/prod-img-dark.gif) no-repeat;
padding-left: 33px;
padding-top: 27px;
}
div.prod-img img {
width: 250px;
height: 300px;
}
div.prod-img a.zoom {
display: block;
width: 107px;
height: 29px;
background: url(../images/zoom.png) no-repeat;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-indent: -9999px;
cursor: pointer;
float: right;
margin-right: 20px;
margin-top: 17px;
}
div.prod-img a.zoom:hover {
background-position: 0px -29px;
}
#prod-listing ul {
width: 270px;
margin-left: 10px;
font-size: 11px;
color: #2b2b2b;
margin-bottom: 15px;
}
#prod-listing li {
border-bottom: 1px dotted #c9c9c9;
height: 26px;
display: block;
}
#prod-listing li strong {
display: inline-block;
margin-right: 9px;
background: url(../images/a.gif) no-repeat;
background-position: 8px 8px;
background-color: #ebebeb;
padding: 6px;
width: 75px;
font-weight: bold;
padding-left: 22px;
}
#prod-listing p {
font-size: 12px;
color: #767676;
font-family: arial,sans-serif;
line-height: 20px;
margin-bottom: 15px;
text-align: justify;
padding-left: 10px;
padding-right: 10px;
}
/* Links Page ----------------------------------- */
.link {
display: block;
padding: 15px;
border-bottom: 1px solid #e8e8e8;
clear: both;
margin-left: 10px;
margin-right: 10px;
}
.link-image {
display: block;
float: left;
clear: left;
width: 150px;
height: 100px;
padding: 4px;
background-color: #e8e8e8;
border: 1px solid #c4c4c4;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
outline: 0;
margin-right: 12px;
}
.link h5 {
display: block;
margin-bottom: 10px;
font-size: 22px;
color: #ff6000;
letter-spacing: -2px;
font-family: lucida sans,arial,sans-serif;
width: 389px;
float: right;
text-align: left;
}
.link-image img {
display: block;
width: 150px;
height: 100px;
border: 0;
}
.link p {
font-size: 12px;
line-height: 19px;
text-align: justify;
color: #646464;
margin-bottom: 10px;
display: block;
}
.link-visit {
color: #cf1b23;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
.link-visit:hover {
color: #ff6000;
}
/* Contact Page ----------------------------------- */
p.address {
display: block;
float: right;
clear: right;
margin-left: 20px !important;
padding-left: 20px !important;
border-left: 5px solid #e8e8e8;
line-height: 22px !important;
padding-top: 10px;
padding-bottom: 10px;
}
p.address strong {
color: #ff6200 !important;
}
.contact-form fieldset {
background-color: #e8e8e8;
border: 1px solid #d2d2d2;
padding: 5px;
margin-bottom: 15px;
display: block;
float: left;
width: 285px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-top: 10px;
padding-bottom: 10px;
height: 170px;
position: relative;
}
.contact-form legend {
font-weight: bold;
font-size: 11px;
color: #d11e26;
position: absolute;
top: -7px;
}
.contact-form p {
display: block;
clear: both;
margin-bottom: 0px !important;
}
.contact-form input.text {
display: block;
float: left;
width: 147px;
height: 16px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form label {
display: block;
float: left;
width: 90px;
background-color: #2e2e2e;
color: #fff;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
height: 18px;
margin-right: 6px;
padding-left: 8px;
font-size: 11px;
margin-bottom: 5px !important;
}
.contact-form label em {
color: #df3438;
font-style: normal;
}
.contact-form select {
display: block;
float: left;
width: 157px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form textarea {
display: block;
float: left;
width: 147px;
height: 70px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
overflow: auto;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form input.submit {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #bd2724;
border: 1px solid #b51d1a;
padding: 4px;
font-weight: bold;
color: #fff;
font-size: 11px;
margin-top: 10px;
float: right;
margin-right: 10px;
cursor: pointer;
}
.contact-form input.submit:hover {
background-color: #e32420;
}
/* News ----------------------------------------- */
h5.article-title {
display: block;
float: left;
clear: left;
width: 400px;
height: 40px;
font-size: 24px;
color: #373737;
letter-spacing: -2px;
font-family: lucida sans,arial,sans-serif;
padding-top: 3px;
}
a.read-more {
display: block;
clear: right;
float: right;
outline: 0;
width: 87px;
height: 42px;
}
a.read-more img {
width: 87px;
height: 42px;
border: 0;
}
a.read-more img:hover {
position: relative;
top: 1px;
left: 1px;
}
.article-break {
display: block;
height: 2px;
border-bottom: 1px solid #d8d8d8;
clear: both;
}
.date-block {
display: block;
float: left;
clear: left;
width: 93px;
height: 91px;
border-right: 10px solid #d8d8d8;
text-align: center;
padding-top: 16px;
font-size: 48px;
line-height: 35px;
color: #d21f27;
padding-top: 25px;
margin-right: 15px;
margin-bottom: 15px;
}
.date-block strong {
display: block;
font-size: 24px;
text-transform: uppercase;
color: #ff6000;
}
span.abstract {
font-style: oblique;
font-size: 14px !important;
color: #232323 !important;
}
img.article-image {
display: block;
clear: right;
float: right;
margin-left: 15px !important;
margin-bottom: 10px;
}
/* Footer --------------------------------------- */
#footer-container {
display: block;
clear: both;
height: 338px;
background: url(../images/footer.gif) repeat-x;
}
#footer {
display: block;
width: 950px;
position: relative;
top: 0px;
left: 50%;
margin-left: -475px;
height: 338px;
}
#footer-left {
display: block;
float: left;
width: 565px;
height: 252px;
padding-top: 86px;
}
#footer-right {
display: block;
float: left;
width: 295px;
height: 292px;
background: url(../images/footer-right.gif) no-repeat;
padding-top: 46px;
padding-left: 90px;
}
#footer-left span.left-top {
display: block;
width: 565px;
height: 90px;
background: url(../images/divider.gif) no-repeat;
background-position: 100% 0%;
}
#footer-left span.links {
clear: both;
display: block;
width: 507px;
height: 114px;
font-size: 11px;
font-family: arial,sans-serif;
color: #676767;
padding-left: 58px;
padding-top: 5px;
}
#footer-left span.links a {
color: #676767;
text-decoration: none;
}
#footer-left span.links a:hover {
color: #282828;
}
#footer-left span.links a.design {
font-weight: bold;
}
#footer-left span.logo {
display: block;
width: 315px;
height: 86px;
float: left;
}
#footer-left span.logo h1 {
background: url(../images/footer-logo.gif) no-repeat;
width: 315px;
height: 86px;
display: block;
font-family: arial,tahoma,sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
}
#footer-left span.logo h1 a {
display: block;
width: 315px;
height: 86px;
outline: 0;
text-indent: -9999px;
overflow: hidden;
}
#footer-left span.networks {
display: block;
float: left;
height: 68px;
width: 234px;
padding-top: 18px;
padding-left: 15px;
color: #a8a8a8;
}
#footer-left span.networks a {
outline: 0;
color: #fb1717;
font-size: 11px;
font-weight: bold;;
text-decoration: none;
}
#footer-left span.networks a:hover {
color: #c70707;
}
#footer-left span.networks h5 {
font-size: 11px;
font-weight: bold;
padding-bottom: 8px;
margin-bottom: 10px;
color: #a8a8a8;
border-bottom: 1px solid #fff;
width: 180px;
margin-top: 10px;
}
#footer-left span.networks img:hover {
position: relative;
top: 1px;
left: 1px;
}
#footer-bubbles {
display: block;
height: 147px;
background: url(../images/footer-bubbles.png) repeat-x;
position: relative;
margin-top: -140px;
background-position: 100% 0%;
}
/* Twitter ---------------------------------------------- */
#tweet {
display: block;
width: 263px;
}
#tweet-content {
height: 58px;
}
ul#twit-twit li {
font-size: 11px;
color: #525252;
font-family: arial,sans-serif;
}
ul#twit-twit li span {
display: block;
margin-bottom: 5px;
}
ul#twit-twit li a {
color: #292929;
text-decoration: none;
}
ul#twit-twit li a:hover {
text-decoration: underline;
}
ul#twit-twit li span a {
font-weight: bold;
text-decoration: none !important;
color: #db2a23 !important;
}
ul#twit-twit li span a:hover {
color: #5296c3;
text-decoration: none !important;
}
#tweet-foot {
display: block;
width: 146px;
height: 30px;
background: url(../images/follow.gif) no-repeat;
margin-top: 0px;
margin-left: 85px;
}
/* Highlight */
div.highlight {
display: block;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 15px;
font-size: 12px;
font-family: arial,sans-serif;
background: url(../images/warning.gif) no-repeat;
padding-left: 42px;
padding-top: 9px;
padding-bottom: 11px;
background-position: 13px 13px;
background-color: #fdefae;
margin-bottom: 12px;
line-height: 20px;
color: #40403f;
}
div.highlight strong {
font-weight: bold;
color: #fc8323;
}