body.editor {background-color: #fff;}

body {font: 62.5% Arial, Helvetica, sans-serif; background-color: #fff; margin: 0; padding: 0;}

/*------------------------------------------------ Layout--*/
#header {background:#fff url("../images/sce/header-bg.gif") repeat-x left top; height: 166px;}

#header img {margin: 0 auto; position: relative; display: block;}

#frame {display:block; width: 100%; min-height:550px; margin: 0; background-color:#fff;}

#pagebody {width:760px; margin: 0 auto;}

#footer {
float:left;
padding:10px 0 0 0;
margin: 10px 0 0 0;
min-height:100px;
width:100%;
background: #FFE190 url("../images/sce/footer-bg.gif") repeat-x left top;
}

#footer ul {display:block; float:left; width:100%; text-align: center; margin:0 auto; padding:0; display: inline; font-size: 1.2em;}

#footer li a {margin: 0 5px; color: #000; font-weight:bold; text-decoration:none;}

#footer li a:hover, #footer p a:hover {color: #000;}

#footer p {display:block; float:left; width: 100%; margin: 0 auto; padding: 5px 0 0 0; color: #000; text-align:center;}

#footer p a {color:#ff0000;}

#search {
display: block;
height:45px;
width:164px;
padding: 40px 0 0 18px;
margin: 15px 0 10px 0;
background:url("../images/sce/search-box.jpg") no-repeat left top;
}

#search #search_name {display:block; float:left; width:102px; height:21px; padding:0; margin:0; border:0;}

input.searchbtn {
display:block;
float:left;
width:35px;
height:21px;
border:1px solid #fff;
background-color:#FEC62B;
color:#000;
font-weight:bold;
padding:0;
margin:0 0 0 2px;
}

#search div {display: block; float: left;}

#shopping-basket {
background: url("../images/sce/view-shopping-basket.jpg") no-repeat;
width: 159px;
height: 73px;
padding: 12px 0px 0px 15px;
margin: 0px;
}

#shopping-basket a {text-decoration: none; color: #FFF; font-size: 1.3em; width: 150px; height: 63px; display: block;}

#left_nav ul {margin:0; padding:0;}

#left_nav li {list-style: none; margin: 0; padding:0;}

#left_nav li a {
color: #000000;
background: url("../images/sce/arrow.gif") no-repeat left 8px;
padding: 5px 0 5px 10px;
display: block;
border-bottom: 1px solid #000000;
text-decoration: none;
}

#left_nav li a:hover {color: #2400FF;}

#left_nav {width: 175px; padding: 5px 0 0 0; margin: 0 20px 0 0; float: left; background-color:#fff; font-size: 1.2em;}

#content {
width: 560px;
display: block;
float: left;
padding:15px 0 0 0;
margin:0;
background-color:#fff;
font-size: 1.2em;
}
/*------------------------------------------------ end Layout--*/

/*------------------------------------------------ Content --*/
#top_banner {
background: url("../images/sce/top-banner.gif") no-repeat;
width: 537px;
height: 140px;
color: #484848;
font-size: 1.2em;
padding: 10px;
}

#top_banner h1 {color: #000000; font-size: 1.8em; margin: 0; padding: 0; font-weight: normal;}

#top_banner h1 span {color: #FF0000; font-weight: bold; margin: 0; padding: 0;}

#top_banner h2 {color: #FF0000; font-size: 1.4em; margin: 0; padding: 0; font-weight: normal;}

#top_banner a{
font-weight: bold;
padding: 0 0 0 10px;
background: url("../images/sce/arrow-red.gif") no-repeat left 5px;
color: #484848;
text-decoration: none;
}

#top_banner p {width: 300px;}

#left_banners {margin: 3px 0 0 0; width: 317px; position: relative; float: left;}

#left_banners img {margin: 5px 0 0 0;}

#right_banners {margin: 3px 0 0 5px; width: 224px; position: relative; float: left;}

.brochure {margin: 5px 0 7px 0;}

h1 {color: #F89E00; font-size: 2.2em; font-weight:normal; line-height: 120%}

h2 {color: #F89E00; font-size: 2em; font-weight:normal; line-height: 120%}

h3 {color: #F89E00; font-size: 1.8em; font-weight:normal; line-height: 120%}

h4,h5,h6 {color: #F89E00; font-size: 1.6em; font-weight:normal; line-height: 120%}

#category-list ul li {display:block; float:left; width:170px; padding:0; margin:0;}

#ctl01_MainContent_product_price_VolumeGrid {border-color:#fff;}

#ctl01_MainContent_product_price_VolumeGrid th{font-weight:bold;}

#ctl01_MainContent_basket_order_detail_OrderDetailGrid{border-color:#fff;}

#contactform {margin-top: 20px;}

.separator {padding: 1px;}

p {font-size: 1.2em; margin: 0; padding: 0 0 5px 0;}

a {color: #007da3;}

a:hover {color: blue;}

#contactform div {width: 300px;}

#contactform div .form_element {width: 60px;}

#category-list {margin-top: 10px;}

#category-list ul ul {display: none;}

.environment-promotions {
background: url("../images/sce/environment-bg.jpg") no-repeat left top;
width: 553px;
height: 183px;
display: block;
text-align: right;
}

.environment-promotions h2 {color: #FFF; padding-top: 20px; margin: 0px 20px 17px 0px; font-size: 2.5em;}

.environment-promotions a {color: #FFF; margin-right: 50px; font-size: 1.4em; text-decoration: none;}

.environment-promotions a:hover {color: blue;}

.office-promotions {
background: url("../images/sce/office-essentials-bg.jpg") no-repeat left top;
width: 277px;
height: 182px;
display: block;
float: left;
margin: 0px;
padding: 0px;
}

.motor-trade-promotions {
background: url("../images/sce/motor-trade-promos-bg.jpg") no-repeat left top;
width: 277px;
height: 182px;
display: block;
float: left;
margin: 0px;
padding: 0px;
}

.office-promotions h2, .motor-trade-promotions h2 {color: #003c7b; padding-left: 0px; padding-right: 0px; margin-left: 20px; margin-bottom: 0px;}

.office-promotions ul, .motor-trade-promotions ul {
color: #003c7b;
padding-left: 0px;
padding-right: 0px;
margin-left: 35px;
margin-bottom: 17px;
font-size: 1.2em;
list-style-type: disc;
}

.office-promotions li, .motor-trade-promotions li {padding: 0px; margin: 0px;}

.office-promotions a, .motor-trade-promotions a {color: #FFF; font-size: 1.4em; text-decoration: none; margin-left: 90px;}

.office-promotions a:hover, .motor-trade-promotions a:hover {color: blue;}

.christmas-promotions {clear: both; background: url("../images/sce/christmas-bg.jpg") no-repeat left top; width: 553px; height: 87px; display: block;}

.christmas-promotions h3 {font-family: times; color: #FFF; font-style: italic; width: 180px; margin-left: 20px; padding-right: 40px; font-size: 1.7em; float: left;}

.christmas-promotions p {color: #FFF; width: 280px; float: right; font-size: 0.8em; padding-top: 20px;}					

.existing_user {margin-right: 40px; width: 200px; float: right;}