/* element ********************/
html, body {background:#ffffff;font-family:Lucida Sans Unicode, "Lucida Grande", "Lucida Sans Unicode", Lucida Grande,Lucida, Arial,Helvetica,sans-serif;}
h1{ font-weight:bold; font-size:160%; margin:0.6em 0 0.3em 0;clear:both; }
h2{ font-weight:bold; font-size:120%; margin:0.6em 0 0.3em 0; clear:both; }
h2 a{ font-weight:bold; text-decoration:none;} h2 a:hover{color:#8F0000;text-decoration:underline;}
h3 {clear:both; font-weight:bold; font-size:100%; margin:0.6em 0 0.3em 0; text-transform:uppercase; }
h3 a{ font-weight:bold; margin:0.6em 0 0.3em 0; text-decoration:none;  }
h4 { font-weight:bold; font-size:100%; margin:0.6em 0 0.3em 0; text-decoration:none; }
h4 a{font-weight:bold; font-size:100%; margin:0.6em 0 0.3em 0; text-decoration:underline; }
h4 a:hover{ text-decoration:underline; }
p{margin:0.4em 0 0.2em 0;}
em strong,i strong, em b, i b{font-style:italic;}
strong{font-weight:bold;}
hr {border: 0; width: 100%; height: 1px;}
table{border-collapse:collapse;  border: 1px solid #cccccc; margin:10px 0;}
td{padding:10px; }
th{padding:10px; font-weight:bold;}
td.heading{font-weight:bold;}

/* layout ********************/

#hd{display:none;}
#bd {min-width:974px;padding:0px;margin:0px; *margin-top:-3px;} 
#page{background-image:url(/core/general/img/bg/bgplain.gif); background-repeat:repeat-y;background-position:right top;}
#whole div.homepage{background-image:url(/core/general/img/bg/bg.gif); background-repeat:repeat-y;background-position:right top;}

.cwrap{margin:25px 0px; *margin:0px 0px;}
/* primary */
#primary{padding:0px 10px 0px 45px;}
#whole div.onecolpage #primary{padding:0px 0px 0px 45px;}
#primary p{font-size:100%;}

#primary .list{padding:5px 0px;}
#primary .list table{border:none;margin:5px 0px; width:730px; padding-right: 0px;border-right:8px solid #f0b311; }
#primary .list td h2{padding:0px;margin:0px;}
#primary .list td{border:none; border-bottom:1px solid #e3e3e3;}
#primary .list img{padding:0px 0px 0px 0px; width:100px;}
#primary .list td.image{width:100px; height:100px; overflow:hidden;padding-left:0px;}

/* secondary */
#secondary{font-size:80%;padding:0px; margin:0px;background-image:url(/core/general/img/bg/secondarybg.png); background-repeat:repeat-y;}
.twocol #secondary{background:none;}

#secondary p{font-size:100%; padding:0px 0px 5px 0px;}
#secondary h2{font-size:120%;font-weight:bold; border-bottom:1px solid #cccccc;display:block; width:252px; height:1.5em;border-right:7px solid #f0b311;}
#secondary h3{font-size:110%;}
#secondary h4{font-size:100%;font-weight:normal; text-transform:uppercase;}
#secondary a{font-weight:bold;}


/* footer */
#ft{padding:5px 0px 60px 0px; border-top:1px solid #cccccc; background-color:#ffffff; }
#ft p{float:left; font-size:80%; color:#858585;margin:0px; text-transform:uppercase; padding:2px 53px 5px 0px;}
#ft p.logo{float:right; padding:0px;margin:0px;}
#ft ul{font-size:80%; color:#858585; padding:3px 0px 5px 0px; display:inline;  }
#ft li{  display:inline; border-right:1px solid #e1e1e1; text-transform:uppercase;}
#ft li.last{  display:inline; border-right:none;}
#ft li a{ color:#858585; margin: 0px 8px; text-decoration:none; }
#ft li a:hover{text-decoration:underline; }

/* specific region ********************/

/*pdf links*/
.file {margin:0.5em 0px; padding:0px; border:none;}
.file td {padding:0px; border:none;}
.file .img a{float:left; height:14px;width:12px; display:block; background-image: url(/core/general/img/interface/pdfIcon.gif);background-repeat:no-repeat; background-position:left top; padding-right:5px;}
.file .img span{display:none;}


/*linkbutton*/
a.btn{float:right; background-repeat:no-repeat;height:18px;width:44px; display:block; background-image:url(/core/general/img/interface/qlinkgo.gif);}
a.btn:hover{float:right; background-repeat:no-repeat;height:18px;width:44px; display:block; background-image:url(/core/general/img/interface/qlinkgoOn.gif);}
a.btn span{display:none;}


/*topbar*/
#topbar{padding:6px 0px;height:22px;width:781px; background:#ffffff;}
#topbar ul.nav li{display:inline;color:#636363; font-size:80%;padding: 5px; border-right:1px solid #e3e3e3;}
#topbar ul.nav li.last{border-right:none;}
#topbar ul.nav{text-align:right; margin-right:0px; padding:3px 0px; vertical-align:middle; width:555px; float:right;}
#topbar ul.nav a{color:#636363;}

#topbar .search input{ vertical-align:middle;height:14px; *height:13px; width:161px; *width:159px; padding:3px 3px; border:1px solid #cccccc; border-right:none; color:#999999;font-size:90%;}
#topbar .search input.imagebutton {height:22px;*height:21px;width:31px;padding:0;margin:0}
#topbar .search{border:none;float:right;height:25px;margin:0px;padding-bottom:3px; width:200px;}
#topbar #phone {color:#083A81;font-weight:bold;font-size:120%; }
#topbar #lishortlist {background-image:url(/lib/images/addtoShortlist.gif);background-repeat:no-repeat;padding-left:25px}
#topbar #liphone { background-image:url(/lib/images/phone.gif); background-repeat:no-repeat; background-position:3px ; padding-left:20px}
#topbar #liphone span{width:100%; display:inline;
}
#topbar .topper{display:block; width:575px; height:27px; margin:0px;}

 .homeimg{background-image:url(/lib/images/banners/mastheadhome.jpg); background-repeat:no-repeat; height:375px; width:780px;}

/*qlinks*/
.qlink{background-color:#ffffff;margin:5px 0px 5px 0px;border-right:8px solid #f0b311;width:252px;}
.qlink table.item{width:240px; border:none; margin:2px 0px;}
.qlink table.content{ border:none; margin:0px;}
.qlink img{width:100px;padding:0px;}
.qlink table td{margin:0px; padding:0px; border:none;}
.qlink table td.imageholder{display:block;overflow:hidden; width:100px;height:100px;margin:0px;padding:7px; *padding:6px;}
.qlink table td h2{margin:0px; color:#3F3F3F;font-weight:bold;font-size:90%;}
#secondary .qlink table td h2{margin:0px; color:#3F3F3F;font-weight:bold;font-size:110%;border:none;display:inline;width:110px;}
.qlink table td h2 a{margin:0px; color:#3F3F3F;}
.qlink .text {display:block;overflow:hidden; height:82px; width:130px; color:#3F3F3F;}
.qlink table td p{margin:0px;font-size:80%; color:#3F3F3F;}
.qlink p a{text-decoration:underline;}
/*qlinks on image*/
#homepanel{ top:20px; right:0px;}
#homepanel .panel {height: 375px; width:260px; margin-left:515px; padding:0px 0px 0px 5px;position:absolute;  background-image:url(/core/general/img/bg/secondarybg.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/general/img/bg/secondarybg.png', sizingMethod='scale');background-repeat:repeat-y;}
 


/*navigation*/

#nav ul{padding:18px 5px 15px 0px; *padding:18px 0px 15px 0px; width:200px;}
#nav .logo{padding:0px;z-index:1;position: relative;}
#nav ul li{text-transform:uppercase; font-size:90%; line-height:1.6em;  }
#nav ul li.high a{background-image:url(/core/general/img/interface/menu.gif); background-repeat:no-repeat; background-position:9px 0px;}
#nav ul li.high a:hover{background-image:url(/core/general/img/interface/menuon.gif); background-repeat:no-repeat;}
#nav ul li.current a{background-image:url(/core/general/img/interface/menuon.gif); background-repeat:no-repeat;background-position:9px 0px;}
#nav ul li.current a:hover{background-image:url(/core/general/img/interface/menuon.gif); background-repeat:no-repeat;background-position:9px 0px;}
#nav ul li a{color:#666666; display:block; /*width:191px;*/ height:20px;padding:3px 2px 2px 15px;}
#nav ul li a:hover{color:#333333; text-decoration:none;background-image:url(/core/general/img/interface/menunormal.gif); background-repeat:no-repeat;}


#nav ul li.brocher a{color:#333333; background-image:url(/core/general/img/interface/brocnav.jpg); background-repeat:no-repeat; background-position:9px 0px;}
#nav ul li.brocher a:hover{color:#111111; background-image:url(/core/general/img/interface/brocnav_on.jpg); background-repeat:no-repeat;}


#nav ul ul{padding:1px 5px 5px 0px; }
#nav ul ul li{text-transform:uppercase; font-size:90%; line-height:1.6em;}
#nav ul li.current ul a,#nav ul ul a{background:none; margin-left:9px;padding-left:20px;background-position:0px 0px;background-image:url(/core/general/img/interface/menu2off.gif); background-repeat:repeat-y;}
#nav ul li.current ul a:hover,#nav ul ul a:hover{background-image:url(/core/general/img/interface/menu2onhover.gif);background-position:0px 0px; background-repeat:repeat-y;}
#nav ul .high  ul a{background:none; margin-left:9px;padding-left:20px;background-image:url(/core/general/img/interface/menu2off.gif); background-repeat:repeat-y;}
#nav ul .high  ul a:hover{background-image:url(/core/general/img/interface/menu2onhover.gif); background-repeat:repeat-y;}
#nav ul ul li.current a{background-image:url(/core/general/img/interface/menu2on.gif); background-repeat:repeat-y;}
#nav ul ul li.current a:hover{background-image:url(/core/general/img/interface/menu2on.gif); background-repeat:repeat-y;}

#nav ul ul ul{padding:1px 0px 0px 0px; }
#nav ul ul ul li{text-transform:uppercase; font-size:90%; line-height:1.6em;}
#nav ul ul li.current ul a,#nav ul ul ul a{background:none; margin-left:9px;padding-left:35px;background-image:url(/core/general/img/interface/menu2off.gif); background-repeat:repeat-y;}
#nav ul ul li.current ul a:hover,#nav ul ul ul a:hover{background-image:url(/core/general/img/interface/menu3onhover.gif); background-repeat:repeat-y;}
#nav ul .high  ul ul a{background:none; margin-left:9px;padding-left:35px;background-image:url(/core/general/img/interface/menu2off.gif); background-repeat:repeat-y;}
#nav ul .high  ul ul a:hover{background-image:url(/core/general/img/interface/menu3onhover.gif); background-repeat:repeat-y;}
#nav ul ul ul li.current a{background-image:url(/core/general/img/interface/menu3on.gif); background-repeat:repeat-y;}
#nav ul ul ul li.current a:hover{background-image:url(/core/general/img/interface/menu3on.gif); background-repeat:repeat-y;}

#nav ul ul ul ul{padding:1px 0px 0px 0px; }
#nav ul ul ul ul li{text-transform:uppercase; font-size:90%; line-height:1.6em;}
#nav ul ul ul li.current ul a,#nav ul ul ul ul a{background:none; margin-left:9px;padding-left:45px;background-image:url(/core/general/img/interface/menu2off.gif); background-repeat:repeat-y;}
#nav ul ul ul li.current ul a:hover,#nav ul ul ul ul a:hover{background-image:url(/core/general/img/interface/menu4onhover.gif); background-repeat:repeat-y;}
#nav ul ul ul ul li.current a{background-image:url(/core/general/img/interface/menu4on.gif); background-repeat:repeat-y;}
#nav ul ul ul ul li.current a:hover{background-image:url(/core/general/img/interface/menu4on.gif); background-repeat:repeat-y;}


/*heroimg*/
.herowide{width:780px;  overflow:hidden;}
.herowide img{width:780px;}

/*product pages*/
.twocol .hero img{width:510px;}


/*highlight*/

.highlight { background-color: yellow }

/*3 col product specs*/
#suitable{margin:10px 0px; /*width:450px;*/}
#suitable p {line-height: 1.2em;margin: 0 1em 0 0; padding:0em 0em 0.3em 0em;text-indent: 0em; float:left;width:130px}

#suitable {border-top:1px solid black;}
#suitable h2 {display:block; clear:both;}
#suitable:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/*gallery*/

.gallery { margin-bottom:20px;width:260px;}
.gallery .imgs{background-image:url(/core/general/img/bg/gallerybg.gif); background-repeat:repeat-y;width:260px; min-height:210px;padding:10px 0px;}
.gallery img{width:126px;background-color:none;}
.gallery .imgdiv {width:119px; height:70px; overflow:hidden; float:left; margin:4px;background:none;}
.gallery .imgdiv div {width:126px;height:70px; background-position:center;}
    
/*available*/
#secondary .available li{line-height:2em;}

/*product table*/

table.proddetails{border:none;padding:20px 0px 0px 0px; margin:10px 0px; width:100%; clear:both;}
table.proddetails th{border:none; background-color:#ffffff; text-align:left; padding:15px 0px 3px 0px; }
table.proddetails tr{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px 0px;}
table.proddetails tr.product td{border:none; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:1px 3px;}
table.proddetails td{vertical-align:top; padding:0px;}
table.proddetails td.img{border:none;}
table.proddetails td.img img{width:110px;margin-top:5px;}
table.proddetails td.choose{vertical-align:middle;}
table.proddetails .add{text-align:right;}
table.proddetails tr.product table.colouradd td{border:none; padding:3px;}
table.proddetails tr.product table.colouradd td table.thumb{padding:0px; border:none; margin:0px;}
table.proddetails tr.product table.colouradd td table.thumb td{padding:3px; border:none; margin:0px;}
table.colouradd{width:160px; border:none;margin:5px 0;}

table.colouradd td{border:none;vertical-align:middle;}
table.colouradd tr{border:none; }
table.colouradd tr.chosen{background-color:#ffff75;}
table.colouradd img{width:15px;height:15px; vertical-align:middle;}
table.proddetails td.colourb span{display:block; width:15px; height:15px; background-color:#624838;float:left; margin-right:5px;}

table.proddetails td.coloura span{display:block; width:15px; height:15px; background-color:#57666E;float:left; margin-right:5px;}
table.proddetails td.colourg span{display:block; width:15px; height:15px; background-color:#CFAA67;float:left; margin-right:5px;}





/*cursormessage */
#cursorMessageDiv {
	position: absolute;
	z-index: 99999;
	border: solid 1px #CCCccc;
	background: #f9f9f9;
	padding: 2px;
	margin: 0px;
	display: none;
}

/* contact */
.contact table {border:none; width:600px; }
.contact td {border:none;padding:5px;}
.contact td.fldval input, .contact td.fldval textarea {width:400px;}
.contact .fldname{ width :170px;}
.contact .text_bold{ font-weight :bold; margin-top :10px;}
.contact .mindatory{ margin-top :0;}
.contact .red{font-size :11px;}
.contact .apple{font-size :11px; font-style :italic ;}
.apple{font-size :11px; font-style :italic ;}
.contact .retailer{ margin:10px 0;}
.actionWide td input{width:200px;}
.contact td.fldval .check input {
width:auto;
}

/*iPad promotion */

/* search result */
.searchresult li {padding:10px;}
.searchresult li p {margin:5px 0 0;}

/* help box */
.helpbox {text-align:left; padding:30px;}

/*brochure style*/
.brochurestyle table.file{width:720px;background-color:#ffffff; background-image:url(/lib/images/pdf_icon.jpg); background-repeat:no-repeat;
background-position:left top; height:90px; border-right:8px solid #f0b311; border-bottom:1px solid #e3e3e3;}
.brochurestyle td img{display:none;}
.brochurestyle td{ vertical-align:middle; text-align:left;  height:90px;}
.brochurestyle td a{ line-height:2em; padding:5px 110px 5px 90px; *padding:2px 110px 10px 90px; font-size:80%; text-decoration:underline;}
.brochurestyle td a:hover{ background-image:url(/lib/images/mf1124.gif); background-repeat:no-repeat;
background-position:right top; color:#1e56a5;}
.brochurestyle br{display:none;}


/*brochures*/
#primary ul.brochures_list, #primary ul.brochures_list li{list-style-image:none; list-style-type:none; list-style-position:inside;}
#primary ul.brochures_list li{margin-left:0px;}
table.blist{border:none; width:715px; *width:700px; height:190px; border-right:8px solid #f0b311; border-bottom:1px solid #e3e3e3;}
table.blist .pic{position:relative; width:120px; height:170px; overflow:hidden; border:4px solid #cccccc; padding:1px;}
table.blist .pic img{width:120px;}

table.blist td{ border:none; border-bottom:1px solid #e3e3e3; vertical-align:middle; text-align:left;  }
table.blist td.blisticon{width:140px;}
table.blist td a{ line-height:2em; font-size:80%; text-decoration:underline;}
table.blist td a:hover{  color:#1e56a5; }
table.blist .pic a{padding:0px;}
ul.brochures_list .pdficon{display:block; height:70px; width:70px; position:absolute; background-image:url(/lib/images/pdf_corner.png); background-repeat:no-repeat;
background-position:right bottom; *background:none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/images/pdf_corner.png', sizingMethod='scale'); bottom:1px; right:1px;}

.blistlink .desc{text-align:left; position:relative; padding-bottom:40px; width:520px; height:140px;}
#primary .blistlink .desc p a{margin:0px; padding:0px; text-decoration:none; color:#333333;}
#primary .blistlink .desc h3 a{margin:0px; padding:0px;}
.blistlink .desc .downl{position:absolute; bottom:10px; right:5px;}
.blistlink .desc .downl a{padding:0px;}
#primary .desc p a:hover{text-decoration:none; color:#666666; background-image:none;}
#primary .desc h3 a:hover{ background-image:none;}