/* Style sheet for Scape outdoor lighting | Last updated 03/02/2009
 ---------Layout--------- */

*{color:#333;font-family:Myriad, Helvetica, sans-serif;font-size:100%;margin:0;padding:0}
body{background:url(/media/site-bg.jpg) no-repeat bottom #F8F8C8;font-size:80%;line-height:180%;text-align:center}


#wrapper{background-color:#eef2ed;border:10px solid #FFF;margin:10px auto;text-align:left;width:970px}

#header{height:83px;margin:0 0 0 10px}
#header div.logo{float:left;padding:10px 0 0}
#header div.logo a{font-size:300%;text-decoration:none}
#header div.headeradvice{float:right;margin:15px 14px 0 0;text-align:right;width:380px}
#header div.headeradvice .number{color:#6db33f;font-size:230%;font-weight:700}
.strapline{color:#6dB33f;font-size:122%;font-style:italic;font-weight:700;margin:50px 10px 0 200px}

#navigation{background:#8c8c8c;float:left;height:45px;margin:10px 0 0 10px;overflow:hidden;padding:0;width:950px}
#navigation div.overflow{width:1200px}
#navigation ul{margin-left:-1px}
#navigation li{border-left:1px solid #a8a8a8;border-right:1px solid #666;float:left;height:35px;list-style-type:none;margin:5px 0;width:72px}
#navigation li.home{text-align:center;width:62px;}
#navigation li a{color:#dbe4da;display:block;font-size:85%;height:25px;line-height:1;padding:5px 5px}
#navigation li a:hover{background:url(/media/nav_arrow.gif) no-repeat bottom center;border-bottom:4px solid #6db33f;color:#fff;height:26px;text-decoration:none}
#navigation p{color:#fff;font-weight:700}

#breadcrumb{clear:left;margin-left:10px}

#sidenavigation{float:left;margin:0 0 0 10px;width:170px}

#rightfeatured{float:right;margin:10px 10px 0 9px;width:218px}
#rightfeatured li{border-bottom:solid 3px #fff;display:block;list-style-type:none;margin:0;padding:0;width:218px}
#rightfeatured a{color:#fff;float:right;font-size:90%;margin:8px 30px 0 0;width:90px}
#rightfeatured li.featured{background:#006B33;height:29px}
#rightfeatured li.featured h2{color:#fff;padding:5px 0 0;text-align:center}
#rightfeatured li.featured h2 a{color:#fff;float:none;margin:0;text-align:center}
#rightfeatured li.inspirational{background:#87C061 url(/media/inspirational-bg.jpg) no-repeat;height:68px}
#rightfeatured li.pathway{background:#FF7F00 url(/media/pathway-bg.jpg) no-repeat;height:68px}
#rightfeatured li.architectual{background:#01A0C7 url(/media/architectural-bg.jpg) no-repeat;height:68px}
#rightfeatured li.sale{background:#FE0000 url(/media/sale-bg.jpg) no-repeat;height:68px}
#rightfeatured li.sale a{float:none;font-size:170%;margin:0;text-align:center}
#rightfeatured li.sale p{color:#fff;font-size:80%;padding-top:14px;text-align:center}

#rightnavigation{float:right;margin:10px 10px 0 9px;width:200px}
div.search {background:#B4DAA1; min-height:115px; margin: 0 0 10px 0;}
div.search h2 { background: url(../media/right-top.gif); display:block;height:29px;padding:4px 0 0 15px;width:185px; color:#3F3F3F; font-size:130%; font-weight:700;line-height:25px;}
div.search p {padding:4px 0 0 15px;}
div.search input { float:left; margin:0 0 0 15px;} 
div.newsletter {background:#B4DAA1; margin: 10px 0 0 0; min-height:95px;}
div.newsletter h2 {background: url(../media/right-top.gif); display:block;height:29px;padding:4px 0 0 15px;width:185px; color:#3F3F3F; font-size:130%; font-weight:700;line-height:25px;}
div.newsletter label { padding: 0 0 0 15px;}
.rightbanner{background:#fff url(/media/right_top.gif) no-repeat;margin:0 0 10px;padding:4px 0 0;text-align:right}

div.heroimage{background-repeat:no-repeat;height:323px;margin:10px 0 0;padding:10px 0 0 20px;width:723px}

.banner-1 {background-image:url(/media/banner/adding-value.jpg)}
.banner-2 {background-image:url(/media/wall-lights-hero.jpg)}
.banner-3 {background-image:url(/media/bollard-lighting-hero.jpg)}
.banner-4 {background-image:url(/media/banner/step-and-decking-lights.jpg)}

div.heroimagecontent{-khtml-opacity:0.9;-moz-opacity:0.9;background:#1699bc;filter:alpha(opacity=90);min-height:210px;opacity:0.9;padding:10px;width:360px; position:relative;}
div.heroimagecontent h1{text-align:left;color:#FFF;font-size:170%;font-weight:300;line-height:95%}
div.heroimagecontent p{color:#fff;padding:5px 10px 0 0}
div.heroimagecontent img{float:right}
div.heroimagecontent a {position:absolute;bottom:5px;right:5px;}

div.heroimagestrap{margin:0;padding:0}
div.heroimagestrap p, div.heroimagestrap p strong{color:#006b33;font-size:120%;margin:0;padding:0}

#MainContent{float:left;margin:0 0 10px 10px;text-align:justify;overflow:hidden}
#MainContent div.overflow {width:938px;}
.maincontentright{width:723px}
.maincontentright p{padding:6px 6px 6px 0}
.maincontentright h1{color:#006B33}
.maincontentfull{width:960px}
.maincontentfull p{padding:6px 0}
.homepagefeature{background-color:#8F9093;margin:0 0 10px;text-align:right}
.prevarrow{margin:5px 0 5px 5px}
.arrowsplitter{margin:5px 0}
.nextarrow{margin:5px 5px 5px 0}

.homepagetabs{display:block;height:35px}
.homepagetabs li{background-color:#E8E8E8;border-top:4px solid #DADADA;display:block;float:left;height:29px;margin:0 4px 0 0;text-align:center;width:138px}
.homepagetabs li a{font-size:150%;line-height:29px;text-align:center}

ul.categories{margin:10px 0;padding:0}
ul.categories li{display:block;float:left;height:155px;list-style-type:none;margin:0;padding:0 30px 30px 0;width:220px}
ul.categories li a{color:#fff;float:left;margin:128px 0 0 10px}
ul.categories li.decking{background-image:url(/media/decking-and-step-lighting.jpg);background-repeat:no-repeat}
ul.categories li.driveway{background-image:url(/media/Driveway-and-pathway-lighti.jpg);background-repeat:no-repeat}
ul.categories li.wall{background-image:url(/media/Wall-lighting.jpg);background-repeat:no-repeat}
ul.categories li.hanging{background-image:url(/media/Hanging-lighting.jpg);background-repeat:no-repeat}
ul.categories li.underwater{background-image:url(/media/Underwater-lighting.jpg);background-repeat:no-repeat}
ul.categories li.accessories{background-image:url(/media/Accessories.jpg);background-repeat:no-repeat}

#delivery {background:url(/media/delivery.png) no-repeat 104% center;float:left;height:26px;padding:14px 10px 10px;width:720px;}
#delivery p {color: #006B33;padding: 0; margin:0; font-size: 120%; }
#delivery p span {color: #FFFF00; float:right; margin: 0 80px 0 0;} 

#latestnews {background:url(/media/news-button.gif) no-repeat 104% center;float:left;height:26px;margin:5px 0 0;padding:22px 0 15px 10px;width:711px;}
#latestnews p {color: #FFFF00;padding: 0; margin:0; font-size: 120%; }
#latestnews p a {color: #006B33; float:right; margin: 0 96px 0 0;} 

#footer{background:#8BC265;border-top:10px solid #fff;float:left;height:170px;margin:0 0 0 -10px;padding:10px 0 0;width:990px}
div.footerlist{float:left;margin:0 0 0 5px;width:200px}
div.footerlist ul{margin:10px 0 0;padding:0}
div.footerlist li{margin:0;padding:0}
#footer li{color:#757575;list-style-type:none;margin:0;padding:0}

#social{float:right;width:345px}
#social ul{float:right;margin:0 10px 0 0}
#social li{display:inline;list-style-type:none}
#social p.copyright{color:#fff;font-size:80%;margin:75px 0 0}
#social h2{font-size:180%; float:left; margin:0 15px 0 0}

#footer a{color:#fff}
#footer li a{color:#fff}
#footer a:hover{color:#757575}
#footer h2{color:#fff}

#pop{background:#fff;margin:2px;padding:10px;text-align:left;width:375px}
#protx{float:right;margin:30px 0 0 0;text-align:center;}
/*---------Typography--------- */
h1,h3,h4,h5,h6{color:#757575;font-size:140%}
h2{color:#6DB33F;font-size:120%}

#sidenavigation p{color:#767676;text-align:center}

#footer p{color:#757575;font-weight:700;line-height:15px}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#757575; }

#ProductTitle { margin: 10px 0 0 0; float:left;}
.green{color:#6db33f}
.greenbold{color:#6db33f;font-weight:700}
.greenboldlarge{color:#6db33f;font-size:125%;font-style:italic;font-weight:700}

#breadcrumbtext{font-size:80%}
#breadcrumbtext a:hover{text-decoration:none}

li.radr_item{margin:0}

#MainContent li.rtLI{margin:0}
#MainContent li.rrItem{list-style-type:none;margin:0}

li{list-style-type:disc;margin:0 0 0 25px}
label{font-weight:700}

.small{font-size:85%}
.large{font-size:120%}
.alignright{text-align:right}
.alignleft{text-align:left}
.red{color:red}

.horizontal{display:block}
.horizontal li{display:block;float:left;margin:0 1px 0 0;text-align:center}
.horizontal li a{font-size:150%;line-height:29px;text-align:center}

.errorbox{background:#eaeaea;border:solid 1px #757575;margin:10px 0;padding:0 10px 10px;width:90%}
.errorbox li{color:#333;margin:0 0 0 25px}
.errorbox p strong{background-color:red;color:#fff;display:block;text-align:center;width:100%}

/* Product lists  */
.hlist{padding:2px;text-align:center;width:186px}

/* Recently viewed  */
.recenltyviewed{background:#a7a8aa url(/media/greytop.gif) no-repeat;height:29px;line-height:29px}
.recenltyviewed p{color:#fff;font-size:130%;font-weight:700;padding:0 5px;text-transform:uppercase}
.recenltyviewed p img{vertical-align:middle}

.specification{background:#a7a8aa;height:29px;line-height:29px}
.specification p{color:#fff;font-size:130%;font-weight:700;padding:0 5px;text-transform:uppercase}
.specification p img{vertical-align:middle}

.whitespec{color:#fff;font-size:130%;font-weight:700;padding:0 0 0 5px}

/*---------FAQ panel--------- */
.questionpanel{cursor:pointer;font-weight:700}
.answerpanel{height:0;margin:0 0 0 9px;overflow:hidden;padding:0 2px;width:85%}

/*---------Article Template--------- */
#ArticleTemplate{margin-bottom:5px}
#ArticleTemplate p span{color:#666;font-size:75%}

/*---------Link Styles--------- */
a{color:#79a22c;text-decoration:none}
a:hover{color:#757575}

/*---------Extra bits--------- */
.clearfloat{clear:both;font-size:1px;height:0;line-height:0;visibility:hidden}
.hide{height:0;overflow:hidden;position:absolute;width:0}
td{vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
th{background-color:#757575;color:#fff;padding:2px 5px}
th p{color:#fff;font-weight:400;text-align:left}
img{border:0}
.ProductImage{border:solid 1px #daebce;height:120px;padding:1px;width:120px}
.ProductImageMain{border:solid 1px #daebce;padding:1px}
hr{border:0;border-bottom:2px dotted #eaeaea;margin:5px 0}
.floatleft{float:left}
.floatleftmargin{float:left;margin-bottom:5px;margin-right:10px}
.floatright{float:right}
.floatrightmargin{float:right;margin-bottom:10px;margin-left:10px}
.center{text-align:center}
.hidden{visibility:hidden;display:none;}

/*--------- Telerik functions --------- */
.rtLI{margin-left:10px}
.rtFirst{margin-left:10px}
.RadTreeView{margin-left:-10px}

#rndImages span{text-align:left}
#rndImages span,#rndImages a{color:#fff}

.RadRotatorTitle{display:block;font-size:250%;margin:20px 20px 10px}
.RadRotatorDesc{display:block;font-size:130%;height:100px;margin:10px 20px 20px;overflow:hidden;width:260px}
.RadRotatorTagLine{font-size:120%;margin:0 20px 0 0;text-align:right}

/*---------Forms & Fields--------- */
#CustomerOrdersView{width:571px}
#CustomerOrdersView td{padding:5px}

#SigninTable{width:570px}

#newcustomers{width:240px}
.dgrdBasket{background-color:#757575}
.dgrdBasket td{border:solid 1px #ccc;padding:3px 5px}
.dgrdOrdersBasket{width:570px}
.dgrdOrdersBasket td{border:solid 1px #ccc;padding:3px 5px}
.basket{background:url(/media/basket-top.png)no-repeat;height:42px}
.basket p{color:#3F3F3F;font-size:130%;font-weight:700;line-height:30px;padding:10px 0 0 60px}
.basket p img{vertical-align:middle}
.basketcontents{background-color:#EDEDED;margin:0;padding:10px 0}
.basketcontents p{background-color:#EDEDED;margin:0;text-align:center}

#customersigintable{margin:0;width:600px}

#newsletterForm{margin:10px 0 0 20px;width:680px}

#SearchPanel{margin:0;padding:5px;width:97%}
.SearchPaneltxtKeywords{width:300px}

#contactform{width:100%}
.button{background: #202021 url(/media/button.gif) repeat-x;border:none;color:#8cb754;font-size:90%;font-weight:700;padding:3px 10px;}
.button2{background:url(/media/button.gif) repeat-x;border:none;color:#8cb754;font-size:90%;font-weight:700;padding:3px 10px; margin: 5px 0 0 0;}
.button:hover{color:#8cb754}
.InputSmall{margin:2px 0;width:100px}
.InputMedium{margin:2px 0;width:150px}
.InputLong{margin:2px 0;width:250px}

input,textarea,select{border:1px solid #ccc;padding:2px}
.blurred{border:ccc 1px solid}
.focused{border-color:#757575}

/*---------Side Nav--------- */
#sidenavigation ul{list-style-type:none;margin:0 0 50px}
#sidenavigation li a{font-size:100%}

/*---------Site credits--------- */
#sitecredit{float:left;margin:0 0 0 475px;text-align:center}
#sitecredit a{background:url(/media/flareicon.gif) no-repeat left;color:#fff;font-size:80%;margin:3px 0;padding:5px 5px 5px 23px}
#sitecredit div.footerlinks a {background: none; padding:0;}
#sitecredit a:hover{text-decoration:none}

#ProductList_Style2_lstvProductsStyle2_ctrl2_ctl01_lnkProduct2 { color:#6DB33F;}

#landing #MainContent {overflow:visible;}

#landing #MainContent div.form {margin:-200px 10px 0 15px;}
#landing #banner {background-image: url(/media/landing_header.jpg);height:306px;margin:10px 10px;}
#landing #banner div.transparent {background-color:#66B243; opacity:0.80;margin:15px;width:300px;float:Left;padding:15px;position:absolute;z-index:400;height:245px;}
#landing #banner div.content {margin:15px;width:300px;float:Left;padding:15px;position:relative;z-index:500;}
#landing #banner div.content h1, #landing #banner div p {color:#fff;}
#landing #sidenavigation {display:none;}
#landing #MainContent {width:940px;}
#landing #rightnavigation {display:none;}
#landing #MainContent div.form {margin:-200px 10px 0 15px;}

/* Form Fields */
#landing #MainContent input, #MainContent select {border:1px solid #ccc;padding:2px;}

#landing #MainContent div.form {margin:-200px 10px 0 15px;}

#landing #MainContent div.form {background-color:#199CC4;padding:15px;float:right;color:#fff;width:266px;}
#landing #MainContent div.form p {margin:0;}
#landing #MainContent div.form p strong {}
#landing #MainContent div.form a {float:left;}
#landing #MainContent div.form table {float:left;}
#landing #MainContent div.form table input{width:auto;margin:o;padding:0;}
#landing #MainContent div.form table label{clear:none;padding:0 5px;width:auto;}

#landing #MainContent div.form h1 {color:#fff;}
#landing #MainContent div.form p {color:#fff;}
#landing #MainContent div.form span{float:left;padding:2px;}
#landing #MainContent div.form label {float:left;padding:2px 2px 2px 0;clear:left;color:#fff;}
#landing #MainContent div.form label.otherTitle {height:1px;margin-bottom:0;padding:0;width:147px;}
#landing #MainContent div.form input, #MainContent div.form select, #MainContent div.form textarea {float:left; width:250px;padding:2px;}
#landing #MainContent div.form div.button{margin-top:10px;}
#landing #MainContent div.form div.button input{padding:5px 10px 5px 0;border:none; color:#fff;cursor:pointer;width:249px;}
#landing #MainContent div.form select {width:256px;}
#landing #MainContent div.form span.checkbox input {width:auto;margin-top:2px;}
#landing #MainContent div.form div.MultiPage div {float:left;padding:10px 10px;border:1px solid #ccc; width:562px;}
#landing #MainContent div.form input.button {border:none; color:#fff;cursor:pointer;width:256px;margin-top:10px;padding:5px 0;font-size:130%;}

#landing div.errorbox {margin-bottom:10px; color:#8F1385;background: #66B243 url(/media/warning.gif) no-repeat 99% 3%;border:none;width:auto;float:left;}
#landing div.errorbox ul li {padding:0;display:block;color:#fff;margin:0;}
#landing div.errorbox p {color:#8F1385;font-weight:bold; margin:0;line-height:23px;background:none; padding:10px 0 0 0;}
#landing div.errorbox p strong {background:none;}
#landing p, #landing h1, #landing h2, #landing h3, #landing h4, #landing h5, #landing h6 {margin:5px 0;}

/* STEP AND DECKING LIGHTS LANDING PAGE STYLES */

#step-and-decking-lights #MainContent {overflow:visible;}

#step-and-decking-lights #MainContent div.form {margin:-200px 10px 0 15px;}
#step-and-decking-lights #banner {background-image: url(/media/banner/step-and-decking-lights.jpg);height:308px;margin:10px 10px;}
#step-and-decking-lights #banner div.transparent {background-color:#66B243; opacity:0.80;margin:15px;width:400px;float:Left;padding:15px;position:absolute;z-index:400;height:245px;}
#step-and-decking-lights #banner div.content {margin:15px;width:400px;float:Left;padding:15px;position:relative;z-index:500;}
#step-and-decking-lights #banner div.content h1, #step-and-decking-lights #banner div p {color:#fff;}
#step-and-decking-lights #banner div.content a {color:#fff;font-weight:700;}
#step-and-decking-lights #sidenavigation {display:none;}
#step-and-decking-lights #MainContent {width:940px;}
#step-and-decking-lights #rightnavigation {display:none;}
#step-and-decking-lights #MainContent div.form {margin:-200px 10px 0 15px;}

#step-and-decking-lights #MainContent input, #MainContent select {border:1px solid #ccc;padding:2px;}

#step-and-decking-lights #MainContent div.form {margin:-147px 10px 0 15px;}

#step-and-decking-lights #MainContent .form .product {float:left; width:245px;margin:10px 0 0;background-color:#fff;padding:0 10px 10px;}
#step-and-decking-lights #MainContent .form .product img {border:1px solid #6DB33F;margin-right:10px;}
#step-and-decking-lights #MainContent .form .product img:hover {border-color:#757575;}

#step-and-decking-lights #MainContent div.form {background-color:#199CC4;padding:15px;float:right;color:#fff;width:266px;}
#step-and-decking-lights #MainContent div.form p {margin:0;}
#step-and-decking-lights #MainContent div.form p strong {}
#step-and-decking-lights #MainContent .form .textlink {color:#fff;text-decoration:underline;}
#step-and-decking-lights #MainContent div.form img {float:left;}
#step-and-decking-lights #MainContent div.form table {float:left;}
#step-and-decking-lights #MainContent div.form table input{width:auto;margin:o;padding:0;}
#step-and-decking-lights #MainContent div.form table label{clear:none;padding:0 5px;width:auto;}

#step-and-decking-lights #MainContent div.form h1 {color:#fff;}
#step-and-decking-lights #MainContent div.form p {color:#fff;}
#step-and-decking-lights #MainContent div.form span{float:left;padding:2px;}
#step-and-decking-lights #MainContent div.form label {float:left;padding:2px 2px 2px 0;clear:left;color:#fff;}
#step-and-decking-lights #MainContent div.form label.otherTitle {height:1px;margin-bottom:0;padding:0;width:147px;}
#step-and-decking-lights #MainContent div.form input, #MainContent div.form select, #MainContent div.form textarea {float:left; width:250px;padding:2px;}
#step-and-decking-lights #MainContent div.form div.button{margin-top:10px;}
#step-and-decking-lights #MainContent div.form div.button input{padding:5px 10px 5px 0;border:none; color:#fff;cursor:pointer;width:249px;}
#step-and-decking-lights #MainContent div.form select {width:256px;}
#step-and-decking-lights #MainContent div.form span.checkbox input {width:auto;margin-top:2px;}
#step-and-decking-lights #MainContent div.form div.MultiPage div {float:left;padding:10px 10px;border:1px solid #ccc; width:562px;}
#step-and-decking-lights #MainContent div.form input.button {border:none; color:#fff;cursor:pointer;width:256px;margin-top:10px;padding:5px 0;font-size:130%;}

#step-and-decking-lights div.errorbox {margin-bottom:10px; color:#8F1385;background: #66B243 url(/media/warning.gif) no-repeat 99% 3%;border:none;width:auto;float:left;}
#step-and-decking-lights div.errorbox ul li {padding:0;display:block;color:#fff;margin:0;}
#step-and-decking-lights div.errorbox p {color:#8F1385;font-weight:bold; margin:0;line-height:23px;background:none; padding:10px 0 0 0;}
#step-and-decking-lights div.errorbox p strong {background:none;}
#step-and-decking-lights p, #step-and-decking-lights h1, #step-and-decking-lights h2, #step-and-decking-lights h3, #step-and-decking-lights h4, #step-and-decking-lights h5, #step-and-decking-lights h6 {margin:5px 0;}