/* Style sheet for Scape outdoor lighting | Last updated 03/02/2009


/* MAIN SKIN COLOUR

To change the overall skin colour, use a find and replace function on the reference below:

#757575

*/


/*---------Layout---------*/
* {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#000;
word-spacing:0.5px;
letter-spacing:0.1px;
margin:0;
padding:0;
}

body {
background-color:#fff;
text-align:center;
font-size:10pt;
line-height:180%;
background-image: none;
}

#wrapper {
width:620px;
background-color:#fff;
text-align:left;
margin:2px auto;
}

#header {
height:83px;
padding:0 5px
}

#header div.logo {
float:left
}

#header div.logo a {
font-size:300%;
text-decoration:none
}

#header div.headeradvice {
display:none;
}

#header div.headeradvice .number {
display:none;
}

.strapline{
display:none;
}

#navigation {
/* if top navigation is not needed, uncomment.*/
/*display:none; */
display:none;
}


#breadcrumb{
display:none;
}


#sidenavigation {
display:none;
}

#rightnavigation {
display:none;
}


#MainContent {
float:left;
margin:0;
background-color:#fff;
text-align:justify;
}

	
.maincontentright {
width:100%;
margin:0;
}


.maincontentfull {
width:100%;
margin:0;
}


.homepagefeature {
background-color:#8F9093;
text-align:right;
margin:0 0 10px
}

.prevarrow {
margin:5px 0 5px 5px
}

.arrowsplitter {
margin:5px 0
}

.nextarrow {
margin:5px 5px 5px 0
}

.homepagetabs {
display:block;
height:35px;
}

.homepagetabs li {
float:left;
display:block;
height:29px;
width:138px;
background-color:#E8E8E8;
border-top:4px solid #DADADA;
text-align:center;
margin:0 4px 0 0;
}

.homepagetabs li a {
line-height:29px;
text-align:center;
font-size:150%
}

#footer {
display:none;
}

#pop {
background: #fff;
width: 375px;
margin: 2px;
text-align: left;
padding: 10px;
}

#protx {
	margin: 0 35px 0 0;
	}

/*---------Typography---------*/
h1,h3,h4,h5,h6 {
font-size:160%;
color:#6DB33F
}

h2 {
color:#6DB33F;
font-size: 120%;
}

#sidenavigation p {
color:#767676;
text-align:center
}

#footer p {
font-weight:700;
line-height:15px;
color:#757575;
}

#footer ul li {
display:inline;
font-weight:bold;
}

h1,h3,h4,h5,h6 {
font-size:140%;
color:#757575;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
color:#757575;
}

.green {
color: #6db33f;
}

.greenbold{
color: #6db33f;
font-weight: bold;
}

.greenboldlarge{
color: #6db33f;
font-weight: bold;
font-size:125%;
font-style: italic;
}

#breadcrumbtext {
font-size:80%;
}

#breadcrumbtext a:hover {
text-decoration:none;
}

ul {

}

li.radr_item {
margin:0 0 0 0;
}

li{
margin:0 0 0 25px;
list-style-type:disc;
}

#MainContent li{

}

label {
font-weight:700;
}

.small {
font-size:85%;
}

.large {
font-size:120%;
}

.alignright{
text-align:right;
}

.alignleft{
text-align:left;
}

.red {
color:#ff0000;
}

.horizontal {
display:block;
}

.horizontal li {
float:left;
display:block;
text-align:center;
margin:0 1px 0 0
}

.horizontal li a {
line-height:29px;
text-align:center;
font-size:150%
}


.errorbox {
width:90%;
background:#eaeaea;
border:solid 1px #757575;
margin:10px 0 10px 0;
padding:0 10px 10px;
}

.errorbox li {
margin:0 0 0 25px;
color:#333;
}

.errorbox p strong {
color:#fff;
background-color:#FF0000;
display:block;
width:100%;
text-align:center;
}


#footer li{
display:inline;
padding: 0 5px;
color:#757575;
}


#footer li a {
color:#757575;
}

#footer a:hover {
color:#6DB33F;
}

/* Product lists */
.hlist{
width:186px;
text-align:center;
padding:2px;
}


/* 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 url(/media/greytop.gif) no-repeat;
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 {
margin:0 0 0 9px;
overflow:hidden;
width:85%;
height:0;
padding:0 2px;
}

/*---------Article Template---------*/

#ArticleTemplate{
margin-bottom:5px;
}

#ArticleTemplate p{

}

#ArticleTemplate p span{
font-size:75%;
color:#666;
}

/*---------Link Styles---------*/
a {
text-decoration:none;
color:#79a22c;
font-weight:700;
}

a:hover {
/*text-decoration:underline;*/
color:#757575;
}

#lblArticleTitle {

}

/*---------Extra bits---------*/


.clearfloat {
clear:both;
height:0;
line-height:0;
font-size: 1px;
visibility:hidden;
}

.hide {
height:0;
width:0;
overflow:hidden;
position:absolute;
}

td {
vertical-align:top;
}

table{
border-spacing:0;
border-collapse:collapse;
}

th {
padding:2px 5px 2px 5px;
background-color:#757575;
color:#fff;
}

th p {
text-align:left;
font-weight:400;
color:#fff
}

img {
border:0;
}

.ProductImage{
border: solid 1px #daebce;
padding:1px;
width:120px;
height: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-right:10px;
margin-bottom:5px;
}


.floatright {
float:right;
}

.floatrightmargin {
float:right;
margin-left:10px;
margin-bottom:10px;
}

.center {
text-align:center;
}

.hidden {
visibility:hidden;
}

/*--------- 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 20px;
}

.RadRotatorDesc{
display:block;
margin:10px 20px 20px 20px;
font-size:130%;
width:260px;
height:100px;
overflow:hidden;
}

.RadRotatorTagLine{
margin:0 20px 0 0;
font-size:120%;
text-align:right;
}

/*---------Forms & Fields---------*/

#CustomerOrdersView {
width:571px;
}

#CustomerOrdersView td {
padding:5px;
}

#SigninTable{
width:570px;
}

#newcustomers{
width:240px;
}

.dgrdBasket{
background-color:#757575;
}

.dgrdBasket td {
padding:3px 5px;
border: solid 1px #ccc;
}


.dgrdOrdersBasket{
width:570px;
}


.dgrdOrdersBasket td {
padding:3px 5px;
border: solid 1px #ccc;
}


.basket {
background:#a7a8aa url(/media/right_top.gif) no-repeat;
height:29px;
padding:4px 0 0
}

.basket p {
line-height:25px;
color:#fff;
font-size:130%;
font-weight:700;
padding:0 5px
}

.basket p img {
vertical-align:middle
}

.basketcontents {
background-color:#EDEDED;
margin:0
}

.basketcontents p {
background-color:#EDEDED;
margin:0;
text-align:center;
}

#customersigintable{
width:600px;
margin:0;
}

#newsletterForm{
width:680px;
margin:10px 0 0 20px;
}

#SearchPanel {
width:97%;
margin: 0;
padding:5px;
}

.SearchPaneltxtKeywords{
width:300px;
}


#contactform{
width:100%;
}

.button {
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
height:21px;
padding:0 20px 0 0;
margin:4px 1px 3px 1px;
background: #757575 url('/media/button.gif') no-repeat right bottom;
}

a.button {
padding:4px 20px 3px 5px;
}

.searchbutton {
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
height:19px;
margin: 1px 5px 0 0;
padding:0 2px 0 2px;
background: #6db33f;
vertical-align: top;
}

.button:hover {
color:#6DB33F;
text-decoration:none;
}

.InputSmall{
width:100px;
margin:2px 0;
}

.InputMedium{
width:150px;
margin:2px 0;
}

.InputLong{
width:250px;
margin:2px 0;
}

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 a {
display:none;
}


