@charset "utf-8";
/*
//////////////////////////////////////////////////////////////////////
// DOMENA SHOP (CSS)
//////////////////////////////////////////////////////////////////////
*/
/* ===================================================================
== BASE
=================================================================== */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
body {background:#f7f7f7; color:#111; font:62.5%/1.8em Lucida Grande, Verdana, Arial, sans-serif; text-align:center; margin:0; padding:0;}
table, td, input, textarea, select, li {color:#222; font:1em Lucida Grande, Verdana, Arial, sans-serif;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
strong {font-weight:bold;}
em {font-style:italic;}
img {border:none;}
a img {border:none;}
/* -- typo -- */
p, h1, h2, h3, h4, h5, h6 {margin:1em 0;}
h1 {font-size:1.4em; clear:both; font-weight:bold;}
h1#pageTitle {font-family:Calibri,Arial,"Luxi Sans",sans-serif; line-height:38px; font-size:240%; margin:8px 0;}
h1#pageTitle span {color:#aaa;}
h2 {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:150%; clear:both; font-weight:bold;}
h3 {clear:both; font-size:120%; font-weight:bold;}
h4, h5 {font-size:1em; font-weight:bold; text-transform:uppercase;}
hr {display:none;}
.message {background:#f2f2f2; font-size:1em; margin:0 0 1em 0; padding:.5em 10px;}
.message.positive {background:#0f0;}
.message.negative {background:#f7e1e1;}
.note {background:#f3f3f3; font-size:1em; margin:0 0 1em 0; padding:.5em 10px;}
.warning {background:#f7e1e1; font-size:1em; padding:.5em 10px;}
.highlight {position:absolute; top:8px; right:10px; font-size:90%;}
.left {display:inline; float:left;}
.right {display:inline; float:right;}
address {font-style:normal; margin:1em 0;}
/* -- links -- */
a:link, a:visited, a:active {color:#2598d3; text-decoration:none;}
a:hover {color:#111;}
/* -- hidden -- */
.hidden, #extra {display:none;}
/* -- image replace -- */
.img-replace, .img-replace a {display:block; position:relative; overflow:hidden;}
.img-replace a, .img-replace span { width:100%; height:100%;}
.img-replace span {position:absolute; top:0; left:0;}
.img-replace a span {cursor:pointer;}
/* -- domena / e-shopy / believe -- */
#domena {background:#fff; float:left; width:220px; height:65px; margin:0; padding-top:15px; padding-left:10px; display:inline; line-height:1.2em; font-size:120%; color:#333;}
#domena span {background:url("../graphics/main/domena.gif") 0 0 no-repeat;}
#believe {background:#fff; float:left; width:230px; height:90px; margin:0; display:inline;}
#believe a {padding-top:35px; padding-left:15px; width:215px; height:55px; line-height:1.2em; font-size:78%; color:#333;}
#believe a span {background:url("../graphics/main/believe.gif") 0 0 no-repeat;}
#e-shopy {background:#fff; float:left; width:230px; height:90px; margin:0; display:inline;}
#e-shopy a {padding-top:35px; padding-left:15px; width:215px; height:55px; line-height:1.2em; font-size:78%; color:#333;}
#e-shopy a span {background:url("../graphics/main/e-shopy.gif") 0 0 no-repeat;}
#twitter {background:#fff; float:left; width:230px; height:90px; margin:0; display:inline;}
#twitter a {padding-top:35px; padding-left:15px; width:215px; height:55px; line-height:1.2em; font-size:78%; color:#333;}
#twitter a span {background:url("../graphics/main/twitter.gif") 0 0 no-repeat;}
/* -- tagy -- */
#tagy {margin:0; padding:2px; line-height:220%; text-align:center;}
#tagy li {display:inline; font-family:Calibri,Arial,"Luxi Sans",sans-serif;}
#tagy a {padding:0;}
#tagy a.tag1 {font-size:90%; font-weight:100;}
#tagy a.tag2 {font-size:100%; font-weight:200;}
#tagy a.tag3 {font-size:110%; font-weight:300;}
#tagy a.tag4 {font-size:120%; font-weight:400;}
#tagy a.tag5 {font-size:130%; font-weight:500;}
#tagy a.tag6 {font-size:150%; font-weight:600;}
#tagy a.tag7 {font-size:170%; font-weight:700;}
#tagy a.tag8 {font-size:190%; font-weight:800;}
#tagy a.tag9 {font-size:220%; font-weight:900;}
#tagy a.tag10 {font-size:250%; font-weight:900;}
/* -- twitter -- */
#tweet {padding:5px;}
#tweet ul {list-style:none; padding:0;}
#tweet li {padding:3px; background:none;}
#tweet span.prefix {font-weight:bold;}
#tweet span.time {font-style:italic;}
#tweet span.status {color:#111;}
/* -- others -- */
.searchBox {}
.brandBox {}
.deptBox {border:1px solid #dfdfdf;}
.menuBox {}
.domBox {}
.toolsBox {}
.newsletterBox {}
.viewedBox {}
/* ===================================================================
== CONTAINER
=================================================================== */
#container {background:none; margin:0 auto; position:relative; text-align:left;}
/* ===================================================================
== HEADER
=================================================================== */
#header {background:#f7f7f7; font-size:1.1em; margin:0 auto; padding:0; height:147px; width:990px;}
#header .inner {margin:0 auto; position:relative; width:990px;}
/* -- ads1 -- */
#ads1 {margin:0 230px auto; position:absolute;}
/* -- logo -- */
#logo {background:#f7f7f7; float:left; width:200px; height:90px; margin:0; display:inline;}
#logo a {padding-top:25px; padding-left:15px; width:185px; height:65px; line-height:1.2em; font-size:80%; color:#888;}
#logo a strong {line-height:1.3em; font-size:230%; color:#333;}
#logo a span {background:url("../graphics/main/logo.gif") 0 0 no-repeat;}
/* -- shopping basket -- */
#info {color:#333; font-weight:bold; height:24px; line-height:24px; margin:0; padding:0; position:absolute; right:10px; text-align:right; top:-155px; width:280px; z-index:10;}
#info a {color:#333;}
#info a:hover {color:#555;}
#basketTitle {display:none;}
#basket {display:inline; height:24px; line-height:24px;}
#basketIcon1{}
#basketIcon2{}
/* ===================================================================
== MID
=================================================================== */
#mid {background:#fff url(../graphics/main/bg-mid.gif) repeat-y 0 0; margin:0 auto; padding-bottom:1.5em; position:relative; width:990px;}
/* -- movie -- */
#movie {float:left; background:#f7f7f7; width:950px; height:200px; margin-top:20px; margin-left:20px; padding:0; display:inline;}
#movie a {padding-top:90px; text-align:center; font-size:100%; color:#555; font-weight:bold;}
#movie a span {background:url("../graphics/main/movie.jpg") 0 0 no-repeat;}
/* -- breadcrumbs -- */
#breadcrumbs {background:#f2f2f2; color:#777; float:left; font-weight:bold; font-size:.9em; display:inline; margin:0 0 .5em 0px; padding:.5em 10px; width:680px; height:20px;}
#breadcrumbs a {color:#444;}
#breadcrumbs a:hover {color:#111;}
#breadcrumbs .arrow {color:#888;}
/* ===================================================================
== SIDEBAR
=================================================================== */
#sidebar {float:left; font-size:1.1em; display:inline; margin-left:20px; margin-top:20px; margin-bottom:0; width:230px;}
/* -- search -- */
#searchTitle {display:none;}
#search {position:absolute; right:20px; top:-45px; width:252px; margin:0; background:#efefef url("../graphics/main/search.gif") no-repeat 0 0; height:34px; z-index:1;}
#search legend {display:none;}
#search label {display:none;}
#searchKeyword {border:none; color:#333; background:none; width:210px; height:14px; margin-top:10px; margin-left:10px; vertical-align:middle;}
#adv {display:none;}
#searchSubmit {position:absolute; top:5px; right:5px; background:url("../graphics/main/search-btn.gif") no-repeat 0 0; border:none; margin:0; padding:0; width:24px; height:24px; overflow:hidden; text-indent:-9999px; cursor:pointer;}
/* -- brand -- */
#shopbyBrandTitle {background:#f2f2f2; font-size:1em; letter-spacing:1px; margin:1em 0; padding:.5em 10px; text-transform:uppercase;}
#shopByBrand {float:left; padding:3px 4px; width:180px;}
#brandSubmit {background:#fff url("../graphics/main/button.gif") no-repeat 0 0; border:none; margin:0; padding:0; width:40px; height:23px; cursor:pointer;}
#brandSubmit:hover {background:#ccc; cursor:pointer;}
/* -- nav -- */
#navDeptTitle {background:#f9f9f9; font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:120%; text-transform:uppercase; margin:0; padding:15px 10px;}
#navDept, #navDept li {list-style:none; background:#ccc; margin:0; padding:0;}
#navDept {}
#navDept li{margin:0; font-size:100%; border-top:1px solid #e9e9e9; padding:0; background:#fff;}
#navDept li a, #navDept li a:link, #navDept li a:visited, #navDept li a:active {color:#666; font-size:1em; font-weight:bold; text-transform:uppercase; display:block; width:100%;}
#navDept li a:hover {background:#fbfafa; color:#2598d3;}
#navDept li a span {display:block; padding:15px 10px 15px 10px;}
#navDept li a.selected {background:#fbfafa; color:#2598d3;}
#navDept li a:hover.selected {background:#fbfafa; color:#2598d3;}
/* -- navSub -- */
.navSub, .navSub li {list-style:none; margin:0; padding:0;}
.navSub {}
#navDept li .navSub li a {font-weight:normal;}
#navDept li .navSub a.selected {background:#fbfafa; color:#2598d3;}
#navDept li:hover .navSub li a:hover {background:#fbfafa; color:#2598d3;}
/* -- navMenu -- */
#navMenuTitle {display:none;}
ul#navMenu {clear:both; list-style:none; margin:0; background:#f4f4f4 url("../graphics/main/menu-bg.gif"); min-height:57px; _height:57px; line-height:57px; width:990px; position:absolute; left:0; top:-57px;}
ul#navMenu li {float:left; text-align:center; display:block;margin:0;padding:0; background:none;position:relative;}
ul#navMenu a {display:block; position:relative; height:34px; padding-top:23px; overflow:hidden; color:#333; font-size:100%; font-weight:bold; text-transform:uppercase;}
ul#navMenu a:hover {color:#111; background:#eaeaea;}
ul#navMenu a span {position:absolute; height:57px; width:100%; left:0; top:0; display:block; cursor:pointer;}
ul#navMenu a span {background-image:url("../graphics/main/menu.gif");}
li#menu1 a {width:81px;}
li#menu1 a span {background-position:0 0;}
li#menu1 a:hover span {background-position:0px -100%;}
li#menu1 a.selected span {background-position:0px -200%;}
li#menu2 a {width:165px;}
li#menu2 a span {background-position:-81px 0;}
li#menu2 a:hover span {background-position:-81px -100%;}
li#menu2 a.selected span {background-position:-81px -200%;}
li#menu3 a {width:143px;}
li#menu3 a span {background-position:-246px 0;}
li#menu3 a:hover span {background-position:-246px -100%;}
li#menu3 a.selected span {background-position:-246px -200%;}
li#menu4 a {width:92px;}
li#menu4 a span {background-position:-389px 0;}
li#menu4 a:hover span {background-position:-389px -100%;}
li#menu4 a.selected span {background-position:-389px -200%;}
li#menu5 a {width:109px;}
li#menu5 a span {background-position:-481px 0;}
li#menu5 a:hover span {background-position:-481px -100%;}
li#menu5 a.selected span {background-position:-481px -200%;}
li#menu6 a {width:100px;}
li#menu6 a span {background-position:-590px 0;}
li#menu6 a:hover span {background-position:-590px -100%;}
li#menu6 a.selected span {background-position:-590px -200%;}
/* -- tools -- */
#navToolsTitle {display:none;}
#navTools, #navTools li {list-style:none; display:inline; margin:0; padding:0;}
#navTools {margin:0; padding:0; position:absolute; text-align:left; top:-140px; left:210px; width:420px; z-index:10;}
#navTools li a {color:#777;}
#navTools li a:hover, #navTools li a.selected {color:#111;}
#navTools li a span {}
/* -- menu -- */
.navStaticTitle {background:#f2f2f2; font-size:1em; letter-spacing:1px; margin:1em 0 .5em 0; padding:.5em 10px; text-transform:uppercase;}
.navStatic, .navStatic li {list-style:none; margin:0; padding:0;}
.navStatic {margin-bottom:1em;}
.navStatic li a, .navStatic li a:link, .navStatic li a:visited, .navStatic li a:active {background:url(../graphics/main/navStaticBg.gif) no-repeat 1em .9em; color:#777; display:block; width:100%;}
.navStatic li a:hover {color:#111;}
.navStatic li a span {display:block; padding:.5em 10px .5em 2.4em;}
/* -- newsletter -- */
#newsletterTitle {background:#f2f2f2; font-size:1em; letter-spacing:1px; margin:1em 0; padding:.5em 10px; text-transform:uppercase;}
#newsletter legend {display:none;}
#newsletter label {display:none;}
#newsletterEmail {background:#fff; border:1px solid #d9d9d9; float:left; margin:0; padding:4px; width:170px;}
#newsletterSubmit {background:#fff url("../graphics/main/button.gif") no-repeat 0 0; border:none; margin:0; padding:0; width:40px; height:23px; cursor:pointer;}
#newsletterSubmit:hover {background:#ccc; cursor:pointer;}
/* -- viewed -- */
#recentlyViewedTitle {background:#f2f2f2; font-size:1em; margin:1em 0 .5em 0; padding:.5em 10px; text-transform:uppercase;}
#recentlyViewed, #recentlyViewed li {list-style:none; margin:0; padding:0;}
#recentlyViewed {margin-bottom:1em;}
#recentlyViewed li a, #recentlyViewed li a:link, #recentlyViewed li a:visited, #recentlyViewed li a:active {background:url(../graphics/main/navStaticBg.gif) no-repeat 1em .9em; color:#777; display:block; width:100%;}
#recentlyViewed li a:hover {color:#111;}
#recentlyViewed li a span {display:block; padding:.5em 10px .5em 2.4em;}
/* ===================================================================
== MAIN
=================================================================== */
#main {float:right; font-size:1.1em; display:inline; width:700px; margin-right:20px; margin-top:20px;}
/* ===================================================================
== CONTENT
=================================================================== */
#content {margin:1em 0;}
#content a {font-weight:bold;}
#content ul, #content ul li {list-style:none; margin:0; padding:0;}
#content ul {margin:1em 0 2em 0;}
#content ul li {list-style:disc; margin:.5em 0 .5em 2em;}
p.buttonWrapper {height:2em; line-height:2em; margin:1em 0;}
p.buttonWrapper a:link, p.buttonWrapper a:visited, p.buttonWrapper a:active {background:#5a8bb6; color:#fff; margin-right:.5em; padding:.5em 1em;}
p.buttonWrapper a:hover {background:#4f7a9f;}
/* ===================================================================
== SUBDEPARTMENTS
=================================================================== */
#navSubDept, #navSubDept li {list-style:none; margin:0; padding:0;}
#navSubDept {background:#f2f2f2; color:#777; margin:1em 0 2em 0; padding:1em 10px; position:relative;}
#navSubDept li {display:block; float:left; height:2em; line-height:2em; list-style:none; margin:0 10px; width:315px;}
#navSubDept li a {background:url(../graphics/main/navStaticBg.gif) no-repeat 0 50%; color:#888; display:block; font-weight:normal; text-indent:1em;}
#navSubDept li a:hover, #navSubDept li a.selected {color:#111;}
/* ===================================================================
== FORMS
=================================================================== */
fieldset {border:none; margin:0; padding:0;}
legend {clear:left; color:#222; display:block; font-size:16px; font-weight:bold; line-height:2em;}
fieldset h3 {margin:1em 0;}
.formField {background:#fff; border:1px solid #d9d9d9; padding:4px; width:170px;}
select.formSelect {background:#fff; border:1px solid #d9d9d9; padding:3px 4px; width:170px;}
select.formSelectMedium {background:#fff; border:1px solid #ccc; margin-right:5px; padding:3px 4px; width:90px;}
.formFieldShort {background:#fff; border:1px solid #ccc; margin-right:5px; padding:4px; width:50px;}
.formFieldShorter {background:#fff; border:1px solid #ccc; margin:.2em 0 1em 0; padding:4px; width:24px;}
.formFieldMedium {background:#fff; border:1px solid #ccc; margin-right:5px; padding:4px; width:90px;}
h3 .formRadio {margin:-.2em .5em 0 0;}
p .formRadio {margin:-.2em .5em 0 0;}
.formButton {vertical-align:middle; background:#ededed url(../graphics/main/button.gif) 0 0 no-repeat; margin:0; padding:0; width:220px; height:48px; color:#333; text-decoration:none; font-size:120%; font-weight:bold; cursor:pointer; border:none; padding-top:1px; padding-bottom:1px;}
.formButton:hover {background:#ededed url(../graphics/main/button.gif) 0 -48px no-repeat; color:#111;}
.enquireButton, .buyButton {vertical-align:middle; background:#ccc url(../graphics/main/enquire.gif) 0 0 no-repeat; margin:0; padding:0; width:278px; height:70px; color:#333; padding-left:100px; text-align:left; text-decoration:none; font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:180%; font-weight:bold; cursor:pointer; border:none;}
.enquireButton:hover, .buyButton:hover {background:#616161 url(../graphics/main/enquire.gif) 0 -70px no-repeat; color:#fff;}
label {margin:.5em 0;}
label span {color:#a00; font-size:110%; font-weight:bold;}
input.formField:focus, input.formFieldShort:focus, input.formFieldShorter:focus, input.formFieldMedium:focus, textarea:focus, .quantity:focus, .formField.comments:focus {background:#fff; border:1px solid #aaa;}
/* ===================================================================
== TABLES
=================================================================== */
table {border-collapse:collapse; border:1px solid #e5e5e5; border-bottom:0; line-height:150%; margin:.5em 0 1em 0; width:100%;}
th {background:#f3f3f3; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:5px; white-space:nowrap;}
tr {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
td {background:#f9f9f9; border-bottom:1px solid #e5e5e5; padding:5px; vertical-align:top;}
table .price {color:#333; font-size:1em; font-weight:bold; white-space:nowrap;}
th.first, td.first {width:25%;}
td.qty {width:50px;}
th.cartimg {width:68px;}
th.remove {width:16px;}
th.product, th.attributes {width:30%}
#productAttributes thead th {text-transform:uppercase;}
#productAttributes th {font-weight:bold;}
/* ===================================================================
== MISC
=================================================================== */
/* -- sitemap -- */
#sitemap, #sitemap ul, #sitemap li {list-style:none; margin:0; padding:0;}
#sitemap {margin:1em 0;}
#sitemap li {margin:.5em 0;}
#sitemap li h3 {margin:.2em 0;}
#sitemap ul {padding-left:20px;}
/* -- shopping cart -- */
.module1 {float:left; margin:1em 0; width:340px; display:inline;}
.module2 {float:right; margin:1em 0; width:340px; display:inline;}
.module1 *:first-child, .module2 *:first-child {margin-top:0;}
.formCheckbox, .formRadio {margin:0; padding:0; vertical-align:middle;}
p .formCheckbox {margin:-.4em .5em 0 0;}
p .formRadio {margin:-.4em .5em 0 0;}
#cartContents {margin-bottom:1em;}
#cartContents td.productDetails {padding-left:80px;}
.cartProductImage {display:inline; float:left; margin:0 0 0 -75px;}
.cartProductImage a img {background:#fff; border:1px solid #d5d5d5; padding:2px; width:60px;}
.cartProductImage a:hover img {background:#eee; border:1px solid #d5d5d5; padding:2px;}
a.removeItem {position:absolute; margin:0; padding:0; overflow:hidden; width:16px; height:16px; text-indent:-9999px; background:url(../graphics/main/remove.gif) no-repeat 0 50%;}
#acceptedCards img {margin-right:.5em;}
#total {clear:both; margin:1em 0 0 0; padding:0; font-size:110%;}
#total dt {border-bottom:1px solid #ddd; font-weight:bold; line-height:2.5em;}
#total dd {line-height:2.5em; margin-top:-2.6em; text-align:right;}
#total #grantotal {font-size:1.3em;}
.actions {clear:both; margin:1em 0;}
/* -- content area forms -- */
#main label {display:block;}
#main .formField, #main .formFieldMedium {margin:0 0 .8em 0; width:280px;}
#main select.formSelect, #main select.formSelectMedium, #main select.formSelectShort {margin:0 0 .8em 0; width:280px;}
#content .formField, #frmContact .formField {width:310px;}
#content .formFieldShort, #frmContact .formFieldShort {margin:.2em 0 1em 0; width:50px;}
#content select.formSelect, #frmContact select.formSelect {width:228px;}
#content select.formSelectMedium, #frmContact select.formSelectMedium {margin-right:.8em; width:80px;}
#content .formButton, #frmContact .formButton {float:left; margin-right:.5em;}
#cv2 {float:left; margin:-.2em 0 0 1em;}
/* -- checkout summary -- */
#checkout dl.cartSummary, #checkout dl.cartSummary dt, #checkout dl.cartSummary dd {margin:0; padding:0;}
#checkout dl.cartSummary dt {clear:left; float:left; margin:0; width:40%;}
#checkout dl.cartSummary dd {float:left; margin:0; width:59%;}
.addGiftWrap {float:left; margin:-.5em 0 0 0;}
/* -- checkout form layout -- */
table.user, table.user tr, table.user td {background:none; border:none; padding:0;}
table.user {margin:0;}
table.user td {width:50%;}	
.paymentGateway {background:#fff; border:1px solid #ddd; float:left; display:block; margin:-.5em 1em 1em 0; padding:3px;}
/* ===================================================================
== PRODUCT LISTS
=================================================================== */
.products, .products li {list-style:none; margin:0; padding:0;}
.products li {background:#fbfafa; margin:0 0 1em 0; padding:1px 10px 0 170px; position:relative;}
.products li:hover {background:#f8f8f8;}
.products li h3 {background:none; clear:left; font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:140%;}
.products li h3 a, .products li h3 a:link, .products li h3 a:visited, .products li h3 a:active {color:#2598d3;}
.products li h3 a:hover {color:#111;}
.products .image {display:inline; float:left; margin:-2.6em 0 1em -158px; width:146px;}
.products .image a img {background:#dfdfdf; padding:1px;}
.products .image a:hover img {background:#d8d8d8; padding:1px;}
.products .addWishlist, .products .addCompare {display:inline; margin:.5em 1em .5em 0;}
.products .desc {display:none;}
.products .rrp {color:#333; display:inline; font-size:100%;}
.products .rrp del {color:#222; font-weight:bold;}
.products .onSale {width:48px; height:48px; background:url("../graphics/main/sale.png") no-repeat; overflow:hidden; text-indent:-9999px; display:inline; color:#333; font-weight:bold; margin:0; position:absolute; top:40px; right:0;}
.products .price {color:#333; font-size:1.2em;}
.products .price strong {color:#111;}
.products .price .withoutTax, .products .price .withTax {display:inline; color:#333; font-weight:normal;}
.products .price span {display:block; color:#555; font-size:70%;}
.products .quantity {clear:both; margin:-3em 0 1em 0; text-align:right;}
.products .actions {float:right; margin:.5em 0; text-align:right;}
/* -- product grid -- */
.products.grid {margin-right:-11px; margin-bottom:10px; width:711px;}
.products.grid li {float:left; margin-right:11px; padding:1px 10px 5px 10px; width:206px;}
.products.grid h3 {height:22px;}
.products.grid .image {float:none; margin:1em 0;}
.products.grid .addWishlist, .products.grid .addCompare {border:0; display:block; margin:.2em 0; padding:0;}
.products.grid .price {margin:.5em 0;}
.products.grid .price .withoutTax, .products.grid .price .withTax {display:inline;}
.products.grid .price span {display:block; margin:.5em 0;}
.products.grid .actions {clear:both; float:none; margin:.5em 0; text-align:left;}
/* -- sort by options / attributes header -- */
#productSort h3 {clear:both; font-size:1em; letter-spacing:1px; margin:1em 0 0 0; text-transform:uppercase;}
#productSort h3 a {color:#999; height:2.7em; line-height:2.7em; padding:.8em 10px;}
#productSort h3 a:hover {color:#555;}
#productSort h3 a.selected {background:#f2f2f2; color:#111;}
#productSort h3 a span {color:#777; letter-spacing:normal; text-transform:none;}
/* -- sort container -- */
#productSort #productSortOptions {background:#f2f2f2; margin:0 0 1em 0; padding:0 0 10px 10px;}
/* -- sort options -- */
#productSort #productSortOptions .sortBlock {float:left; margin-right:10px; width:160px;}
#productSort #productSortOptions .sortBlock .formSelect {width:160px;}
#productSort #productSortOptions .formButton {float:left; margin-top:25px; padding:0 5px 1px 5px; vertical-align:middle; background:url(../graphics/main/sort.gif) top left no-repeat; padding:0; width:80px; height:30px; color:#333; text-decoration:none; font-size:1em; font-weight:bold; cursor:pointer; border:none;}
#productSort #productSortOptions .formButton:hover {color:#111;}
/* -- sort by attributes -- */
#productSort h4 {margin:0; text-transform:none;}
#productSort #productSortOptions dl, #productSort #productSortOptions dl dt, #productSort #productSortOptions dl dd {margin:0; padding:0;}
#productSort #productSortOptions dl {margin:.5em 0; padding-left:150px; position:relative;}
#productSort #productSortOptions dl dt {clear:left; color:#555; float:left; font-weight:bold; margin-left:-150px; width:140px;}
#productSort #productSortOptions dl dd {color:#888; float:left; margin-right:1em;}
/* -- pagination -- */
.pagination {background:#f2f2f2; clear:both; color:#777; font-weight:bold; margin:-2em 0 1em 0; padding:.5em 10px .5em 5px;}
.pagination p {margin:0;}
.pagination p.current {display:inline; float:right; line-height:1em; margin:.5em 0;}
.pagination p.summary {border-left:1px solid #bbb; float:right; line-height:1em; margin:.5em 0 .5em .6em; padding-left:.5em;}
.pagination a, .pagination a:link, .pagination a:visited, .pagination a:active {color:#666; display:block; float:left; font-weight:bold; margin-right:2px; padding:.1em 6px;}
.pagination a:hover {color:#111;}
.pagination a.selected {background:#fff; color:#111;}
.pagination.end {margin-top:0;}
.firstPage {}
.prevPage {}
.prevSet {}
.pageNumber {}
.nextSet {}
.nextPage {}
.lastPage {}
/* ===================================================================
== PRODUCT DETAILS
=================================================================== */
#product {margin:1em 0;}
/* -- image gallery -- */
#product .image {float:left; margin:0 0 1em 0;}
#product .image p {margin:1em 0;}
#product .image ul, #product .image ul li {list-style:none; margin:0; padding:0;}
#product .image ul {width:370px;}
#product .image ul li {display:inline;}
#product .image ul li {margin:0 3px 0 0;}
#product .image ul li a img {background:#f2f2f2; padding:2px;}
#product .image ul li a:hover img {background:#ddd; padding:2px;}
#product .image span {width:20px; height:18px; display:block; position:relative; top:-4px; left:370px;}
#product .image a:hover span {background-position:0 -22px;}
#product .image .zoom {background:url("../graphics/main/zoom.gif") no-repeat;}
/* -- product price & options -- */
#product .info {background:#f2f2f2; float:right; margin:0 0 1em 0; padding:1px 10px 10px 10px; position:relative; width:278px;}
#product .info .onSale {background:url("../graphics/main/sale.png") no-repeat 0 0; display:inline; width:48px; height:48px; margin:0; padding:0; position:absolute; overflow:hidden; text-indent:-9999px; top:-51px; right:60px;}
#product .info .price {color:#333; font-size:1.4em; line-height:1.4em; margin:1em 0 .5em 0;}
#product .info .price strong {color:#111;}
#product .info .price .withoutTax, #product .info .price .withTax {display:inline; color:#333; font-weight:normal;}
#product .info .price span {display:block; color:#555; font-size:60%;}
#product .info .rrp {color:#333; font-size:110%;}
#product .info .rrp del {font-weight:bold;}
#product .info h3 {line-height:2em; margin-bottom:-.5em;}
#product .info .freePostage {background:url("../graphics/main/postage.png") no-repeat 0 0; display:inline; width:48px; height:48px; margin:0; padding:0; position:absolute; overflow:hidden; text-indent:-9999px; top:-51px; right:5px;}
#product .info .notes, #product .info .qtyAvailable {margin:0; padding:0;}
#product .info .qtyAvailable span {color:#111;}
#product .info .sku strong {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:130%; color:#333;}
#product .info .url {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:150%;}
#product .info .cat span {color:#333;}
#product .info .sku, #product .info .cat a {color:#111;}
#product .info .cat a:hover {color:#333;}
#product .info label {float:left; margin:5px .5em 0 0;}
#product .info .formField {width:270px;}
#product .info .formButton {margin:.2em 0 0 0;}
#product .info .formFieldShort, .formFieldShorter, #product .info .formButton {float:left; margin-right:.3em;}
#product .info #addWishlist, #product .info #addComparison {margin:.5em 0;}
#product .actions {clear:both;}
/* ===================================================================
== ARTICLES
=================================================================== */
#articles ul, #articles li {list-style:none; margin:0; padding:0;}
#articles ul {margin:1em 0;}
#articles ul li {background:url(../graphics/main/articleBg.gif) repeat-x bottom left; list-style:none; margin:1em 0 .5em 0; padding:0 0 .8em 0;}
#articles ul li a {color:#555; font-weight:bold; padding:.2em;}
#articles ul li a:hover {color:#111;}
#pageAuthor {background:#f2f2f2; padding:.5em 10px;}
/* ===================================================================
== RECOMMENDED
=================================================================== */
.products.recommended {}
/* ===================================================================
== REVIEWS
=================================================================== */
/* -- star ratings -- */
.review {background:url(../graphics/main/ratings.gif) no-repeat 0 0; display:block; height:12px; line-height:12px; margin:1em 0; padding-left:80px;}
p.rating0 {background-position:0 0;}
p.rating1 {background-position:0 -12px;}
p.rating2 {background-position:0 -24px;}
p.rating3 {background-position:0 -36px;}
p.rating4 {background-position:0 -48px;}
p.rating5 {background-position:0 -60px;}
p.rating6 {background-position:0 -72px;}
p.rating7 {background-position:0 -84px;}
p.rating8 {background-position:0 -96px;}
p.rating9 {background-position:0 -108px;}
p.rating10 {background-position:0 -120px;}
/* -- product page reviews -- */
#reviews {background:#f2f2f2; clear:both; margin:1em 0; padding:1px 10px; position:relative;}
#writeReview {background:none; display:inline; color:#fff; font-weight:bold; margin:0; padding:0; position:relative;}
#writeReview a {color:#333;}
#writeReview a:hover {color:#111;}
#reviews h3 {margin-bottom:0; margin-right:160px;}
#reviews .review {float:right; margin-bottom:-1.3em;}
p.reviewAuthor {float:right; margin-top:0;}
.reviewDate {border-bottom:1px solid #ddd; margin-bottom:1em; padding-bottom:.5em;}
dl#reviewForm, dl#reviewForm dt, dl#reviewForm dd {margin:0; padding:0;}
dl#reviewForm dt {margin:.5em 0 .2em 0;}
/* ===================================================================
== SEARCH RESULTS
=================================================================== */
#searchResults, #searchResults li {list-style:none; margin:0; padding:0;}
#searchResults {margin:1em 0;}
#searchResults li {list-style:decimal; margin:1em 0 1em 2.5em;}
#searchResults h3 {}
#searchResults p {margin-top:-1em;}
#searchResults span {background:#ccc; color:#fff; font-size:.9em; font-weight:normal; margin-left:.5em; padding:.2em .5em .15em .5em;}
/* ===================================================================
== FOOTER
=================================================================== */
#footer {background:#f7f7f7 url("../graphics/main/footer.gif") no-repeat 0 0; clear:both; color:#666; font-size:1.1em; font-weight:bold; margin:0 auto; padding:0; width:990px; height:40px; margin-bottom:-18px;}
#footer .inner {margin:0 auto; width:990px;}
#footer p {}
#footer a {color:#666;}
#footer a:hover {color:#111;}
#footer #credits {padding-top:10px; padding-left:20px;}
/* ===================================================================
== CLEARFIX
=================================================================== */
.inner:after, #content:after, .products:after, .products li:after, .pagination:after, #product:after, #total:after, .module1:after, .module2:after, #search:after, #advancedSearch:after, #brand:after, #newsletter:after, #navSubDept:after, #navSubDept li:after, #productSortOptions:after, dl:after, dl dt:after, dl dd:after, form:after, .billShipBlock:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {display:inline-block;}
/* Hide from IE Mac \*/
.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {display:block;}
/* End hide from IE Mac */