/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%;
    vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* end reset styles */


 
body {
    font-size: 13px;
	font-family:Helvetica, Arial, sans-serif;
    color: #222222;
}

p {
	line-height:1.1;
}

p a {
	color:#222222;
}

/* for clearing any floats <br class="clearfloat" /> */
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {font-size:30px;color:#2c3437;font-weight:normal;}
h2 {font-size:30px;color:#ffffff;font-weight:normal;}
h3 {font-size:30px;color:#7b7b7d;font-weight:normal;}
.h4 {font-size:16px;color:#7b7b7d;font-weight:normal;}
h5 {font-size:16px;color:#555555;font-weight:bold;margin-bottom:15px;}
h6 {font-size:40px;color:#222222;font-weight:normal;margin-bottom:10px;}

.green {	color:#98AD33;}

/*--- header section ---*/
#header_container{ background:#ffffff;border-bottom:6px solid #424242; height:137px; left:0; position:fixed; width:100%; top:0; z-index:999}
#header{ position:relative;min-height:100px;margin:0 auto; width:860px; background-image:url(images/header-new.png);	background-repeat:no-repeat;	background-position:93px 15px; z-index:999}
#quicklinks {position:fixed;top:143px;width:100%;background-color:#424242;height:40px;text-align:center;z-index:501;}
#header-contact {
	position:absolute;
	top:60px;
	left:78px;
	font-size:20px;
	font-weight:bold;
	color:#222222;
}
#header-contact span {
	color:#899f20;
	margin-left:15px;
	font-weight:normal;
}
#header-contact a {
	color:#222222;
	text-decoration:none;
}
#search {
	position:absolute;
	top:55px;
	right:0;
}

#query {
	border:none;
	width:235px;
	color:#7b7b7d;
}

#search input[type=submit]{
	background:none;
	border:none;
	text-indent:-10000px;
	width:40px;
	height:30px;
	margin-left:15px;
}

#search input[type=submit]:hover{
	cursor:pointer;
}

#basket{
	color:#434343;
	text-decoration:none;
	position:absolute;
	right:0;
	top:20px;
	font-size:16px;
}

#basket a{
	color:#434343;
	text-decoration:none;
	margin-right:15px;
}

#basket img{
	vertical-align:middle;
}

/*--- nav section ---*/
#nav_container{ background-image:url(images/nav-bg.png); padding:0;width:100%;  }
#nav{ margin:0 auto; width:860px; text-align:left; position:relative;height:37px;}
#nav a {
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
	height:27px;
	padding:10px 13px 0 13px;
	vertical-align:middle;
	display:block;float:left;
	background-image:url(images/menu-bg.png);
}

#nav img {
	float:left;
}

#nav a:hover,#nav a.current {
	color:#FFF;
	background-image:url(/images/nav-bg.png);
}

.nav-divider {
	float:left;
	width:2px;
	height:37px;
	background-image:url(/images/menu-divider.png);
}

#dropdown {
	position:absolute;
	top:37px;
	left:0;
	width:600px;
	padding:0 40px 40px 40px;
	background-color:#181818;
	z-index:9999;
	display:none;
	line-height:1.3;
}

#dropdown .left{
	float:left;
	width:300px;
}

#dropdown p{
	color:#98AD33;
	margin-top:20px;
}

#dropdown a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	height:auto;
	display:inline;
	float:none;
	padding:0;
	background-image:none;
}

#dropdown a:hover{
	background-image:none;
	color:#98AD33;
}

#dropdown span{
	color:#98AD33;
	margin-right:5px;
	font-size:16px;
	line-height:1.1;
}

#social {
	position:absolute;
	right:0;
	top:0;
}

#social a {
	margin-left:1px;
	margin-right:0;
	background-image:none;
}
 
#container { overflow:auto; padding:0 0 0 0; width:100%; 	background-image:url('images/4x90-new-graphic-bg-2.gif');background-position:center 180px;background-attachment:fixed;/*background-color:#A3A3A3*/;position:relative;padding-top:183px;}
#content{margin:0 auto;width:860px; padding-bottom:80px;}
#copy {background-color:#FFFFFF;padding:15px 30px 50px 30px;min-height:800px;}

#banner {
	width:830px;
	height:241px;
	background-image:url(images/banner-home.jpg);
	padding:40px 0 0 30px;
	position:relative;
}

#banner h1{
	margin-bottom:15px;
}

#banner-links {
	position:absolute;
	bottom:12px;
	left:27px;
	width:860px;
	text-align:left;
	height:97px;
}

#banner-links a{
	display:block;
	float:left;
	height:97px;
	width:266px;
	text-indent:-10000px;
	margin-right:10px;
}

#banner-links a:hover{
	background-position:-100%;
}

#banner-links-size {
	background-image:url(images/frames-by-size.png);
}

#banner-links-material {
	background-image:url(images/frames-by-material.png);
}

#banner-links-colour {
	background-image:url(images/frames-by-colour.png);
}

#banner-links-price {
	background-image:url(images/frames-by-price.png);
}

#product-banner {
	width:820px;
	height:289px;
	padding:40px 0 0 40px;
	position:relative;
	background:#515153;
}

#product-banner .left{
	float:left;
	width:400px;
}

#product-banner .right{
	float:left;
	width:350px;
}

#product-banner h1{
	font-size:48px;
	color:#FFF;
	margin-bottom:20px;
	line-height:0.9;
}

#product-banner p{
	color:#FFF;
	font-size:13px;
	line-height:1.2;
}

#slideshow {
	height:220px;
	width:348px;
	overflow:hidden;
}

#pager {
	position:absolute;
	bottom:15px;
	left:180px;
	width:330px;
	text-align:center;
	height:15px;
}

#pager a {
	display:block;
	height:15px;
	width:13px;
	margin-left:5px;
	background-image:url(images/pager.png);
	float:left;
	text-indent:-10000px;
}

#pager a.activeSlide {
	background-position:-100%;
}


#product-header {
	width:840px;
	padding:15px 10px;
	position:relative;
	background:#98AD33;
}

#product-header .left{
	float:left;
	width:490px;
}

#product-header .left a{
	display:block;
	font-size:20px;
	color:#FFF;
	text-decoration:none;
	padding-left:25px;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin-top:7px;
}

#product-header .right{
	float:left;
	width:350px;
	text-align:right;
}

#quick-links{
	width:847px;
	height:1228px;
	padding:13px 0 0 13px;
	background:#ffffff;
}

#quick-links a{
	display:block;
	float:left;
	width:150px;
	height:213px;
	padding:10px 110px 0 10px;
	margin:0 12px 12px 0;
	color:#FFF;
	font-size:28px;
	line-height:1.1;
	text-decoration:none;
}

#quick-links a .price{
	margin-top:5px;
	display:block;
	font-size:14px;
}

#quick-link1{	background-image:url(images/quick-links-aluminium.png);}
#quick-link2{	background-image:url(images/quick-links-budget.png);}
#quick-link3{	background-image:url(images/quick-links-clip.png);}
#quick-link4{	background-image:url(images/quick-links-snap.png);}
#quick-link5{	background-image:url(images/quick-links-wooden.png);}
#quick-link6{	background-image:url(images/quick-links-box.png);}
#quick-link7{	background-image:url(images/quick-links-multi.png);}
#quick-link8{	background-image:url(images/quick-links-mounts.png);}
#quick-link9{	background-image:url(images/quick-links-certificate.png);}
#quick-link10{	background-image:url(images/quick-links-fulfilment.png);}
#quick-link11{	background-image:url(images/quick-links-A0.jpg);}

#quick-links a:hover{
	color:#222222;
	background-position:-100%;
}

.panel {
	width:400px;
	padding:45px 425px 0 35px;
	min-height:245px;
	color:#222222;
}

.panel ul{
	margin-left:15px;
	list-style:disc;
}
.panel li{
	margin-top:5px;
}

.panel h3{
	margin-bottom:20px;
}



#panel1{	background-image:url(images/panel-choosing.png);}
#panel2{	background-image:url(images/panel-history.png);min-height:260px;padding-left:425px;padding-right:35px;}
#panel3{	background-image:url(images/panel-buy.png);}
#panel4{	background-image:url(images/panel-custom.png);min-height:284px;padding-left:425px;padding-right:35px;}
#panel5{	background-image:url(images/panel-best.png);}

#product-listing-header {
	background-color:#FFF;
	width:820px;
	padding:20px 20px 10px 20px; 
}

#breadcrumb {
	float:left;
	width:280px;
}


#product-nav {
	float:left;
	width:540px;
	height:34px;
	text-align:right;
}

#product-nav,#product-nav select {
	font-size:16px;
	color:#222222;
}

#product-nav img {
	vertical-align:middle;
}

#product-nav a {
	color:#222222;
	text-decoration:none;
}

#product-nav a:hover,#product-nav a.current {
	text-decoration:underline;
}

#breadcrumb,#breadcrumb a {
	color:#6A2D91;
	text-decoration:none;
}

.breadcrumb {
	color:#222222;
	margin-bottom:15px;
}

.breadcrumb a {
	color:#98AD33;
	text-decoration:none;
}

#product-listing {
	padding:0 10px 50px 10px;
	width:840px;
	background-color:#FFF;
}

#product-filters {
	width:200px;
	float:left;
	padding-right:10px;
}



.filter-header{
	display:block;
	width:190px;
	padding:3px 10px;
	background-color:#DDDEE0;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
}

.filter {
	padding-bottom:7px;
	position:relative;
	
}

a.filterSelect {
	display:block;
	width:150px;
	height:13px;
	padding-top:1px;
	padding-left:30px;
	background-image:url(images/filterSelectOff.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	color:#000;
	text-decoration:none;
}

.filterSelect.on {
	background-image:url(images/filterSelectOn.gif);
}

.filterSelect:hover {
	text-decoration:underline;
}

a.filterDeselect {
	display:block;
	width:14px;
	height:14px;
	background-image:url(images/filterDeselect.gif);
	text-decoration:none;
	position:absolute;
	right:0;
	top:0;
}

#filterSelect-yellow{background-image:url(images/filterSelectOff-yellow.gif);}
#filterSelect-yellow.on{background-image:url(images/filterSelectOn-yellow.gif);}

#filterSelect-green{background-image:url(images/filterSelectOff-green.gif);}
#filterSelect-green.on{background-image:url(images/filterSelectOn-green.gif);}

#filterSelect-purple{background-image:url(images/filterSelectOff-purple.gif);}
#filterSelect-purple.on{background-image:url(images/filterSelectOn-purple.gif);}

#filterSelect-white{background-image:url(images/filterSelectOff-white.gif);}
#filterSelect-white.on{background-image:url(images/filterSelectOn-white.gif);}

#filterSelect-silver{background-image:url(images/filterSelectOff-silver.gif);}
#filterSelect-silver.on{background-image:url(images/filterSelectOn-silver.gif);}

#filterSelect-black{background-image:url(images/filterSelectOff-black.gif);}
#filterSelect-black.on{background-image:url(images/filterSelectOn-black.gif);}

#filterSelect-brown{background-image:url(images/filterSelectOff-brown.gif);}
#filterSelect-brown.on{background-image:url(images/filterSelectOn-brown.gif);}

#filterSelect-gold{background-image:url(images/filterSelectOff-gold.gif);}
#filterSelect-gold.on{background-image:url(images/filterSelectOn-gold.gif);}

#filterSelect-palerwood{background-image:url(images/filterSelectOff-palerwood.gif);}
#filterSelect-palerwood.on{background-image:url(images/filterSelectOn-palerwood.gif);}

#filterSelect-grey{background-image:url(images/filterSelectOff-grey.gif);}
#filterSelect-grey.on{background-image:url(images/filterSelectOn-grey.gif);}

#filterSelect-red{background-image:url(images/filterSelectOff-red.gif);}
#filterSelect-red.on{background-image:url(images/filterSelectOn-red.gif);}

#filterSelect-blue{background-image:url(images/filterSelectOff-blue.gif);}
#filterSelect-blue.on{background-image:url(images/filterSelectOn-blue.gif);}

#product-grid {
	width:630px;
	float:left;
}

#product-grid .item {
	width:194px;
	height:279px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	border:1px solid #98AD32;
}

.item .image {
	width:194px;
	height:198px;
	overflow:hidden;
	position:relative;
}

.item .image a{
	display:block;
	width:194px;
	height:198px;
	overflow:hidden;
	position:relative;
}

.item .image:hover{
	opacity:0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}

.plus {
	display:block;
	width:194px;
	height:198px;
	position:absolute;
	top:0;left:0;
}

.plus a{
	display:block;
	width:194px;
	height:198px;
	background-position:center center;
	background-repeat:no-repeat;

}

.plus a:hover{
	background-image:url('/images/plus.png');
}


.item .details {
	width:174px;
	height:70px;
	border-top:1px solid #98AD32;
	padding:10px 10px 0 10px;
	background:#434343;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:1.1;
	font-weight:bold;
}

.item .details a {
	text-decoration:none;
}

.item .details .name {
	height:45px;
	padding-bottom:2px;
	width:178px;
	overflow:hidden;
}

.item .details .price {
	height:15px;
	padding-bottom:3px;
	overflow:hidden;
	font-weight:bold;
}

.item .details .links {
	height:15px;
	overflow:hidden;
}

.item .details .links a {
	text-decoration:underline;
	color:#FFF;
	margin:0 4px;
}

#product-detail-header {
	background-color:#FFF;
	width:820px;
	padding:20px 20px 10px 20px; 
}

#product-detail-header #breadcrumb,#product-detail-header #breadcrumb a {
	color:#98AD33;
	text-decoration:none;
}

#product-detail {
	background-color:#FFFFFF;
	padding-bottom:50px;
}

#product-details-faqs a{
	color:#FFF;
}

.product-left {
	float:left;
	width:442px;
	padding:10px 17px 10px 20px;
}

.product-left h1 {
	font-size:30px;
	font-weight:bold;
}

.product-right {
	float:left;
	width:361px;
	padding:10px 20px 10px 0;
}

#product-image {
	width:440px;
	height:440px;
	border:1px solid #98AD32;
	margin-bottom:5px;
	position:relative;
}

#product-image .image{
	width:440px;
	height:440px;
}

#product-image .image a{
	display:block;
	width:440px;
	height:440px;
}

#zoom {
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}

.product-table td {
	padding-top:8px;
	padding-bottom:8px;
}

.product-table .qty {
	border:1px solid #000000;
	width:30px;
	text-align:center;
	padding:5px 0;
}

#add-basket {
	margin-top:20px;
}

#add-basket2 {
	padding:0;
	text-align:right;
}


#basket-msg {
	background:#DDDEE0;
	padding:20px;
	text-align:left;
	margin-top:20px;
	border:1px solid #FF0000;
	display:none;
}

#fedex {
	background-color:#EDEEEF;
	background-repeat:no-repeat;
	padding:10px;
	margin:20px 0;
	color:#222222;
	line-height:1;
	font-size:14px;
}

#product-thumbs {
	margin-top:20px;
	margin-bottom:50px;
	width:440px;	
	height:80px;
	position:relative;
}
#product-thumbs-container {
	width:360px;	
	height:80px;
	overflow:hidden;
	position:relative;
	margin-left:45px;
}
#product-thumbs-scroll {
	width:10000px;	
	height:80px;
	position:absolute;
	left:0px;
	top:0px;
}
#product-thumbs-scroll div {
	width:78px;
	height:78px;
	float:left;
	margin:0 10px 0 0;
	background-size:cover;
	background-position:center center;
	cursor:pointer;
	border:1px solid #98AD32;
}
#product-thumbs #left {
	height:33px;
	width:30px;
	position:absolute;
	top:24px;
	left:0px;
	background-image:url(images/arrow-left.gif);
	cursor:pointer;
}
#product-thumbs #right {
	height:33px;
	width:30px;
	position:absolute;
	top:24px;
	left:410px;
	background-image:url(images/arrow-right.gif);
	cursor:pointer;
}

#product-details {
	width:440px;
	background-color:#434343;	
	color:#FFFFFF;
}

#product-details h5{
	color:#FFFFFF;
}

#product-details ul {
	margin:0 0 0 15px;
	list-style:disc;
}

#product-details .greypanel {
	padding:10px;
	background-color:#C3C4C8;
	color:#555555;
	margin-top:15px;
}

#product-details .details-link {
	display:block;
	float:left;
	color:#555555;
	font-weight:bold;
	text-decoration:none;
	padding:15px 10px;
	background-color:#C3C4C8;
}

#product-details .details-link.current {
	background-color:#434343;	
	color:#FFFFFF;
}

#product-details-link-details {
	width:55px;
	border-right:2px solid #434343;
}
#product-details-link-faqs {
	width:35px;
	border-right:2px solid #434343;
}
#product-details-link-delivery {
	width:286px;
}

#product-details-details {
	padding:10px 20px 10px 10px;
	font-size:14px;
}
#product-details-details li,#product-details-faqs li{
	padding-bottom:8px;
}
#product-details-faqs {
	padding:10px 20px 10px 10px;
	display:none;
}
#product-details-delivery {
	padding:10px 20px 10px 10px;
	display:none;
}

.jqZoomWindow
{
	border: 1px solid #98AD32;
	margin-left:-5px;
}

.browse-by-colour {
	float:left;
	width:201px;
	height:201px;
	margin:0 10px 10px 0;
}

.browse-by-colour.last{
	margin:0 0 10px 0;
}

.browse-by-colour img{
	border:none;
}

.size-col {
	width:265px;
	float:left;
	margin-right:10px;
	padding:20px 0;
}

.size-col a,.size-col div{
	display:block;
	background-color:#000000;
	width:265px;
	padding:8px 0;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	margin-bottom:2px;
	text-decoration:none;
	text-transform:uppercase;
}

.size-col a:hover{
	background-color:#9AAA2A
}

.size-col div{
	background-color:#9AAA2A
}

#product-details-details div img {
	margin-left:25px;margin-top:-20px;
}


.helpHeader {
	padding:10px;background-color:#98ad33;color:#FFFFFF;font-weight:bold;font-size:18px;background-image:url(images/helparrow.png);background-repeat:no-repeat;background-position:770px center;margin-bottom:15px;cursor:pointer;
}

.helpHeaderLink{	padding:10px;background-color:#98ad33;color:#FFFFFF;font-weight:bold;font-size:18px;background-image:url(images/helparrow.png);background-repeat:no-repeat;background-position:770px center;margin-bottom:15px;cursor:pointer;}
.helpContent {display:none;margin-bottom:15px;cursor:pointer;}
.question {margin-bottom:0px;cursor:pointer}
.answer {margin-bottom:15px;font-weight:bold;display:none;}

.helpHeaderLink a{color:#FFFFFF;text-decoration:none;}


#sideMenu {
	position:absolute;
	left:-237px;
	top:200px;
	width:250px;
	padding:15px 10px;
	background-color:#181818;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	z-index:500;
}

#sideMenu a{
	color:#FFFFFF;
	text-decoration:none;
}

#sideMenu a:hover{
	color:#98AD33;
}

#sideMenu p{
	margin-bottom:15px;
	font-size:13px;
	line-height:1.2;
}

@media screen and (min-width: 1419px) {
	#sideMenu{
		left:0px;
	}
}
 
#footer_container { background:#181818; border:1px solid #666; bottom:0; height:auto; left:0; position:relative; width:100%; z-index:999 }
@media screen and (max-height: 580px) {
	#footer_container{display:block}
}
/*#footer_container { background:#98AD33; border:1px solid #666; }*/
#footer {  margin:0 auto; width:860px; z-index:999; color:#aaa;padding:10px 0 5px 0;line-height:1.2;}

#footer b {cursor:pointer}

#footer_lower{display:block;padding:0 0 15px 0;}

#footer a{	text-decoration:none;color:#FFF;}
.footer-contact {	font-size:22px;position:relative;padding:8px 0 20px 0;}
.footer-contact img{	float:right;margin-left:10px;}
.footer-contact a {	font-weight:bold;}
.footer-contact span {	margin-right:15px;}
.footer-contact strong {	color:#FFF;}
.footer-col1 {	float:left;	width:330px;}
.footer-col2 {	float:left;	width:200px;}
.footer-col3 {	float:left;	width:210px;}
.footer-col4 {	float:left;	width:120px;}

#xmas-banner {
	position:relative;
	background-color:#A42630;
	padding:8px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:15px;
	width:844px;
	margin:0 auto;
	line-height:1.2;
	display:none;
}

#ask-question {
	cursor:pointer;
}

#miniBasket{
	color:#98AD33;
	font-weight:bold;
}

/* Extra small devices (phones, tablets, less than 980px) */
@media (max-device-width: 980px) {
	#header_container{ position:relative; }
	#quicklinks {position:relative;top:0;} 
	#container { padding-top:0;}
}