/* generic styles */
html,body{margin:0;padding:0; }
body{font-family: verdana, arial,sans-serif;text-align:center; font-size:12px; background-image:url(../images/bg.jpg); background-repeat: repeat-x; color:#333333; }
div#container{text-align:left; width:980px; margin:0 auto; padding-bottom:25px;}
p{margin:0px 10px 10px 10px; line-height:16px; font-size:12px; }
.big {margin:0px 10px 10px 10px; line-height:24px; font-size:18px; }
a{ text-decoration:none; color:#FF9000;}
a:hover { text-decoration:underline;}
ul { list-style-type:none;}
li { background-image:url(../images/bullet02.gif); background-repeat:no-repeat; background-position: 0px 5px; margin:0px 0px 0px -25px; padding:0px 0px 0px 10px;}
h1 { font-size:24px; font-weight:normal; padding: 5px 0px 0px 10px; color:#FFFFFF; margin:0px 0px 5px 0px; background-color:transparent;}
h2 { font-size:21px; font-weight:normal; padding: 7px 0px 10px 10px; margin:0px;}
h3 { font-size:18px; font-weight:normal; padding: 5px 0px 0px 10px; border-top:1px solid #DADADA; margin:3px 0px 0px 0px;}
h4 { font-size:18px; font-weight:normal; padding: 0px 0px 0px 10px; color:#FF9000;}
div#header{position:relative; height:143px; }
div#header .logo { float:left; width:112px;}
div#header .sub-nav { float:right; width: 490px; height:39px; background-image:url(../images/bg_subs.jpg); background-repeat:no-repeat; font-size:12px; font-weight:bold; }
div#header .sub-nav ul{ display:inline; margin: 10px 0px 0px 8px; padding:10px 0px 0px 0px; line-height:32px;}
div#header .sub-nav ul li{ display:inline; margin: 0px 0px 0px 5px; padding:0px 0px 0px 5px; background-image:url(../images/bullet01.jpg); background-repeat:no-repeat; background-position: 0px 5px;}
div#header .sub-nav a{ color:#FFFFFF;}
div#header .mywishlist { clear:right; float:right; font-size:12px; font-weight:bold; margin:18px 0px 17px 0px;}
div#header .mywishlist a{ color:#636363; text-decoration:underline;}
div#header .strapline { clear:right; float:right; text-align:right; width:800px; background-color:transparent; }
div#header .strapline .text{border-bottom: 1px solid #999; padding-bottom:3px; width:455px; float:right; background-color:transparent; font-size:24px;}
div#navigation {width:980px; height:40px; clear:both; margin: 0px 0px 25px 0px;}
#flash{ width:730px; height:172px; float:left; background-color:#FFFFFF; }
div#banner{ height:172px; margin-bottom:25px; }
div#banner .advice{ width:237px; height:172px; float:right; background-color:#000000; }
/* home styles */
div#homeboxes { width:980px; margin:0px 0px 25px 0px; float:left; }
div#homeboxes .box-one { width:237px; float:left; margin:0px; height:215px; }
div#homeboxes .box-two {width:237px; float:left; margin-left:9px; height:215px;}
div#homeboxes .box-three {width:237px; float:left; margin-left:9px; height:215px;}
div#homeboxes .box-four {width:237px; float:right; height:215px; }
div#homeboxes .box-links {position: relative; top:140px; left: 10px;}
div#homeboxes .box-head { width:237px; margin:0px; padding:0px; line-height:34px; height:40px; font-size:21px; color:#FFFFFF; background-image:url(../images/header.jpg); background-repeat:no-repeat; }
div#homeboxes .box-head a{ color:#FFFFFF;}
div#homeboxes .box-head h2{ margin:0px; padding:0px 0px 0px 10px; font-size:21px; }
div#homeboxes .box-content{ width:237px; float:left; background-image:url(../images/bg_boxes.jpg); background-repeat:no-repeat; height:175px; margin:0px; }
div#wrapper { width:980px; clear:both; float:left; margin:0px; }
/* left nav */
div#left-nav{float:left; width:237px; padding:0px; margin:0px; display:inline; }
div#left-nav a{ color:#333333;}
div#left-nav .head { width:237px; height:40px; font-size:21px; color:#FFFFFF; background-image:url(../images/header.jpg); background-repeat:no-repeat; clear:left; }
div#left-nav .head h2{ margin:0px; padding:4px 0px 0px 10px; line-height:34px; font-size:21px;}
div#left-nav .head h2 a{ color:#FFF; text-decoration:none; font-size:21px;}
div#left-nav .head h2 a:link{ color:#FFF; text-decoration:none; font-size:21px;}
div#left-nav .head h2 a:visited{ color:#FFF; text-decoration:none; font-size:21px;}
div#left-nav .head h2 a:hover{ color:#FFF; text-decoration:none; font-size:21px;}
div#left-nav .content{ width:235px; float:left; margin:0px 0px 10px 0px; border:1px solid #DADADA; background-image:url(../images/bg_nav.jpg); background-repeat:repeat-x; }
div#left-nav .content ul{ margin:10px 10px 0px 10px; padding:0px 0px 0px 0px; list-style-type:none;}
div#left-nav .content ul li { margin:0px; padding:0px 0px 5px 8px; list-style-type:none; background-repeat:no-repeat; background-position:0px 5px;}
div#left-nav .catalogue ul{ margin:0px 10px 0px 10px; padding:0px; list-style-type:none; font-size:18px; width:215px; background-color:transparent; }
div#left-nav .content .catalogue ul li { margin:0px 0px 0px 0px; padding:3px 0px 5px 0px; list-style-type:none; background-image:none; border-top:1px solid #CCC; background-color:transparent; clear:both; }
div#left-nav .content .catalogue ul li.noB { margin:0px 0px 0px 0px; padding:3px 0px 5px 0px; list-style-type:none; background-image:none; border-top:none; }
div#left-nav .content ul .subs{ font-size:13px; position:relative; right:20px; width:180px; top:5px; margin-bottom:5px;}
div#left-nav .content ul .subs li{ border:none; font-size:13px; position:relative; width:180px; left:10px; background-image:url(../images/bullet02.gif); background-repeat:no-repeat; background-position: 0px 5px; padding-left:10px; padding-bottom:0px;}
div#left-nav .content ul .subs li.on{ border:none; font-size:13px; position:relative; width:180px; left:10px; background-image:url(../images/bullet02.gif); background-repeat:no-repeat; background-position: 0px 5px; padding-left:10px; text-decoration:underline;}
div#left-nav .content ul .subs li.on a{text-decoration:underline; }
div#left-nav .testimonials {width: 237px; color:#FFFFFF; background-color:#131313; background-image:url(../images/bg_quotes.jpg); background-repeat:no-repeat; padding:0px; margin-bottom:10px; clear:both; min-height:230px;}
div#left-nav .testimonials ul li { background-image:none;}
div#left-nav .search { width:237px; height:48px; clear:both; background-image:url(../images/bg_search.jpg); margin-bottom:10px;}
div#left-nav .formfield { position:relative; top: 6px; left:10px; width:150px; }
div#left-nav .searchbutton { position:relative; top: 12px; left:15px; }
/* right nav */
div#right-nav{float:right; width:730px; background-color:transparent; }
div#right-nav .head { background-image:url(../images/bg_head.jpg); background-repeat:no-repeat; background-repeat:no-repeat; height:39px; width:730px;}
div#right-nav .content .row ul{ margin:10px 0px 10px 10px; width:325px; padding:0px; list-style-type:none; float:left; }
div#right-nav .content .row ul li { margin:0px; padding:0px 0px 5px 8px; list-style-type:none; background-repeat:no-repeat; background-position:0px 5px; }
div#right-nav h2 { font-size:18px; font-weight:normal; padding: 7px 0px 10px 10px; margin:0px; color:#FF9000;}
div#right-nav h3 { font-size:18px; font-weight:normal; padding: 7px 0px 10px 10px; margin:0px; border:none;}
div#right-nav h4 { font-size:16px; font-weight:normal; padding: 0px 0px 0px 10px; color:#333333;}
div#right-nav a{ color:#333; text-decoration:underline;}
div#right-nav a:link{ color:#333; text-decoration:underline;}
div#right-nav a:visited{ color:#333; text-decoration:underline;}
div#right-nav a:hover{ color:#FF9000; text-decoration:underline;}
div#right-nav .content { width:730px; float:left; background-color:transparent; margin-top:10px; }
div#right-nav .row { clear:both; width:730px; margin-top:10px; float:left; background-color:transparent; color:#333; text-align:left; padding:0px; }
div#right-nav h2.wshlst{ color:#333;}
div#right-nav .row h2.wshlst{ color:#333;}
div#right-nav .rowthin h2.wshlst{ color:#333;}
div#right-nav .rowLast { clear:both; width:730px; margin-bottom:10px; margin-top:10px; float:left; background-color:transparent; color:#333; text-align:left; padding:0px; }
.conLeft{ float:left; background-color:transparent; width:400px;}
.conRight{ float:left; background-color:transparent; width:330px;}
.Lrgrow{ width:400px; float:left; background-color:transparent; margin-bottom:7px;}
.Smlrow{ width:330px; float:left; background-color:transparent;}
.SmlrowB{ width:330px; float:left; background-color:transparent; border-bottom:solid 1px #333; margin-bottom:20px; }
.halfrow{ width:365px; float:left; background-color:transparent; }
.add1{ width:190px; background-color:transparent; float:left; padding-left:10px;}
.add2{ width:130px; background-color:transparent; float:left;}
.smallDesc{ width:359px; float:left; background-color:transparent; font-size:10px; margin:2px 0px 2px 0px; padding-left:6px;}
.smallDescS{ width:324px; float:left; background-color:transparent; font-size:10px; margin:2px 0px 6px 0px; padding-left:6px;}
.rowDesc{ float:left; width:155px; background-color:transparent; text-align:left; padding-top:4px; margin-right:5px; margin-left:5px;}
.rowDescL{ float:left; width:180px; background-color:transparent; text-align:left; padding-top:4px; margin-right:5px; margin-left:5px;}
.rowDescS{ float:left; width:75px; background-color:transparent; text-align:left; padding-top:4px; margin-right:5px; margin-left:5px; font-weight:bold;}
.rowInput{ float:left; width:180px; background-color:transparent; }
.rowInputPad{ float:left; width:180px; background-color:transparent; padding-top:8px; }
div#right-nav .rowthin { clear:both; width:720px; margin-top:10px; float:left; border-bottom:1px solid #CCC; padding-bottom:10px;}
div#right-nav .rowthin h2 a{ color:#333; text-decoration:none; font-size:21px;}
div#right-nav .rowthin h2 a:link{ color:#333; text-decoration:none; font-size:21px;}
div#right-nav .rowthin h2 a:visited{ color:#333; text-decoration:none; font-size:21px;}
div#right-nav .rowthin h2 a:hover{ color:#333; text-decoration:none; font-size:21px;}
div#right-nav .column-four { width:170px; margin-left:10px; float:left;}
div#right-nav .formfield { width:170px;}
div#right-nav .column-four a{ color:#333333; }
.column-four .catDesc{ width:168px; float:left; background-color:transparent; font-size:12px; color:#333; margin-bottom:5px; margin-top:5px; }
.column-four .catDesc a{ color:#333;}
.column-four .catDesc a:link{ color:#333;}
.column-four .catDesc a:visited{ color:#333;}
.column-four .catDesc a:hover{ color:#FF9000;}
div#right-nav .column-twoI{ width:352px; margin-left:10px; margin-right:10px; float:left; display:inline; background-color:transparent;}
div#right-nav .column-two{ width:350px; margin-left:10px; float:left; display:inline; background-color:transparent;}
div#right-nav .wishListText{ width:310px; background-color:transparent; float:right; text-align:right; font-size:14px; font-weight:600;}
.findText { float:left; padding-top:8px; background-color:transparent; width:140px;}
.findBtn { float:left; background-color:transparent; width:170px;}
div#right-nav .wishListText a{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:link{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:visited{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:hover{ color:#333; text-decoration:underline;}
div#right-nav .wishListText a.gray{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:link.gray{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:visited.gray{ color:#333; text-decoration:none;}
div#right-nav .wishListText a:hover.gray{ color:#333; text-decoration:underline;}
div#wishlistadd {width:340px; height:20px; clear:right; border:2px solid #85D385; border-color:#90D390; background-color:#ECFFEC; padding:5px; float:right; margin-bottom:10px;}
div#wishlistadd .left { float:left; font-size:12px; font-weight:bold; color:#85D385; padding-top:3px;}
div#wishlistadd .right { float:right; padding-top:3px;}
div#wishlistadd a{ font-weight:bold; color:#636363; text-decoration: underline;}
div#right-nav .inline { margin:0px 0px 10px 10px;}
div#right-nav .inline ul{ display:inline; margin:0px 0px 0px 0px; padding:0px;}
div#right-nav .inline ul li{ display:inline; margin:0px; padding:0px 10px 0px 10px; line-height:18px; background-image:url(../images/bullet03.jpg); background-repeat:no-repeat; background-position: 0px 5px;}
.pressImage{ background-color:transparent; float:right; width:237px; margin:20px 0px 10px 10px;}
.imgRow{ margin:0px 0px 10px 10px; width:720px; background-color:transparent; float:left; clear:both; display:inline;}
.imgSwatch{ width:65px; height:66px; float:left; margin-right:6px; background-color:transparent; text-align:center;}
.imgDesc{ width:65px; float:left; background-color:transparent; text-align:center; font-size:10px;}
.shortImgRow{width:345px; background-color:transparent; float:left; clear:both; margin-bottom:2px; display:inline;}
.shortThumb{ width:55px; float:left; background-color:transparent;}
.shortDesc{ width:270px; float:right; background-color:transparent; margin-left:15px; padding-top:5px; }
.shortDesc a{ display:inline; margin:0px; padding:0px 10px 0px 10px; line-height:18px; background-image:url(../images/bullet02.gif); background-repeat:no-repeat; background-position: 0px 5px; color:#333;}
/* columns are contained within right-nav to separate content and images */
div#left-column{float:left; width:480px; margin-top:10px; background-color:transparent;}
div#right-column{float:right; margin-left:5px; width:237px; margin-top:10px; background-color:transparent; display:inline; padding:0px;}
div#right-column a{ color:#333333;}
div#left-column h1{ color:#000; font-size:20px; }
/* STYLES FOR JAVASCRIPT TICKER*/
#newsticker {
background-color:transparent;
position: relative;
margin: 10px 5px 10px 0px;
padding:0px;
height:auto;
text-align:left;
width:227px;
float:left;
clear:both;
color:#FFF;
}
#newsticker ul {
border: none;
list-style: none;
list-style-type:none;
min-height: 20px;
padding-left:25px;
padding-bottom:5px;
margin: 0px;
text-align:left;
float:left;
background-image:none;
}
* html #newsticker ul {
height: 20px;
overflow: visible;
border:none;
}
#newsticker li.error {
color: #f00;
border:none;
}
#newsticker #togglenewsticker {
overflow: hidden;
position: absolute;
right: 10px;
top: 12px;
width: 14px;
height: 14px;
text-indent: 20px;
outline: none;
border:none;
}
* html #newsticker #togglenewsticker {
border:none;
}
/*end*/
.textlabel { border:2px solid #9F9F9F; width:180px;}
.dropdown2 { border:2px solid #9F9F9F; width:185px;}
.dropdown { border:2px solid #9F9F9F; width:195px;}
.column-label { width:140px; margin-left:10px; float:left;}
.column-formfields { width:200px; margin-left:10px; float:left;}
/* styles for footer icons */
.rowcontact { clear:both; width:730px; height:60px; margin-top:10px; margin-bottom:20px; font-size:15px; border-top:solid 1px #9F9F9F; }
.rowcontactProd { clear:both; width:730px; height:60px; margin-top:10px; margin-bottom:20px; font-size:15px; }
.tel { float:left; width: 235px; background-color:transparent; font-weight:bold; }
.email { float:left; width: 300px; background-color:transparent; font-weight:bold; }
.enquire { float:left; width: 180px; background-color:transparent; font-weight:bold;}
.icon { position:relative; top: 13px; border:none;}
.rowcontact a{ color:#333333; text-decoration:none;}
.rowcontact a:link{ color:#333333; text-decoration:none;}
.rowcontact a:visited{ color:#333333; text-decoration:none;}
.rowcontact a:hover{ color:#333333; text-decoration:none;}
.rowcontactProd a{ color:#333333; text-decoration:none;}
.rowcontactProd a:link{ color:#333333; text-decoration:none;}
.rowcontactProd a:visited{ color:#333333; text-decoration:none;}
.rowcontactProd a:hover{ color:#333333; text-decoration:none;}
div#footer{background: #313131;color: #FFF; clear:both;width:100%; height:150px; background-image:url(../images/foot.jpg); background-repeat:repeat-x;}
div#footercontent{width:980px; margin:0 auto;}
div#footer p{margin:0;padding:5px 10px; font-size:11px; text-align:left;}
div#footer a{display:inline;padding:0;}
.footleft { float:left; width:600px;}
.footright { float:right;}
/* border for images */
.border {border: 1px solid #666;}
.noborder { border:none;}
.noborderHire { border:none; margin-bottom:10px;}
.floatleft { float:left;}
.floatright { float:right;}
.listText{ float:left; width:198px; background-color:transparent; margin:2px 0px 2px 0px; }
.plusMinus{ float:right; border:none; background-color:transparent; padding-top:6px; display:inline; width:12px; height:12px;}
.orange { color:#FF9000;}
.thumbleft{margin-right:2px; margin-bottom:2px; border:1px solid #999999;}/* small thumbs with border and margins */
.thumbright{border:1px solid #999999; margin-bottom:2px;} /* small thumbs with border and margins */
.thumbwishlist { margin-left:10px; margin-right:10px; float:left; border: 1px solid #666;}
.marginleft { margin-left:10px; padding-bottom:10px;}
.marginright { margin-right: 10px;}
.smallfont { font-size:9px; padding-left:22px;}
.reportright {float:right; width:540px;}
.buttreport { margin-right:10px; float:right;}
.floatDate { float:left; width:470px; clear:left; background-color:transparent;}
.imagethumb{
width:55px;
height:34px;
margin:2px 1px 2px 1px;
padding:0px;
background-color:transparent;
float:left;
border:solid 1px #EBEBEB;
overflow:hidden;
}
.hideArray{
display:none;
}
.imagethumb .thumbnail
{
background-color:transparent;
float:left;
border:none;
overflow:hidden;}
.imagepaging{
width:220px;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
background-color:transparent;
text-align:left;
float:left;
}
.errormsgCentered {width: 730px;
background-color: transparent;
float:left;
color:#FF9000;
font:Arial;
font-size:12px;
padding: 0px 0px 2px 0px;
text-align:center;
}
.successmsgCentered
{width: 730px;
background-color: transparent;
float:left;
color:#FF9000;
font:Arial;
font-size:14px;
padding: 0px 0px 2px 0px;
text-align:center;
}
.buttonsubmit {
float: right;
width: 113px;}
.sideImgDesc{ width:237px; float:left; background-color:transparent; font-size:12px; color:#333; margin-bottom:5px; margin-top:5px;}
.paging{ width:730px; float:left; margin-top:10px;}
.clear{ clear:both;}
/*SITEMAP INFO*/
#sitemap{
background-color:transparent;
width:450px;
margin:10px 0px 0px 0px;
padding:0px 0px 20px 10px;
float:left;
font-size:12px;
}
#sitemap .rootnode{
background-color:transparent;
background-image:url('sitemaplink.png');
background-repeat:no-repeat;
background-position:bottom left;
width:300px;
height:15px;
margin:0px 0px 0px 0px;
padding:5px 0px 2px 20px;
float:left;
font-weight:bold;
}
#sitemap .subnode{
background-color:transparent;
background-image:url('sitemaplink.png');
background-repeat:no-repeat;
background-position:bottom left;
width:280px;
margin:0px 0px 0px 12px;
padding:2px 0px 2px 20px;
float:left;
}
#sitemap .subnode2{
background-color:transparent;
background-image:url('sitemaplink.png');
background-repeat:no-repeat;
background-position:bottom left;
width:280px;
margin:0px 0px 0px 24px;
padding:2px 0px 2px 20px;
float:left;
}
#sitemap .subnode3{
background-color:transparent;
background-image:url('sitemaplink2.png');
background-repeat:no-repeat;
background-position:bottom left;
width:280px;
margin:0px 0px 0px 36px;
padding:2px 0px 2px 20px;
float:left;
}
/*END SITEMAP INFO*/