@import url("/css/checkout.css");

/*** Basics ***/
body {background:#e6e6e6 url(../images/bg.gif) repeat-x top left;font-family:"Myriad Pro", Myriad, Helvetica, Arial, sans-serif;font-size:87.5%;color:#474747;margin:0px auto;text-align:center;line-height:1.4em;}

h1, h2, h3, h4, h5, h6 {font-size:1.143em;font-weight:normal;text-transform:uppercase;}
form {margin:0px;}
input, select, textarea, button {font-family:"Myriad Pro", Myriad, Helvetica, Geneva, Arial, sans-serif;font-size:1em;color:#323232;}
article select{font-family:"Myriad Pro", Myriad, Helvetica, Geneva, Arial, sans-serif;font-size:1em;color:#fff;background:#474747;border:1px solid #323232;cursor:pointer;}
small {font-size:0.857em;}
a:link, a:visited {color:#474747;}
a:hover {text-decoration:none;}

a img {border:none;}

/** common classes **/
.left {float:left;}
.right {float:right;}
.kill {clear: both; background-color: transparent;}

/*** Header ***/
header {width:940px;height:106px;display:block;position:relative;text-align:left;margin:0px auto;color:#fff;line-height:1em;z-index:5000;}
	header aside {position:absolute;top:10px;right:0px;text-align:right;}
	header aside a:link, header aside a:visited {color:#bfff00;}
	header aside p strong {font-size:1.25em;}
	header form {position:absolute;top:76px;right:-24px;}
	header input {background:#e6e6e6;border:1px solid #e6e6e6;padding:3px 30px 3px 2px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;}
	header button {width:20px;height:20px;border:none;padding:0px;overflow:hidden;text-indent:-9999em;background:transparent url(../images/sprite.gif) no-repeat 0px 0px;position:relative;left:-24px;cursor:pointer;}
	header #logo {position:absolute;top:10px;left:0px;}
nav {font-family:Arial, Helvetica, sans-serif;position:absolute;top:71px;left:0px;z-index:2500;}

/*** Main Content ***/
article {width:940px;display:block;margin:0px auto;text-align:left;padding:10px 0px;}

/*** Footer ***/
#footbanner {clear:both; float:left;width:100%; height:180px; background:transparent;padding:0; margin:0; color:#fff;}

#light {float:left;width:100%;background:#474747;padding:20px 0px;color:#fff;}
#dark {float:left;width:100%;background:#323232;padding:10px 0px;font-size:0.857em;color:#fff;}
footer {display:block;clear:both !important;width:940px;margin:0px auto;position:relative;}
	#light a:link, #dark a:link, #light a:visited, #dark a:visited {color:#fff;}
	footer section {float:left;padding-left:20px;width:300px;text-align:left;}
	footer section.first {padding-left:0px;}
	footer ol {margin:0px;padding:0px 0px 0px 20px;}
	footer form {height:30px;}
	footer input {background:#e6e6e6;border:1px solid #e6e6e6;padding:3px 2px 2px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;width:294px;position:absolute;top:24px;right:0px;}
	footer button {width:20px;height:20px;border:none;padding:0px;overflow:hidden;text-indent:-9999em;background:transparent url(../images/sprite.gif) no-repeat -20px 0px;cursor:pointer;position:absolute;top:26px;right:2px;z-index:4;}
	.rss, .twitter, .facebook, .digg, .delicious, .reddit, .stumbleupon {display:block;padding-left:22px;background:transparent url(../images/sprite.gif) no-repeat 0px -27px;}
	.twitter {background-position:0px -47px;}
	.facebook {background-position:0px -67px;}
	.digg {background-position:0px -87px;}
	.delicious {background-position:0px -107px;}
	.reddit {background-position:0px -127px;}
	.stumbleupon {background-position:0px -147px;}

/*** Pagespecific ***/
/* homepage */
article#home img {border:1px solid #474747;}
article#home h2 {margin:0px 0px 5px;}
article#home section {float:left;padding-left:20px;padding-top:20px;width:300px;text-align:left;}
article#home section.first {padding-left:0px;}
	article#home section a {text-decoration:none;}
	article#home section a:hover {color:#000;}
	article#home section p {margin:5px 0px 20px;}

/* Categorypage */
#category h1 {font-size:1.429em;}
#category .right {margin-left:40px;}
#category section {float:left;width:210px;height:500px;}
	ul.category {margin:52px 0px 0px;width:160px;padding:0px;list-style:none;border-bottom:1px solid #969696;}
		ul.category li {border-top:1px solid #969696;font-size:1.143em;background:transparent url(../images/noswatch.gif) no-repeat 133px 3px;}
			ul.category li a,  ul.category li a:visited {padding:4px 0px;display:block;text-decoration:none;border-top:3px solid #e6e6e6;border-bottom:3px solid #e6e6e6;}
			ul.category li a:hover {color:#000;}

/* Productlist */
#productlist {position:relative;}
#productlist h1, #productlist h2 {font-size:1.429em;}
#productlist section {float:left;width:180px;min-height:500px;}
ul.recent {margin:0px;width:160px;padding:0px;list-style:none;}
	ul.recent li {border-top:1px solid #969696;font-size:1.143em;}
		ul.recent li a,  ul.recent li a:visited {padding:10px 0px;height:63px;display:block;text-decoration:none;border-bottom:3px solid #e6e6e6;border-bottom:3px solid #e6e6e6;}
		ul.recent li a:hover {color:#000;}
			ul.recent li a img {margin-right:10px;}
.pagination .right {width:268px;margin-right:-8px;}
/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0){.pagination .right {width:275px;}}
.pagination .right strong {float:left;font-weight:normal;padding:3px 10px;}
.pagination a, .pagination a:visited, a.more, a.more:visited {background:#474747;border:1px solid #323232;padding:3px 10px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;margin-right:5px;color:#e6e6e6;text-decoration:none;}
.pagination a:hover, a.more:hover {color:#fff;}
.pagination a.current, .pagination a.current:hover {font-weight:bold;color:#bfff00;}
#products {margin:10px 0px 20px;padding:0px;list-style:none;float:left;width:760px;}
#products li {width:175px;height:410px;text-align:center;padding:7px;float:left;margin-bottom:20px;}
	#products li a .title {display:block;font-size:1.286em;text-decoration:none;height:55px;}
	#products li a:hover .title {color:#000;}
	#products li a.full {display:block;}
	#products li strong {display:block;height:40px;}
	
/* Main product */
#product h1 {font-size:1.429em;}
#customise {float:right;width:460px;}
#action {background:#474747;padding:10px;width:440px;color:#fff;width:;float:left;font-size:1.429em;}
	#action a {float:right;color:#bfff00;text-transform:uppercase;text-decoration:none;}
	#action #price {padding-top:5px;}
#images {float:left;width:460px;padding:0px; position: relative;text-align:center;}
#images .main {/* background:#fff; */text-align:center;width:460px;display:block;}
#images img.small {float:left;margin:20px 20px 0px 0px;}
#images img#logo1, #images img#logo2 {border:none;}
#images a:hover img {}
.mainimage { margin-bottom: 10px; }
#productthumbs {float:left;padding-top:10px;}
#images #productthumbs a {float:left; padding:0px 10px 10px 0px;}
#images #productthumbs a img {float:left; margin: 0px;}

/* Tabbing */
#tabs_container a:focus, #tabs_container a:active {outline:none;-moz-outline-style:none;}
#tabs_container {width:460px;float:left;clear:left;text-align:left;margin:20px 0px;}
#tabs_container ul {margin:0px;padding:0px;}
#tabs_container ul li{margin:0px;padding:0px;}
#tabs_container ul.tabs {list-style:none;margin:0px;}
#tabs_container ul.tabs li {border:1px solid #c6c6c6;float:left;margin-right:-1px;}
#tabs_container ul.tabs li a {display:block;font-size:1.167em;text-transform:uppercase;text-decoration:none;background:#d6d6d6;padding:8px 10px 9px;}
#tabs_container ul.tabs li a:hover {background:#e6e6e6;}
#tabs_container ul.tabs li.active {border-bottom:1px solid #e6e6e6;}
#tabs_container ul.tabs li.active a {background:#e6e6e6;color:#726d6c;}
div.tab_contents_container {border:1px solid #c6c6c6;margin-top:37px;background:#e6e6e6;}
div.tab_contents {display: none;}
div.tab_contents_active {display: block;padding:10px 10px 0px 10px;}
/* Inside tabs */
.tab_contents ul {margin:0px 0px 20px;padding:0px;list-style:none;}
.tab_contents li {float:left;width:100%;border-top:5px solid #e6e6e6;}
	a.i, a.i:visited{background:#474747;border:1px solid #323232;padding:3px 10px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;margin-right:5px;color:#e6e6e6;text-decoration:none;float:right;}
	a.i:hover {color:#fff;}
	h2 a.i, h3 a.i {font-size:0.875em;text-transform:none;}
	.tab_contents ul strong {float:left;padding-top:4px;width:90px;font-weight:normal;}
	.tab_contents ul em {float:left;padding-top:4px;width:290px;font-style:normal;}
	
/* Swatches */
.swatches {margin:auto 0px;padding:0px;list-style:none;width:450px;float:left;clear:left;}
	.swatches li {float:left;width:50px;height:46px;overflow:hidden;}
		.swatches li a, .swatches li a:visited {float:left;border:2px solid #e6e6e6;}
		.swatches li a.yes, .swatches li a.yes:visited {border-color:#000;}
			.swatches li a img {float:left;}
			
/* Door images */
.l1 {background:transparent url(../images/folding.gif) no-repeat 2px 0px;}
.l2 {background:transparent url(../images/folding.gif) no-repeat 2px -32px;}
.l3 {background:transparent url(../images/folding.gif) no-repeat 2px -64px;}
.l4 {background:transparent url(../images/folding.gif) no-repeat 2px -96px;}
.l5 {background:transparent url(../images/folding.gif) no-repeat 2px -126px;}
.l6 {background:transparent url(../images/folding.gif) no-repeat 2px -156px;}
.l7 {background:transparent url(../images/folding.gif) no-repeat 2px -186px;}
.l8 {background:transparent url(../images/folding.gif) no-repeat 2px -216px;}
.l9 {background:transparent url(../images/folding.gif) no-repeat 2px -246px;}
.l10 {background:transparent url(../images/folding.gif) no-repeat 2px -276px;}
.l11 {background:transparent url(../images/folding.gif) no-repeat 2px -306px;width:200px;}
.l12 {background:transparent url(../images/folding.gif) no-repeat 2px -336px;}
.d1 {background:transparent url(../images/folding.gif) no-repeat 2px -370px;}
.d2 {background:transparent url(../images/folding.gif) no-repeat 2px -402px;}
.d3 {background:transparent url(../images/folding.gif) no-repeat 2px -434px;}
.d4 {background:transparent url(../images/folding.gif) no-repeat 2px -466px;}
.d5 {background:transparent url(../images/folding.gif) no-repeat 2px -498px;}
.d6 {background:transparent url(../images/folding.gif) no-repeat 2px -530px;}
.f1 {background:transparent url(../images/folding.gif) no-repeat 2px -562px;}
.f2 {background:transparent url(../images/folding.gif) no-repeat 2px -594px;}
.f3 {background:transparent url(../images/folding.gif) no-repeat 2px -626px;}
.f4 {background:transparent url(../images/folding.gif) no-repeat 2px -658px;}
.f5 {background:transparent url(../images/folding.gif) no-repeat 2px -690px;}
.f6 {background:transparent url(../images/folding.gif) no-repeat 2px -722px;}
.f7 {background:transparent url(../images/folding.gif) no-repeat 2px -754px;width:200px;}
.f8 {background:transparent url(../images/folding.gif) no-repeat 2px -786px;width:200px;}
.f9 {background:transparent url(../images/folding.gif) no-repeat 2px -818px;width:200px;}
.up {float:left;padding:0px 14px 20px 0px;width:139px;height:150px;overflow:hidden;position:relative;}
	.up a, .up a:visited {text-decoration:none;}
	.up img {width:139px;}
	.up span {position:absolute;bottom:0px;left:0px;height:40px;width:139px;background:#e6e6e6;display:block;}
#logoOne {position:absolute;top:5px;left:5px;}
#logoTwo {position:absolute;top:60px;left:5px;}
#logoThree {position:absolute;top:115px;left:5px;}

/* Order Sample */
#product {position:relative;}
.sampleorder {display:none;background:#C6C6C6;left:300px;padding:20px;position:absolute;top:116px;width:300px;z-index:8;}
/* IE */ * html .sampleorder, * html .missingInput, * html .outOfRange, * html .sampleError {top:109px;}
#customise .sampleorder p {float:none;width:300px;}
#customise .sampleorder label {width:100px;}
#customise .sampleorder .input {float:none;}
#customise .sampleorder button {margin-left:120px;}
.sampleorder a {position:absolute;top:5px;right:10px;text-decoration:none;font-size:1.3em;}

/* Missing Input */
.missingInput {display:none;background:#C6C6C6;left:480px;padding:20px;position:absolute;top:116px;width:420px;z-index:8;}
#customise .missingInput p {float:none;width:300px;}
#customise .missingInput label {width:100px;}
#customise .missingInput .input {float:none;}
#customise .missingInput button {margin-left:120px;}
.missingInput a {position:absolute;top:5px;right:10px;text-decoration:none;font-size:1.3em;}

/* Out of Range */
.outOfRange {display:none;background:#C6C6C6;left:480px;padding:20px;position:absolute;top:116px;width:420px;z-index:8;}
#customise .outOfRange p {float:none;width:300px;}
#customise .outOfRange label {width:100px;}
#customise .outOfRange .input {float:none;}
#customise .outOfRange button {margin-left:120px;}
.outOfRange a {position:absolute;top:5px;right:10px;text-decoration:none;font-size:1.3em;}

/* FORMING IT UP */
/* Sample Error */
.sampleError {display:none;background:#C6C6C6;left:480px;padding:20px;position:absolute;top:116px;width:420px;z-index:8;}
#customise .sampleError p {float:none;width:300px;}
#customise .sampleError label {width:100px;}
#customise .sampleError .input {float:none;}
#customise .sampleError button {margin-left:120px;}
.sampleError a {position:absolute;top:5px;right:10px;text-decoration:none;font-size:1.3em;}

#customise p, #customise h3 {float:left;clear:left;width:460px;}
#customise p .left {margin-right:20px;}
#customise p label {float:left;padding:4px 20px 0px 0px;}
#customise p.tick label {float:left;padding:0px 20px 0px 0px;}
#customise .selector, select {float:left;}
a.help:link, a.help:visited {float:left;display:block;width:25px;height:25px;text-align:center;padding-top:3px;padding-left:1px;font-weight:bold;font-size:1.4em;text-decoration:none;background:transparent url(../images/sprite.gif) no-repeat -50px 0px;color:#e6e6e6;font-family:arial, sans-serif;}
	#customise p.radiola .help {margin-top:-4px;}
#customise p.plain {margin:0px;}
#customise p.top {margin:10px 0px 0px;}
#customise p.topmore {margin:20px 0px 0px;}
#customise p .mm{padding: 4px 0 0 0;}
#customise .input {background:#e6e6e6;border:1px solid #969696;padding:3px 2px 3px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;float:left;margin-right:5px;}
#customise th {background:#c6c6c6;padding:2px 5px;}
#customise td {border-bottom:1px solid #c6c6c6;padding:2px 5px;}
#customise td input {width:20px;}
#customise button {background:#474747;border:1px solid #323232;padding:3px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;float:left;margin-right:5px;color:#e6e6e6;cursor:pointer;}
#customise button:hover {color:#fff;}
#customise .confidence {margin:30px 0px;font-style:italic;width:460px;font-size:1.167em;clear:both;}
/*IE*/ * html #customise .confidence {padding-top:20px;}

#action small {font-size:14px;float:right;text-align:right;}

/*#add-it-to-basket {background:#bfff00 url(../images/sprite.gif) no-repeat 0px -174px;border:1px solid #95d53b;padding:3px 10px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;margin-right:5px;color:#474747;text-transform:uppercase;text-decoration:none;float:right;margin-top:10px;} */

#add-it-to-basket 
{
	background: url(../images/AddToBasket.gif) no-repeat 0px 0px;
	border:0;
	margin-right:5px;
	float:right;
	margin-top:10px; 
	width: 180px; 
	height:35px;
}

a#add-it-to-basket {
	text-decoration: none;
}


/* Knowledgebase */
#knowledgebase {width:940px;margin:auto;}
	#knowledgebase section {float:left;width:210px;height:500px;}
	#knowledgebase section input {background:#e6e6e6;border:1px solid #474747;padding:3px 30px 3px 2px;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;}
	#knowledgebase section button {width:20px;height:20px;border:none;padding:0px;overflow:hidden;text-indent:-9999em;background:transparent url(../images/sprite.gif) no-repeat 0px 0px;position:relative;left:-24px;top:1px;cursor:pointer;}
	#knowledgebase h1, #staticpage h1 {font-size:1.429em;}
	#knowledgebase section div.selector {width:160px;}
	#knowledgebase div.selector select {width:160px;}
	#knowledgebase div.selector span {width:128px;}
	#knowledgebase section input {width:130px;}
	#knowledgebase #rightside {width:730px;float:left;}
	#staticpage {text-align:left;width:960px;margin:0px auto;}

/* MATT ADJUSTING THE CSS */
#customise .error{background-color:#BFFF00;font-weight:bold;padding:4px;position:relative;right:0;top:4px;}
.yess, .no{display: none;clear:left;}

/************************/
/****** SUPERFISH *******/
/************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:16em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:16em; /* match ul width */top:	0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:16em; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:1em;z-index:1000;}
.sf-menu a {padding:10px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  {/* visited pseudo selector so IE6 applies text colour*/color:#fff;font-size:1.071em;text-transform:uppercase;font-weight:bold;}
.sf-menu li li a, .sf-menu li li a:visited {color:#bfff00;font-size:0.857em;text-transform:none;font-weight:normal;border-bottom:1px solid #323232;}
.sf-menu li li a:hover {color:#fff;}
.sf-menu li {background:#323232;}
.sf-menu li li {background:#474747;text-align:left;}
.sf-menu li li li {background:#474747;text-align:left;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#474747;color:#fff;outline:		0;z-index:2;}
.sf-menu .sfHover a {color:#bfff00;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position:  0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** Homepage Slider ***/
/* .container { width:940px; height:210px; position:relative; cursor:pointer;overflow:hidden; } */
#loopedSlider .container { width:940px; height:410px; position:relative; cursor:pointer;overflow:hidden; z-index:-1;}
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div, ul.slides li {position:absolute; top:0; width:940px; display:none; padding:0px 0px 0px 0px; margin:0; }

.swatchLarge {border:1px solid;left:308px;width:150px;height:150px;overflow:hidden;margin:0;padding:0;position:absolute;top:56px;z-index:10;display:none;}

/*** Contact form ***/
.forms {margin:0px;padding:0px;list-style:none;text-align:left;margin:20px 0px;}
.forms li {margin:7px 0px;}
.forms label {display:block;}
.forms strong {display:none;padding-left:10px;color:#f00;}
.forms #address{display: none}
.forms textarea {width:250px;}

#livechat {position:absolute;top:13px;left:378px;}

/** Tweaking **/
* html .IE {margin-left:5px;}