/**************************************************************************/
/* BedroomBox.co.uk July 2010 Stylesheet - http://www.bedroombox.co.uk    */
/* Author: BedroomBox.co.uk                                            */
/* Version 1.0 (c) Copyright 2010 BedroomBox.co.uk, All Rights Reserved.  */
/**************************************************************************/

html { background-color:#000; }

header, footer, section, aside, nav, article { display: block; overflow: hidden; }

body { background-color:#FFFFFF; border:1px solid #777; border-top:none; padding:0 20px; color:#000; font: 12px "Trebuchet MS","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; margin: 0 auto 20px; width: 960px; -moz-box-shadow:0 1px 20px #fff; -webkit-box-shadow:0 1px 20px #fff; }

a { color: #515151; cursor:pointer; text-decoration:underline; }
a:hover { color: #ff0000; text-decoration:none; }
a img { border: none; }

p { margin-top: 0; }

header {background:url(../image/bg_header.gif) no-repeat;}
header hgroup { float: left; padding: 18px 0 0 15px; width: 244px; }
header hgroup h1, header hgroup h2 { margin: 0; }
header hgroup h1 { background: url() no-repeat; text-indent: -9999px; }
header hgroup h1 a { background: url(/image/data/site/logo.png) no-repeat; display: block; height: 38px; }
header hgroup h2 { font-size: 90%; text-align: center; }
header ul { padding: 0; margin: 6px 0; }
header ul li { display: inline; }
header ul.account { background-color:#F0F7F9; border:1px solid #C9D7F1; border-radius: 6px; -moz-border-radius: 6px; clear: right; float: right; padding: 4px 6px; text-align: right; -webkit-border-radius: 6px; }
header ul.account li { margin-left: 5px; }
header ul.account li a { padding-left: 20px; }
header ul.account li a:hover {}
header ul.account li a.home { background: url(/image/data/site/icon_home.png) no-repeat; }
header ul.account li a.login { background: url(/image/data/site/icon_login.png) no-repeat; }
header ul.account li a.logout { background: url(/image/data/site/icon_logout.png) no-repeat; }
header ul.account li a.account { background: url(/image/data/site/icon_account.png) no-repeat; }
header ul.account li a.basket { background: url(/image/data/site/icon_basket.png) no-repeat; }
header ul.account li a.checkout { background: url(/image/data/site/icon_checkout.png) no-repeat; }

nav { background-color:#000; height: 38px; margin:20px 0 10px; padding: 0; }
nav ul { line-height: 38px; margin: 0; padding: 0; }
nav ul li { display: inline; }
nav ul li a { color: #fff; font-size:11px; font-weight: bold; padding:6px 9px; text-decoration: none; text-transform:uppercase; }
nav ul li a:hover {  }

section#headbar { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; height: 41px; }
section#headbar ul { float: left; padding-left: 15px; }
section#headbar ul li { display: inline; margin-left: 5px; }
section#headbar ul li a { padding-left: 20px; }
section#headbar ul li a.special { background: url(/image/data/site/icon_sale.png) no-repeat; }
section.search { float: right; margin: 8px 0 8px; padding-right: 15px; text-align:right; }
section.search input {}
section.search select {}
section.search .button { padding: 1px 4px; margin-right:5px; }

section#breadbar { height: 30px; margin-bottom: 0; }
section#breadcrumb { float: left; padding-top: 7px; }
section#error {}
section#local { float: right; }
.switcher { float: right; margin-top: 3px; margin-left: 10px; }
.switcher a { text-decoration: none; display: block; }
.switcher .selected { background: #FFFFFF url('../image/switcher.png') repeat-x; }
.switcher .selected a {	border: 1px solid #CCCCCC; background: url('../image/arrow_down.png') 116px center no-repeat; color: #666666; padding: 2px 5px 2px 5px;	width: 121px; }
.switcher .selected a:hover { background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat; }
.switcher .option { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #EEEEEE; display: none;position: absolute; width: 131px; z-index: 3; }
.switcher .option a { color: #000; padding: 3px 5px 3px 5px; }
.switcher .option a:hover { background: #FFC; }
.switcher img { position: relative; top: 1px; }

aside { width: 180px; }
aside.left { float: left; margin-right: 10px; }
aside.right { float: right; margin-left: 10px; }

section#content { width: 580px; margin: 0 190px; }
section#content article { margin-bottom: 10px; }
section#content article header { background-color: #f5f5f5; background-image:none; border: 1px solid #DDD; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; }
section#content article header h1 { color:#000000; font-family: Arial,Helvetica,sans-serif; font-size:1 4px; font-weight: bold; margin: 0; padding: 8px 0 8px 12px; text-transform: uppercase; }
section#content article section { border: 1px solid #DDD; border-top: none; border-radius: 0 0 6px 6px; min-height: 30px; -moz-border-radius:  0 0 6px 6px; padding: 10px 10px 1px; -webkit-border-radius:  0 0 6px 6px; }
section#content article section p {}

footer { clear: both; padding-bottom: 20px; text-align: center; }
footer section#footbar { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 0; text-align: center; }
footer section#footbar section.search { float: none; padding: 0; text-align: center; }
footer section#payments { background: url(/image/data/site/payments.png) no-repeat; height:60px; width: 960px; }
footer section#nav { padding: 10px 0; }
footer section#nav ul { float: left; list-style: none outside none; margin: 10px; padding: 0; width: 172px; }
footer section#social { }
footer section#social ul { padding: 0; }
footer section#social ul li { margin-left: 20px; display: inline; }
footer section#social ul li a { padding-left: 52px; }
footer section#social ul li a.twitter { background: url(/image/data/site/twitter.png) no-repeat; }
footer section#social ul li a.facebook { background: url(/image/data/site/facebook.png) no-repeat; }
footer span { color: #999999; }
footer span a { color: #999999; }
footer span a:hover { color: #ff0000; }
footer p#webdesign, footer p#webdesign a { color: #ccc; font-size: 11px; margin-top: 10px; }

form { display:inline; margin:0; padding:0; }
.button { position:relative; padding:3px 6px; font-size:14px; text-align:center; text-decoration: none; font-weight:600; text-transform:uppercase; color:#fff; border:1px solid #000; background:rgb(59,170,63); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, rgb(59,170,63)), color-stop(0.49, rgb(44,100,45))); background:-moz-linear-gradient(center top,rgb(59,170,63) 49%,rgb(44,100,45) 55%); text-shadow:0 -1px 1px rgba(0,0,0,0.6); -moz-box-shadow:0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2); -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; }
.button:hover {text-decoration:none; background:#3baa3f; color:#000; text-shadow:none;-moz-box-shadow:0;-webkit-box-shadow:0;}
input { border: 1px solid #DDDDDD; border-radius: 5px; font-size: 12px; margin: 0; -moz-border-radius: 5px; padding: 4px 8px; -webkit-border-radius: 5px; }
select { border: 1px solid #DDDDDD; font-size: 12px; margin: 0; padding: 3px 4px; }