html,body{
margin: 0;
padding: 0;
background: #FFFFFF;
color: #1d1d1d;
font-family: tahoma,arial,verdana;
font-size: 11px;
text-align: center;
}
a{
color: inherit;
outline: none;
cursor: pointer;
}
img{
border: none;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
}
.special{
display: none;
}
.center{
text-align: center;
}
.underline,
.underlined{
text-decoration: underline;
}
strong{
font-weight: inherit;
}

/* H1 */
/* H2 */
h1,
h2{
display: block;
margin: 0;
padding: 0;
margin-top: 12px;
color: #383838;
font-size: 14px;
font-weight: bold;
text-align: left;
}
h1 span{
}
h2{
color: #f64406;
border-bottom: 1px dotted #f64406;
}

/* SITE */
.site{
position: relative;
width: 990px;
margin: auto;
background: url('/images/body_inner.png') repeat-y center top #FFFFFF;
text-align: left;
}

/* PAGE */
.page{
clear: both;
display: inline;
float: left;
width: 954px;
margin-left: 18px;
background: #FFFFFF;
}
.page_inner{
padding-bottom: 12px;
}


/* BANNER */
.banner_empty{
height: 291px;
}
#banner{
position: absolute;
top: 0;
left: 0;
width: 990px;
height: 291px;
background: url('/images/banner.png') no-repeat left top;
}

/* LOGO */
.logo{
clear: both;
display: inline;
float: left;
width: 370px;
height: 66px;
margin-top: 62px;
margin-left: 17px;
}

/* TOP */
.top{
clear: both;
display: inline;
float: left;
width: 954px;
height: 36px;
margin-top: 7px;
margin-left: 18px;
background: url('/images/top.png') repeat-x left -37px #010101;
color: #FFFFFF;
}
.top .commercial,
.top .residential{
display: inline;
float: left;
width: 550px;
height: 36px;
background: url('/images/top.png') no-repeat left top;
line-height: 32px;
}
.top .commercial{
text-indent: 12px;
}
.top .residential{
float: right;
width: 380px;
padding-right: 12px;
background-position: right bottom;
text-align: right;
}

/* THEME IMAGES */
.theme{
clear: both;
display: inline;
float: left;
width: 100%;
height: 84px;
background: url('/images/theme_default.jpg') no-repeat center top;
}

/* NAV_TOP_CALLBACKBOX */
.nav_top_callbackbox{
clear: both;
display: inline;
float: left;
width: 954px;
height: 36px;
margin-left: 18px;
background: url('/images/nav_top.png') repeat-x left -37px #010101;
color: #FFFFFF;
}

/* NAV_TOP */
ul#nav_top,
ul#nav_top li{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
ul#nav_top{
display: inline;
float: left;
width: 630px;
height: 36px;
background: url('/images/nav_top.png') no-repeat left top;
line-height: 34px;
}
ul#nav_top li,
ul#nav_top li a,
ul#nav_top li a span{
display: -moz-inline-stack;
display: inline-block;
float: left;
height: 36px;
color: #F4F4F4;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
text-transform: uppercase;
}
ul#nav_top li a{
text-decoration: none;
}
ul#nav_top li a span{
padding-left: 12px;
padding-right: 12px;
}
ul#nav_top li:hover a,
ul#nav_top li.nav_top_lvl1_selected{
background: url('/images/nav_top.png') repeat-x left bottom;
color: #f64406;
}
ul#nav_top li:hover a span,
ul#nav_top li.nav_top_lvl1_selected span{
color: #f64406;
}

/* CALLBACKBOX */
.callbackbox{
position: relative;
display: inline;
float: right;
width: 316px;
height: 36px;
}
.callbackbox .callbackbox_toggle{
height: 36px;
background: url('/images/callbackbox.png') no-repeat left top;
cursor: pointer;
}
.callbackbox_form{
z-index: 1000;
display: none;
position: absolute;
top: 36px;
left: 0;
width: 316px;
height: 300px;
background: url('/images/callbackbox.png') left -36px #272727;
text-align: left;
}
.callbackbox_form form{
display: inline;
float: left;
width: 278px;
margin-top: 94px;
margin-left: 19px;
}
.callbackbox_form label{
clear: both;
display: block;
font-weight: bold;
cursor: pointer;
}
.callbackbox_form input{
display: inline;
float: left;
width: 270px;
height: 26px;
margin-bottom: 6px;
border: 2px solid #282828;
}
.callbackbox_form .submit{
display: inline;
float: left;
width: 278px;
height: 53px;
margin-top: 14px;
padding: 0;
padding-bottom: 5px;
border: 1px solid red;
border: none;
background: url('/images/callbackbox.png') no-repeat center bottom #FFFFFF;
color: #272727;
font-size: 14px;
font-weight: bold;
line-height: 6px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
vertical-align: top;
}
.callbackbox_bottom{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 26px;
cursor: pointer;
}
#customer_postcodez{
display: none;
}

/* CONTENT1 */
.content1,
.content2{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 6px;
line-height: 22px;
text-align: justify;
}
.content1 a,
.content2 a{
color: #1d1d1d;
}

/* FOOTER */
#footer{
clear: both;
position: relative;
height: 276px;
background: url('/images/footer.png') no-repeat center top #333333;
}
#footer .footer_inner{
clear: both;
display: inline;
float: left;
margin-left: 10px;
}
#footer .locations{
background: #d5d5d5;
text-align: center;
}
#footer .locations_inner{
padding: 16px;
}
#footer .locations b{
display: block;
}
#footer .locations a{
color: #000000;
}
#footer .copyright_siteby{
position: absolute;
left: 0;
bottom: 0;
width: 990px;
height: 41px;
background: #FFFFFF;
}
#footer .copyright,
#footer .siteby{
display: inline;
float: left;
width: 480px;
margin-top: 12px;
}
#footer .siteby{
float: right;
text-align: right;
}

/* SUBSECTIONS */
.subsections{
margin-top: 8px;
}
.subsections .subsection{
position: relative;
display: inline;
float: left;
width: 313px;
height: 187px;
margin-top: 6px;
margin-left: 6px;
text-align: center;
}
.subsections #subsection_0,
.subsections #subsection_3,
.subsections #subsection_6,
.subsections #subsection_9,
.subsections #subsection_12,
.subsections #subsection_15,
.subsections #subsection_18,
.subsections #subsection_21,
.subsections #subsection_24,
.subsections #subsection_27{
margin-left: 0;
}
.subsections .subsection a{
display: block;
text-decoration: none;
}
.subsections .subsection_image{
height: 153px;
margin-bottom: 34px;
background: url('/images/subsection.png') no-repeat left top;
}
.subsections .subsection_name{
position: absolute;
bottom: 0;
left: 0;
width: 313px;
height: 34px;
background: #f64406;
font-size: 14px;
font-weight: bold;
}
.subsections .subsection_name span{
display: block;
padding-top: 8px;
}
.subsections .subsection_info_toggle{
z-index: 1000;
position: absolute;
right: 0;
bottom: 0;
width: 30px;
height: 34px;
background: url('/images/subsection.png') no-repeat right bottom;
cursor: pointer;
}
.subsections .subsection_info_text{
display: none;
position: absolute;
left: 11px;
top: 18px;
width: 298px;
height: 141px;
background: url('/images/subsection_info_text.png');
font-size: 11px;
line-height: 18px;
text-align: justify;
}
.subsections .subsection_info_text_inner{
display: inline;
float: left;
width: 244px;
height: 68px;
margin-top: 18px;
margin-left: 23px;
}

/* NAV_FOOTER */
.nav_footer{
}
.nav_footer,
.nav_footer li{
margin: 0;
padding: 0;
list-style: none;
}
.nav_footer{
display: inline;
float: left;
width: 540px;
margin-top: 48px;
margin-left: 329px;
}
.nav_footer .col1,
.nav_footer .col2,
.nav_footer .col3{
display: inline;
float: left;
width: 178px;
}
.nav_footer li{
display: inline;
float: left;
width: 100%;
margin-top: 4px;
margin-bottom: 4px;
}
.nav_footer li a{
color: #FFFFFF;
font-weight: bold;
}

/* TRANSITIONAL BANNERS */
.promotions{
width: 954px;
margin-top: 1px;
}

/* JQUERY FANCY BANNER TRANSITIONS */
.wt-rotator{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#FFFFFF;
position:relative;
width:954px;
height:324px;
overflow:hidden;
}
.wt-rotator a{
outline:none;
}
.wt-rotator .screen{
position:relative;
top:0;
left:0;
width:954px;
height:324px;
overflow:hidden;
}
.wt-rotator .main-img{
display:none;
position:absolute;
top:0;
left:0;
z-index:0;
border:0;
}
.wt-rotator .preloader{
position:absolute;
top:50%;
left:50%;
width:36px;
height:36px;
margin-top:-18px;
margin-left:-18px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#000 url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_loader.gif) center no-repeat;
background:rgba(0,0,0,.7) url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_loader.gif) center no-repeat;
z-index:4;
display:none;
}
.wt-rotator #timer{
position:absolute;
left:0;
height:4px;
background-color:#FFF;
-moz-opacity:.5;
filter:alpha(opacity=50);
opacity:0.5;
z-index:4;
visibility:hidden;
font-size:0;
}
.wt-rotator .desc{
color:#000;
position:absolute;
top:0;
left:0;
z-index:6;
overflow:hidden;
visibility:hidden;
text-align:left;
}
.wt-rotator .inner-bg{
position:absolute;
width:100%;
height:100%;
background-color:#000;
-moz-opacity:.7;
filter:alpha(opacity=70);
opacity:0.7;
z-index:0;
}
.wt-rotator .inner-text{
position:absolute;
padding:10px;
z-index:1;
}
.wt-rotator .c-panel{
position:absolute;
top:0;
left:0;
z-index:7;
visibility:hidden;
}
.wt-rotator .cp-bg{
background:#333;
background:-moz-linear-gradient(top, #999 0%, #333 50%, #000 51%, #111 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(50%,#333), color-stop(51%,#000), color-stop(100%,#111));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#111111',GradientType=0);
border:1px solid #000;
}
.wt-rotator .thumbnails,
.wt-rotator .buttons{
position:relative;
float:left;
overflow:hidden;
}
.wt-rotator .thumbnails ul{
list-style:none;
margin:0;
padding:0;
}
.wt-rotator .thumbnails li,
.wt-rotator .play-btn,
.wt-rotator .prev-btn,
.wt-rotator .next-btn{
list-style:none;
display:block;
float:left;
margin-right:4px;
overflow:hidden;
width:24px;
height:24px;
line-height:24px;
text-align:center;
color:#FFF;
background-color:#000;
border:1px solid #000;
cursor:pointer;
font-weight:bold;
}
.wt-rotator .thumbnails li.thumb-over{
color:#FFF;
background-color:#CCC;
}
.wt-rotator .thumbnails li.curr-thumb{
color:#000;
background-color:#FFF;
cursor:default;
}
.wt-rotator .thumbnails li.image{
background-color:#000;
}
.wt-rotator .thumbnails li.image.curr-thumb,
.wt-rotator .thumbnails li.image.thumb-over{
border-color:#06F;
}
.wt-rotator .thumbnails li.image a,
.wt-rotator .thumbnails li.image img{
display:block;
border:0;
}
.wt-rotator .thumbnails li.image.curr-thumb img{
-moz-opacity:.8;
filter:alpha(opacity=80);
opacity:0.8;
cursor:default;
}
.wt-rotator .thumbnails li *{
display:none;
}
.wt-rotator .thumbnails li div{
position:absolute;
color:#FFF;
background-color:#000;
}
.wt-rotator .play-btn{
background:#000 url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_play.png) no-repeat center;
}
.wt-rotator .pause{
background:#000 url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_pause.png) no-repeat center;
}
.wt-rotator .prev-btn{
background:#000 url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_prev.png) no-repeat center;
}
.wt-rotator .next-btn{
background:#000 url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_next.png) no-repeat center;
}
.wt-rotator .button-over{
background-color:#CCC;
}
#rotator-tooltip{
position:absolute;
top:0;
left:0;
z-index:99999;
display:none;
}
#rotator-tooltip.txt-up{
margin-left:-10px;
margin-bottom:5px;
background:url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_tail.png) no-repeat;
background-position:10px bottom;
background-position-x:10px;
background-position-y:bottom;
}
#rotator-tooltip.txt-down{
margin-left:-10px;
margin-top:24px;
background:url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_rev_tail.png) no-repeat;
background-position:10px top;
background-position-x:10px;
background-position-y:top;
}
#rotator-tooltip.img-up{
background:url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_tail.png) center bottom no-repeat;
}
#rotator-tooltip.img-down{
background:url(http://www.ishop.co.uk/universal/images/common/jquery_wtRotator_rev_tail.png) center top no-repeat;
}
#rotator-tooltip .tt-txt{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
max-width:300px;
padding:4px;
margin:8px 0;
}
#rotator-tooltip .tt-img{
background-color:#000;
padding:2px;
margin:8px 0;
}
.wt-rotator .block,
.wt-rotator .vpiece,
.wt-rotator .hpiece{
position:absolute;
z-index:2;
}

/* CONTACT US */
.contacts{
display: inline;
float: right;
width: 316px;
}
.contacts .contact{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 22px;
}
.contacts .contact img{
float: left;
width: 90px;
}
.contacts .contact .details{
float: right;
width: 216px;
font-size: 11px;
line-height: 18px;
}
.contacts .contact .details .name,
.contacts .contact .details .position{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
font-weight: bold;
}
.contacts .contact .details .position{
float: right;
color: #999999;
}
.contacts .contact .details .description{
margin-top: 8px;
color: #636363;
text-align: justify;
}
.contacts .contact .email{
display: block;
margin-top: 8px;
color: #f7531a;
}

/* HOME */
.homepage_content{
float: left;
width: 765px;
margin-left: 16px;
}
.homepage_content .intro{
margin-top: 20px;
}
.homepage_content p{
color: #5e5e5e;
line-height: 19px;
text-align: justify;
}
.homepage_content .intro .left{
display: inline;
float: left;
width: 379px;
}
.homepage_content .intro .right{
display: inline;
float: right;
width: 380px;
}
.homepage_content .buttons{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 6px;
}
.homepage_content .buttons .left{
float: left;
}
.homepage_content .buttons .right{
float: right;
}
.homepage_content .bottom{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 6px;
}
.homepage_content .bottom h2{
color: #222222;
font-size: 14px;
font-weight: bold;
border: none;
}
.homepage_content .rounded{
position: relative;
}
.homepage_content .rounded .inner{
padding-left: 16px;
padding-right: 16px;
border: 1px solid #c6c6c6;
}
.homepage_content .rounded .tl,
.homepage_content .rounded .tr,
.homepage_content .rounded .bl,
.homepage_content .rounded .br{
position: absolute;
width: 15px;
height: 15px;
background: url('/images/rounded.png') no-repeat 0 0;
}
.homepage_content .rounded .tl{
left: 0;
top: 0;
background-position: 0 0;
}
.homepage_content .rounded .tr{
right: 0;
top: 0;
background-position: -15px 0;
}
.homepage_content .rounded .bl{
left: 0;
bottom: 0;
background-position: 0 -15px;
}
.homepage_content .rounded .br{
right: 0;
bottom: 0;
background-position: -15px -15px;
}

/* SERVICES : PAGES */
.service_image{
float: right;
margin-left: 25px;
border: 2px solid #aeaeae;
font-size: 0;
line-height: 0;
}
.service_image img{
border: 8px solid #FFFFFF;
}