/* pink = #ff8abe */

#headerblock, #homesearch{overflow:hidden;width:100%;margin:0 0 20px 0}
#homehead{color:#ff8abe;font-size:20px;display:inline;margin:0 40px 0 0;font-family:Georgia,"Times New Roman",Times,serif}
#crumb{color:#aaa;font-size:16px;margin-bottom:20px;font-family:Georgia,"Times New Roman",Times,serif}
#h1phrase{color:#ff8abe;}
#searchboxouter{position:relative;margin-right:10px;}
#backtohome{padding-left:10px;background: url(../images/leftarrow2.png) no-repeat left center;margin:3px 0 30px 0}
#backtohome a{color:#333 !important;font-size:12px;font-weight:bold}
#left{float:left;width:140px;margin:0 10px 0 0}
#middle{float:left;width:840px}

#featuredhead{background-color:#ff8abe;color:#fff;clear:both;padding-left:5px;font-size:15px;line-height:28px;font-weight:bold;margin:4px 0 0 0}
p#catlinks{float:left;width:100%;padding:5px 0;margin-bottom:5px;text-align:right;color:#fff;background-color:#ff8abe;border-bottom:1px solid #333;font-weight:bold;}
p#catlinks a{background: url(../images/rightarrow3.png) no-repeat center right;padding-right:13px;color:#fff;margin-right:5px;font-weight:bold}


/* searchbox */
#searchboxinner, #resortouter
{
    border: 1px solid #ff8abe;
    -moz-border-radius: 3px;
    -webkitradius: 3px;
    border-radius: 3px;
    float:left;
    width:838px;
    margin:0;
}
#inp_keywords
{
    padding:0 0 0 8px;
    height:23px;
    color:#878787;
    font-size:14px;
    width:400px;
    border:1px solid #BCBCBC;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottombottom, from(#eee), to(#ffffff));
    background: -moz-linear-gradient(top, #eee, #ffffff);
    background: -webkit-linear-gradient(#eee, #ffffff);
    background: -o-linear-gradient(#eee, #ffffff);
    background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ffffff');
}
#submit1{vertical-align:bottom}
#searchbox{position:absolute;top:-12px;left:170px}
#searchrollup{margin:10px 0 10px 578px;*margin-top:14px;float:left;clear:both;font-size:12px;color:#333;background:url(../images/downarrow3.png) no-repeat center left;padding-left:14px;cursor:pointer;width:80px;}
#searchrollup.uparrow{background-image:url(../images/uparrow3.png);margin-top:0;*float:none;}
#searchpanel
{
    clear:both;
    float:left;
    width:100%;
    margin:12px 0 5px 0;    
}
#searchboxinner div.postcodesearch{ clear: both; display: block; float: left; padding: 5px 0; width:100%}
div.searchboxitem, div.postcodesearch { display: block; float: left;  margin: 0 10px 0 10px; padding: 5px 0; }
#searchboxinner div.searchboxitem:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#searchboxinner div.searchboxitem span,
#searchboxinner div.postcodesearch span{ color: #333; display: block; float: left; font-weight: bold; padding: 1px 0 0; width: 80px;font-size:12px; }
#searchboxinner div.searchboxitem select{ display: block; float: left; width: 165px; }
#searchboxinner div.postcodesearch input{ display: block; float: left; margin-right: 20px; width: 100px; }
#searchboxinner div.postcodesearch select{ display: block; float: left; width: 120px; }



/* search results */
#searchResults h3{font-size:14px;}
#pltitle, .zoomin{display:none}
span.subtitle{text-transform:uppercase;font-size:13px;margin:0 0 0 11px;}
.plcol{position:relative;margin:0 0 5px 0}
.pl{margin:0 0 0 16px}
.pl a {color:#333 !Important;font-size:12px}
.subtitle .rollup, .subtitle .downarrow
{
    text-indent:-999px;
    background-image: url(../images/downarrow1.png);
    background-repeat:no-repeat;
    background-position:center;
    padding:0 0 0 9px;
    height:16px;
    position:absolute;
    left:0px;
    top:0px;
}
#PageLinks .deletion a {
    background: url("../images/delete.gif") no-repeat scroll;
    font-weight: bold;
    padding-left: 18px;
}
.subtitle .downarrow{background-image: url(../images/rightarrow1.png);}
.choosemore
{
    background: url("../images/tickbox2.gif") no-repeat scroll left center transparent;
    color: #ff8abe; 
    display: block;
    font-size: 9px;
    font-weight: bold;
    height: 22px;
    padding-left: 20px;
}
#lbmore {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #ff8abe;
    display: none;
    padding: 10px;
    width: 400px;
}
#lbmore span {
    display: block;
    float: left;
    margin-right: 10px;
    width: 190px;
}
#lbmore #lbmoresubmit {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0;
    text-align: right;
    width: 390px;
}
#lbmore #lbmorecanx {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}
#lbmore input[type=checkbox]{margin:3px 3px 3px 4px;}
#lbmore label{font-size:10px}

#topsearchouter, #recentsearchouter, #faves
{
position:relative;
margin:0 0 10px 0;
}
#topsearchouter a.shead, #recentsearchouter a.shead, #faves a.shead
{
font-size:10px;
height:13px;
margin:0 0 8px 0;
padding:2px 0 2px 30px;
background-color:#ff8abe;
color:#fff;
text-transform:uppercase;
display:block;
font-weight:700;
}
#topsearchouter a.shead:hover, #recentsearchouter a.shead:hover, #faves a.shead:hover{text-decoration:none;}

.headerimage{position:absolute;top:-4px;left:4px}
#faves .headerimage{left:1px;}
#shtitle, #sttitle{display:none;}
#topsearch, #recentsearch{padding-left:5px;}
#topsearch a, #recentsearch a{color:#333;font-size:11px;margin:0 0 4px 0;display:block;}
#topsearch ul{line-height:normal; font-size:11px;}
#favehead{font-size:11px;display:block !Important;}

#searchResults{margin-top:20px;float:left;width:100%}
#flyAds{border-bottom:1px solid #333;float:left;width:100%}
.row{display:none}
.rowo, .rowe{float:left;width:200px;margin:0 10px 0 0;padding:0;height:320px;overflow:hidden;}
.col1{width:200px;height:200px;}
.col1 img{width:200px;height:200px;border:none;padding:0;margin:0}
.col2{position:relative;}
.col2 h3
{
width:100%;
background-color:#ff8abe;
opacity:0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
position:absolute;
top:-28px;
height:28px;
overflow:hidden;
}
.col2 h3 a{color:#fff !Important;font-size:12px;padding:6px 0 0 2px;float:left;font-weight:normal;height:17px;overflow:hidden;text-transform:uppercase;}
.col2 h3 a b{font-weight:normal}
.col2 a.linkcopy{color:#333 !Important;font-size:12px;line-height:15px;height:120px;overflow:hidden;zoom:1}
.col2 a.linkcopy:hover{text-decoration:none;}
.col2 .selectbutton, .col3 {display:none}

div.backfill{height:130px}
.backfill .col1{display:none}
.backfill .col2 h3{position:relative;top:0}
.exactbreak{display:block;clear:both}

#searchpagingtop{margin:0 auto;font-size:12px;width:130px;height:15px;clear:both;}
#searchpagingbottom{float:right;text-align:right;font-size:12px;margin-top:5px;}
.pager, .currentpage, .pageno{margin:0 3px 0 0;float:left;}
a.currentpage{color:#333 !Important}
#pager_N{background:url(../images/rightarrow3.png) no-repeat center right;padding:0 10px 0 8px;float:left}
#pager_P{background:url(../images/leftarrow3.png) no-repeat center left;padding:0 8px 0 10px;float:left}
#botphrase{font-size:13px;font-weight:normal;float:left;width:100%;font-weight:bold}

#articles{float:left;width:100%;margin:0 0 10px 0}
#articlehead{color:#6F61AE;font-size:13px;margin:5px 0 10px 0;float:left;width:100%}
#editorial .rowo, #editorial .rowe
{
float:left;
width:400px;
margin:0 20px 10px 0;
height:78px;
}
#editorial .col1{width:100%}
#editorial .col1 p span br{display:none}
#editorial .col1 h3{font-size:14px;}
#editorial .col1 p{font-size:12px;}

/* faves */
#faves .rowo, #faves .rowe{width:100%;height:auto;}
#faves .col1, #faves p{display:none}
#faves .col2{float:left;width:130px;}
#faves h3, #favecompare h3
{
    background-color:transparent;
    color:#333;
    position:relative;
    top:0;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height:auto;
    line-height:normal;
}
#faves h3 a{color:#333 !Important;font-size:11px;padding:0}
#faves .col99 a
{
    background:url(../images/delete.gif) no-repeat top left;
    display: block;
    height: 10px;
    position: absolute;
    right: 1px;
    text-indent: -9999em;
    width: 10px;
    margin-top:2px;
}
#butfavemanage{background-color:#ff8abe;color:White;font-weight:bold;}
#overlay
{
    position:absolute;
    background-color:#fff;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index:10000;
}
#favecompare
{ 
z-index:10001;
position:absolute;
top:60px;
left:50%;
width:810px;
margin-left:-405px;
height:550px;
float:left;
background-color: #fff;
border:solid 5px #ff8abe; 
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow:hidden;
z-index:99999;
}
#faveheader
{
width:802px;
height:22px;
padding:1px 8px 0 0;
margin:0;
background-color:#ff8abe;
color:Red;
}
#faveheader a
{
float:right;
font-size:18px;
font-weight:bold;
background-color:#ff8abe;
color:white;
cursor: pointer
}
#faveheader span
{
font-size:16px;
font-weight:bold;
float:left;
color:white;
}

#favecontent
{
width:800px;
height:560px;
padding:10px 5px 5px 5px;
overflow:auto;
}
#favecompare .row
{
width:780px;
float:left;
clear:both;
display:inline;
height:auto;
margin:0 0 8px 0;
}
#favecompare .col1{float:left; margin-right:10px;}
#favecompare .col2{width:420px;float:left;}
#favecompare h3 a{color:#ff8abe !Important;font-size:12px;padding:0;font-weight:bold;margin:0 0 5px 0;}
#favecompare .selectbutton{display:none}
#favecompare .comparefields 
{
float:right;
width:140px;
padding:10px 0 0;
margin:0 0 0 10px;
}
#favecompare .comparefields span
{
float:left;
margin:0;
padding:0;
}
#favesummary
{
float:left;
width:100%;
overflow:auto;
font-weight:bold;
margin: 10px 0 0;
}
#favesummary table
{
font-weight:normal;
border-left: solid 2px #EC6996;
border-collapse:collapse;
margin:8px 0 0;
}
#favesummary table th, #favesummary table td
{
border: solid 1px #EC6996;
padding:2px 4px;
font-size:80%
}


/*department*/
.department #searchpagingtop, .department #searchpagingbottom{display:none;}
#description{margin:-10px 0 20px 0;font-size:14px}
.department .rowe, .department .rowo{height:230px;margin-bottom:7px;}
.department .col2{height:30px;}
.department .col2 a.linkcopy{height:30px;overflow:hidden;zoom:1}
span.more{position:absolute;bottom:1px;right:0;}
span.more a{margin:0;padding:0;color:#333;background-color:#fff;font-size:11px;text-transform:none;height:auto;}

/* cms */

.centregutter{float:left;width:20px;margin:0;padding:0}
.cms2 {width:240px;height:295px;float:left;margin:0 7px 0 0}
.cms2 img{width:240px;height:240px}
.cms2 h3{font-size:1em;text-align:center;line-height:1em;margin:0 15px;font-weight:normal;text-transform:none;}
.cms2 h3 a{color:#3F3F3F}
.cms2 h3 a:hover{text-decoration:none}

.block3_1out {float:left;width:485px;margin:10px 0}
.block3_1block a{color:#000 !Important;float:left;height: 60px;overflow:hidden;border-bottom:1px solid #ff8abe;margin-bottom:5px;font-size:14px;}

#dealersearch{float: left; margin: 10px auto; padding:10px;width: 465px;border-bottom: 1px solid #ff8abe; border-top: 1px solid #ff8abe;background-color:#fff}
#dealersearch span{margin:0 10px 0 0;}
#dealersearch input{float:right;}

/*supplier*/
#resortouter{font-size:14px;padding:20px 0 5px 0;margin:0 0 10px 0;position:relative;}
#resortleft, #resortmiddle, #resortright{padding:0 0 0 10px;float:left;width:274px}
#resortmiddle{width:294px}
#resortright{width:239px}
#resortleft span, #resortmiddle span, #resortright span{padding-left:25px;float:left;clear:left;width:70px;height:24px;background: transparent none no-repeat top left}
#resortouter strong{float:left;clear:right;width:169px;font-size:13px;}
#resortmiddle strong{width:189px;word-wrap:break-word;}
#resortright span, #resortright strong{width:100%;clear:both}
#resortouter span.supplier{background-image:url(../images/supplier.png)}
#resortouter span.address{background-image:url(../images/address.png)}
#resortouter span.tel{background-image:url(../images/telephone.png)}
#resortouter span.web{background-image:url(../images/web.png)}
#resortouter span.email{background-image:url(../images/email.png)}
#resortouter span.fax{background-image:url(../images/fax.png)}
#resortouter span.details{background-image:url(../images/details.png)}
#resortleft img{width:200px;height:40px;position:absolute;top:-20px;left:315px;}
span.resrow{padding-left:0 !Important;width:100% !Important;height:auto !Important}