body { margin:0px; padding:0px; font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; background-color:#84c347;}
img { border:none;}
.fltL { float:left;}
.fltR { float:right;}
span, h1, h2, h3, h4, h5, h6, ul, li { margin:0px; padding:0px;}
p { margin:0px; padding:0px;}
.clr { clear:both;}
a { color:#ffffff; text-decoration:none; outline:none;}
a:hover { color:#ffffff; text-decoration:none; outline:none;}
.hgt110{ height:110px;}
.hgt27{ height:27px;}
.hgt400{ height:400px;}
.colorW{ background-color:#FFFFFF;}
img#expando {position: absolute;display: none;z-index: 1;} 
.wide img#expando, .tall img#expando {display: block;} 
.wide img#expando{width: auto; height: 100%;} 
.tall img#expando {width: auto; height: 100%;}
.ie6fixed {position: absolute;top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;}
.wrapper{ position:absolute; width:100%; left:0px; top:0px; z-index:1;}
.mainContainer { width:980px; margin:0px auto; position:relative;}
#logomain #menumain #slidemain{ width:100%; float:left;}
#contentmain{ width:100%; float:left;}
#content{ width:940px; float:left; background-color:#FFFFFF; padding:20px 20px 20px 20px;}
.cont-lft{ width:485px; float:left;}
.cont-rgt{ width:275px; float:right; padding-right:50px;}
#slidemain{ width:100%; float:left; margin-bottom:7px;}
.logo{ width:450px; float:left; padding:23px 0px 0px 4px;}
.contactPhone{ width:200px; float:right; padding:5px 0px 5px 0px; text-align:right;}
.slideshow{ width:420px; float:right;}
.slideshow-lft{width:520px; float:left; padding:20px; height:360px;}
#gallery {position:relative;height:400px;overflow:hidden;}
#gallery a {float:left;position:absolute;}
#gallery a img {border:none;}
#gallery a.show {z-index:500}

#gallery .caption {z-index:600; background-color:#000; color:#ffffff; height:86px; width:100%; position:absolute;bottom:0;}
#gallery .caption .content {margin:11px 14px;text-align:left;font-size:14px;}
#gallery .caption .content h3 {margin:0;padding:0;color:#fff;font-size:20px;line-height:14px;}

.head-slide {margin:0;padding:0;color:#3b3b3b;font-size:20px;}
.feature-lft{ background:url(../images/bg-feature-lft.gif) no-repeat left top;}
.feature-midd{ background:#dd5b73;}
.feature-rgt{ background: url(../images/bg-feature-rgt.gif) no-repeat right top;}
.feature-div{ padding:13px;}
.div-width{ width:100%; float:left;}
.body-copy{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3b3b3b; text-decoration:none;}
.body-copy a{ color:#3b3b3b; text-decoration:underline;}
.body-copy a:hover{ color:#3b3b3b; text-decoration:none;}

.body-copy-arrow{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3b3b3b; text-decoration:none; background: url(../images/arrow.gif) no-repeat left top; padding:0px 0px 0px 13px;}
.body-copy-arrow a{ color:#3b3b3b; text-decoration:underline;}
.body-copy-arrow a:hover{ color:#3b3b3b; text-decoration:none;}

.white-copy{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; text-decoration:none;}
.white-txt a{ color:#ffffff; text-decoration:underline;}
.white-txt a:hover{ color:#ffffff; text-decoration:none;}
#footerlink{ width:940px; float:left; background:url(../images/bg-white.png) repeat left top; margin-top:7px; padding:20px 20px 20px 20px;}
/*h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#ffffff; text-decoration:none;}*/
.heading1{ color:#3b3b3b}
.heading2{ color:#fff}
/*h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3b3b3b; text-decoration:none;}*/
.copyright{ width:970px; float:left; background: url(../images/bg-copyright.png); padding:5px 5px; margin-bottom:85px;}
.copyright-txt{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#ffffff; text-decoration:none;}
.copyright-txt a{ color:#ffffff; text-decoration:underline;}
.copyright-txt a:hover{ color:#ffffff; text-decoration:none;}

#menu {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;margin:auto;font-weight:normal;}
#menu ul {margin:0;padding:0px 0px 0 0px;}
#menu li {list-style:none;list-style-type:none;margin:0px;padding:0px;float:left;}

#menu li:first-child { margin-left:4px;}
#menu li.home a {background:url("../images/homeleft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.home a span {display:block;background:url("../images/homeright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.home a:hover span {color:#FFF;}
#menu li.home a:hover {background-position:0% 0px;}
#menu li.home a:hover span {background-position:100% 0px;}

#menu li.product a {background:url("../images/producleft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.product a span {display:block;background:url("../images/producright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.product a:hover span {color:#FFF;}
#menu li.product a:hover {background-position:0% 0px;}
#menu li.product a:hover span {background-position:100% 0px;}

#menu li.stockists a {background:url("../images/sockleft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.stockists a span {display:block;background:url("../images/sockright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.stockists a:hover span {color:#FFF;}
#menu li.stockists a:hover {background-position:0% 0px;}
#menu li.stockists a:hover span {background-position:100% 0px;}

#menu li.services a {background:url("../images/serviceleft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.services a span {display:block;background:url("../images/serviceright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.services a:hover span {color:#FFF;}
#menu li.services a:hover {background-position:0% 0px;}
#menu li.services a:hover span {background-position:100% 0px;}

#menu li.media a {background:url("../images/medialeft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.media a span {display:block;background:url("../images/mediaright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.media a:hover span {color:#FFF;}
#menu li.media a:hover {background-position:0% 0px;}
#menu li.media a:hover span {background-position:100% 0px;}

#menu li.contact a {background:url("../images/contleft.png") no-repeat left top; margin:0;padding:0 0 0 8px;text-decoration:none; margin-right:3px;display:block;}
#menu li.contact a span {display:block;background:url("../images/contright.png") no-repeat right top; padding:7px 15px 6px 10px;color:#fff;}
#menu li.contact a:hover span {color:#FFF;}
#menu li.contact a:hover {background-position:0% 0px;}
#menu li.contact a:hover span {background-position:100% 0px;}
input{ width:150px; font-size:12px;}
select{ width:154px; font-size:12px;}
.dotline{ background:url(../images/dotline.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:20px;}
.star{color:#FF0000;}

.greyheading1{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#3b3b3b; text-decoration:none;}
.greyheading2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3b3b3b; text-decoration:none;}
.whiteheading1{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#fff; text-decoration:none;}