@charset "UTF-8";
/* CSS Document */

body {background:#111; color:#eee;}

.header {padding:4em 0 2.5em; background:#111; border-bottom:1px solid #090909;}
.header .logo {width:312px; float:left; padding:0; height:29px;}
.header .navigation {width:620px; float:right; background:none;}
.header .wrap {padding:0 10px; width:940px; position:relative;}
.header .form form {margin:0; padding:0; float:right;}
.header .form form {padding:0;}
.header .form form fieldset {padding:0; margin:0; float:right;}
.header .form {width:400px; float:right; padding:0;}
.header .form .row {float:left; clear:none; padding:0; margin:0; overflow:hidden;}
.header .form .buttons {padding:2px 0 0 5px; float:left; overflow:visible;}
.header .form label {display:inline; padding:3px; width:auto; margin:0;}
.header .form label em {top:-9999px; position:absolute;}

.header .form input.text {border:1px solid #ccc; color:#000; padding:4px; width:200px; margin:0;}
.header .form input.focus-clear {font-style:italic; color:#fff;}
.header ul {display:none;}
.form input.button {border:0; margin:0; padding:0 6px; color:#fff; background:#c0f;  overflow: visible; text-align:center; line-height:normal; height:25px;}
.form input.button:hover {background:#c0f url(A../img/button-bg-hover.gif) bottom repeat-x;}
.header .form input.button {width: 70px; padding:0;}
.content .form .row input.text, .content .form .row input.text-small, .content .form .row textarea {border:1px solid #ccc; color:#000; padding:4px; width:260px;}
.form .row select.select, .form .row .select select {width:270px; padding:4px;}
.form .row input.text:focus, .form .row textarea:focus {border-color:#c0f;}
.content .form legend {display:none;}
.content .row {margin:.7em 0;}
.content .form .row label {width:160px; padding:.4em 0; margin-right:10px;}
.content .form .row .error label {color:#eee;}
.content .form .row .checkbox label {width:auto;}
.content .form .instruction {padding:.5em 0 .5em 170px; margin:0;}
.content .form p.error {padding:.3em 0 .3em 170px; margin:0;}
.form .error .error-message, .form .row label.error-message {display:block; width:auto; padding:.5em 0 .5em 0; margin:0 0 0 170px; color:#c0f; font-weight:bold; background:url(../img/icon-error.png) left no-repeat; text-align:left; padding-left:28px; margin-top:3px}
.form .message {padding:.5em 0 .5em 0; margin:0 0 0 170px; color:#c0f; font-weight:bold; background:url(../img/icon-error.png) left no-repeat; padding-left:28px; margin-top:3px;}
.content .form img {margin-left:170px;}
.form .row .checkbox input  {margin-left:170px;}
.content .form .buttons {padding-left:170px;}
.form-headers {clear: both;}
span.req {color:#CC00FF;}

h1 {color:#1C1C1C; font-size:2.6em; letter-spacing:-0.01em;}
h1 strong {color:#1C1C1C}
h1 strong span {font-size:1.3em;}
h2 {color:#fff; letter-spacing:-0.01em; font-size:2em;}
h2 strong {color:#c0f}
h3 {color:#c0f; font-size:1.4em; padding-bottom:0; font-weight:normal; margin-bottom:-.4em;}

p, li, dt, dd, legend, th, td, caption {font-size:1.4em;}

p.instruction, label {font-size:1.2em;}

a {color:#fff; text-decoration:underline;}
a:hover, a:focus, a:active {text-decoration:none; color:#c0f;}

.js .external {padding:0;}

.navigation {background:#111 url(../img/nav-bg.gif) top repeat-x; z-index:2;}
.navigation ul li a {border:0; padding:.7em 1em; color:#33c547;}

.navigation ul {position:relative; float:left;}
.navigation ul.navigation-account {float:right;}
.navigation ul li {position:relative; font-size:1.2em}
.navigation ul li a {position:relative; padding:.7em 1.3em .8em; color:#666; font-weight:bold;}
.navigation ul li.selected a, .navigation ul li.current a {background:#111  url(../img/nav-bg-hover.gif) bottom repeat-x; color:#c0f;}
.navigation ul li.children a {}
.navigation ul li.login {float:right;}
.navigation ul li.login a {color:#c0f}
.navigation ul li.over a, .navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active {background:none; color:#c0f; }
.navigation ul li.selected a:hover, .navigation ul li.current a:hover {background:#111  url(../img/nav-bg-hover.gif) bottom repeat-x; color:#c0f;}
.navigation ul li:hover ul, .navigation ul li.over ul {display: block;}
.navigation ul li ul {background:#111; position: absolute; top: 100%; width:120px; text-align:left; margin:0; float:left; z-index:10; box-shadow: 0 5px 0px #000; -moz-box-shadow: 0 5px 5px #000; padding:10px;}
.navigation ul li ul li {background:none; font-size:1.1em;}
.navigation ul li ul li a, .navigation ul li.over ul li a {width:100px; border:none; background:none; padding:.5em 10px; text-decoration:none; color:#666; text-align:left; text-transform:none; font-size:.9em;}
.navigation ul li ul li a:hover, .navigation ul li ul li a:focus, .navigation ul li ul li a:active {background:none; color:#c0f;}
.navigation ul li ul li ul {position:static; padding:0;}
.navigation ul li ul li ul li a,.navigation ul li.over ul li ul li a {width:180px; padding:.5em 20px; text-decoration:none; font-size:.9em;}
.navigation ul li.link-shop-kitchens-for-sale ul, .navigation ul li.link-shop-kitchens ul {display:none;}
.navigation ul li.my-favourites ul {width:300px; right:-60px;}
.navigation ul li.my-favourites ul li a {width:290px; float:left; padding:5px; text-align:center; color:#666; font-weight:normal; cursor:pointer;}
.navigation ul li.my-favourites ul li a span {cursor:pointer;}
.navigation ul li.my-favourites ul li a .fav-image {width:50px; float:left;}
.navigation ul li.my-favourites ul li a .fav-text {width:230px; float:right; display:block; padding-top:.3em; line-height:1.5em; text-align:left; color:#fff;}
.navigation ul li.my-favourites ul li a:hover, .navigation ul li.my-favourites ul li a:focus, .navigation ul li.my-favourites ul li a:active {background:#1c1c1c; color:#c0f;}
.navigation ul li.over ul {right:-60px; left:auto;}

.secondary-navigation {margin:2em 0;}
.secondary-navigation h2, .secondary-navigation h3 {background:none;}
.secondary-navigation ul {margin-bottom:2em; border-top:1px solid #161616;}
.secondary-navigation ul li {font-size:1.2em; margin:0; padding:0;}
.secondary-navigation ul li a {border-color:#161616; color:#fff; padding:.2em .8em .2em 1.5em;}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:focus, .secondary-navigation ul li a:active {color:#c0f; background:none;}
.secondary-navigation ul li.current a,
.secondary-navigation ul li.selected a {color:#c0f; font-weight:bold;}
.secondary-navigation ul li a span {color:#666;}

.content {background:#1c1c1c; padding:1em 0; z-index:1;}
.content .wrap {min-height:73em; z-index:1;}
.content p.highlight {fcolor:#fff; padding-bottom:.5em; font-size:1.8em;}
.content p.highlight strong {color:#c0f;}

.content img.view {border:0; padding:0; float:none;}

.eight img {padding:0; border:0; float:none;}

.message {padding:.5em 1em .5em; margin-bottom:1em; background:#000; border:2px solid #c0f; color:#fff; font-size:12px;}
.message p {padding:.3em 0 .4em; font-size:12px;}

.layout-default .content-wrap {width:460px;}

/* Latest Products Carousel */
.latest-products {margin-bottom:4em; margin-top:2em; clear:both;}
.latest-products h2 {padding:0 .5em .5em;}

.jcarousel-container {position: relative; width:460px; height: 400px; clear: both;}
.jcarousel-clip {z-index: 2; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0;}
.jcarousel-list li,
.jcarousel-item {float: left; list-style: none; width:74px;}
.jcarousel-next, .jcarousel-prev {z-index: 3; display: none;}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {position: absolute; top: 340px; right: -6px; width: 18px; height: 18px; cursor: pointer; background: url(../img/icons.png) 0 -236px;}
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active, .jcarousel-next-horizontal:focus {background-position:-18px -236px;}
.jcarousel-prev-horizontal {left: -6px; right:auto;	background-position:0 -254px;}
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active, .jcarousel-prev-horizontal:focus {background-position:-18px -254px;}
.jcarousel-prev-disabled-horizontal, .jcarousel-next-disabled-horizontal {background:none;}

.galleria {position: relative;}

/* Products - Grid View */
.content ul.grid-products {padding:0; margin:1em 0 0 0;}
.content ul.grid-products li {width:340px; float:left; display:inline; position:relative; padding:10px; background:#171717; font-size:1.2em;}
.content .latest-products ul.grid-products li {width:220px;}
.content ul.grid-products li.alt {background:#111;}
.content ul.grid-products li .grid-product {min-height:29.5em;}
.content ul.grid-products li .grid-product .grid-image {min-height:255px;}
.content .latest-products ul.grid-products li .grid-product {min-height:22em;}
.content .latest-products ul.grid-products li .grid-product .grid-image {min-height:166px;}
.grid-product .grid-image a {display:block; overflow:hidden; border-color:none; padding:3px; display:block; overflow:hidden; width:334px; height:246px;}
.grid-product .grid-image a:hover, .grid-product .grid-image a:focus, .grid-product .grid-image a:active {border:3px solid #c0f; padding:0;}
.grid-product .grid-image a img {display:block; margin:0 auto; border:none; padding:0;}
.grid-product .grid-copy {padding:.6em 2.4em .9em .6em; position:relative;}
.content .latest-products ul.grid-products li .grid-product .grid-copy {padding:.6em .6em .9em .6em;}
.content .latest-products ul.grid-products li .grid-product .grid-image a {width:214px; height:157px;}
.grid-product .grid-copy p {margin:0; padding:0;}
.grid-product .grid-copy p.added-favourites {position:absolute; top:6px; right:0; width:18px; height:18px; background-image:url(../img/icons.png); background-position:-18px -200px; text-indent:-9999px;}
.grid-product .grid-copy p.title a {text-decoration:none; display:block;}
.grid-product .grid-copy p.title a:hover, .grid-product .grid-copy p.title a:active, .grid-product .grid-copy p.title a:focus {color:#fff;}
.grid-product .grid-copy p.price {font-weight:bold; color:#fff; font-size:1.3em; background:none;}
.grid-product .grid-copy p.price span.rrp {font-weight:normal; font-size:.9em;}
li.favourites p.added-favourites {padding:0; width:18px; height:18px; background-image:url(../img/icons.png); background-position:-18px -200px; text-indent:-9999px; margin-left:8px;}

/* Product View */
.shop-front .four {}
.shop-front .products {width:720px; float:right; padding-bottom:3em;}
.shop-front .category-title {padding-bottom:1em;}
.shop-front .category-title h1 {width:660px; float:left;}
.shop-front .category-title p.rss-link {width:24px; height:24px; padding:0; margin:1em 0 0 0; float:right;}
.shop-front .category-title p.rss-link a {width:24px; height:24px; display:block; text-indent:-9999px; background:url(../img/icons.png) 0 -176px;}
.shop-front .category-title p.rss-link a:hover, .shop-front .category-title p.rss-link a:active, .shop-front .category-title p.rss-link a:focus {background-position:24px -176px;}

/* Multi-col View */
.layout-products-multi-col .shop-front .products {width:auto;}
.layout-products-multi-col .shop-front .products .twelve {width:940px;}
.layout-products-multi-col .content ul.grid-products li {width:300px;}
.layout-products-multi-col .content ul.grid-products li.alt {background:#171717;}
.layout-products-multi-col .content ul.grid-products li.alt-three {background:#111;}

.layout-products-multi-col .content ul.grid-products li .grid-product {min-height:27.5em;}
.layout-products-multi-col .content ul.grid-products li .grid-product .grid-image {min-height:230px;}

.layout-products-multi-col .grid-product .grid-image a {width:294px; height:218px;}
.layout-products-multi-col .grid-product .grid-image a img {max-height:218px; max-width:294px;}



p.price {color:#fff;}

.paging .sort-options {float:left; width:40%; padding-top:.7em;}
.paging .sort-options p {float:left; font-size:1.2em;  color:#999; padding:.3em .8em .4em 0; display:none;}
.paging .sort-options ul {float:left; list-style:none; margin:0; padding:0;}
.paging .sort-options ul li {float:left; font-size:1.2em; margin-right:.3em;}
.paging .sort-options ul li a {text-decoration:none; color:#999; padding:.3em .7em .4em; background:#161616; border:1px solid #161616; display:block;}
.paging .sort-options ul li a:hover, .paging .sort-options ul li a:focus, .paging .sort-options ul li a:active {background:#0b0b0b; color:#fff; text-decoration:none;}
.paging .sort-options ul li.selected a {font-weight:bold; background:#c0f; color:#fff;}

.paging .pagination {float:right; width:60%; padding-top:.7em;}
.paging .pagination ul {float:right; list-style:none; margin:0;}
.paging .pagination ul li {float:left; margin-left:.3em; white-space:nowrap; padding:0; font-size:1.2em;}
.paging .pagination ul li .disabled {color:#ccc; display:none;}
.paging .pagination ul li a, .paging .pagination ul li span.current {display:block; float:left; color:#999; padding:.3em .7em .4em; background:#161616; border:1px solid #161616; text-decoration:none;}
.paging .pagination ul li a:hover, .paging .pagination ul li a:focus, .paging .pagination ul li a:active {background:#0b0b0b; color:#fff; text-decoration:none;}
.paging .pagination ul li.current {font-weight:bold; background:#c0f; color:#fff; padding:.3em .7em .4em;}
.paging .pagination ul li.record-details {margin-right:1em; padding-top:.5em;}
.paging .pagination ul li.record-details .count {display:none;}

/* Galleries */
.content ul.gallery_demo {list-style:none; margin:.5em 0 .7em;}
.content ul.gallery_demo li {width:56px; height:56px; overflow: hidden; margin:1px 2px 10px 0; background:#1c1c1c; float:left; border:2px solid #1c1c1c; padding:2px;}
.content ul.gallery_demo li.hover {border-color:#666;}
.content ul.gallery_demo li img {height:56px !important; width:56px !important; margin:0 !important; border:none; padding:0;}
.content ul.gallery_demo li.active {border:2px solid #c0f;}
.content .galleria_container .caption {display:none !important;}
.content .galleria_wrapper {height:310px; overflow:hidden;}
.content .galleria_wrapper img {padding:0; border:none;}
.content #img {position:relative;}
.content #img #play-pause {height:40px; width:40px; background:url(../img/icons.png) 0 -272px; position:absolute; top:30px; left:30px; text-indent:-9999px;}
.content #img #play-pause.pause {background:url(../img/icons.png) 0 -312px;}
.content #galleria-controls {display:none;}

.user-actions {clear:both;}
.user-actions ul {margin:0; list-style:none; float: left;}
.user-actions ul li {position: relative;}
.user-actions ul li a {display:block; padding:.3em .7em .4em 37px; color:#777; text-decoration:none; position:relative; width:120px;}
.user-actions ul li a span {display:block; width:18px; height:18px; left:9px; top:6px; background-image:url(../img/icons.png); position:absolute;}
.user-actions ul li a.email span {background-position:0 -218px;}
.user-actions ul li a.favourites span {background-position:0 -200px;}
.user-actions ul li a.back span {background-position:0 -272px;}
.user-actions ul li a:hover, .user-actions ul li a:focus, .user-actions ul li a:active {color:#c0f;}
.user-actions ul li a.email:hover span, .user-actions ul li a.email:focus span, .user-actions ul li a.email:active span {background-position:-18px -218px;}
.user-actions ul li a.favourites:hover span, .user-actions ul li a.favourites:focus span, .user-actions ul li a.favourites:active span {background-position:-18px -200px;}
.user-actions ul li a.back:hover span, .user-actions ul li a.back:focus span, .user-actions ul li a.back:active span {background-position:-18px -272px;}

table th {background:#111 url(../img/nav-bg.gif) top repeat-x;}
table th a, table td a {text-decoration:none;}
table td {vertical-align:top;}
.content table td.image-field {width:50px;}
.content table td img {padding:0; border:0;}

.breadcrumb, .rss-link {display:none;}

.footer {padding:1em 0; border-top:1px solid #090909;}
.footer p {clear:both; font-size:1.1em; color:#555; padding-top:.5em; float: left;}
.footer .twelve ul {float: left;}
.footer li {margin-bottom:.5em; float:left; margin-right:1em; color:#333; font-size:1.1em; border-right:1px solid #666; padding-right:1em;}
.footer li.last {border:0;}
.footer li a {color:#555; display:block; text-decoration:none;}
.footer li a:hover, .footer li a:active, .footer li a:focus {color:#c0f; text-decoration:none;} 
.footer dl {float:right;}
.footer dl dt {margin-bottom:.5em; color:#666;}
.footer dl dd {float:left; margin-right:5px; background-image:url(../img/icons.png);}
.footer dl dd a {display:block; height:24px; width:24px; text-indent:-9999px; background-image:url(../img/icons.png);}
.footer dl dd.linkedin, .footer dl dd.linkedin a {background-position:0 -104px;}
.footer dl dd.facebook, .footer dl dd.facebook a {background-position:0 -128px;}
.footer dl dd.delicious, .footer dl dd.delicious a {background-position:0 -297px;}
.footer dl dd.digg, .footer dl dd.digg a {background-position:0 -321px;}
.footer dl dd.reddit, .footer dl dd.reddit a {background-position:0 -345px;}
.footer dl dd.stumbleupon, .footer dl dd.stumbleupon a {background-position:0 -369px;}
.footer p.company-statement {padding-top:1.5em; line-height:1.4em;} 

/* Social Media */
.social-media {padding: 2em 0;}
.social-media dl dt {color: #777; display: block; padding: .6em 0;}
.social-media dl dd {display: inline; margin-right: .3em; float: left;}
.social-media dl dd a {position: relative; width:24px; height: 24px; display: block; text-indent: -9999px; background-image:url(../img/icons.png); float: left;}
.social-media dl dd a span {display: block; width:24px; height:24px; position: absolute; top:0; left: 0;}
.social-media dl dd a.delicious {background-position: 0 -297px;}
.social-media dl dd a.digg {background-position: 0 -321px;}
.social-media dl dd a.reddit {background-position: 0 -345px;}
.social-media dl dd a.stumbleupon {background-position: 0 -369px;}