body {
background-image:url(images/pagebg.gif);
background-repeat:repeat-x;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
padding-top: 0px;
text-align: center;
}
.inputmandatory{
background-color:#E2E9D8;
border:1px solid #999;
height:22px;
width:300px;
line-height: 22px;
}
.inputmandatorycolour{
background-color:#E2E9D8;
border:1px solid #999;
height:10px;
width:10px;
}
.inputmandatoryno{
border:1px solid #999;
height:18px;
width:300px;
}
div.addto {
float:right;
width: 370px;
padding:10px 0 5px 0;
}
div.addto span.drop {
float: left;
width: 200px;
text-align: right;
padding:1px 0 0 0;
font-size:11px;
}
div.addto span.button {
float: right;
width: 170px;
vertical-align:top;
}
#searchsmall {
float:right;
background-color:#00FF33;
text-align:right;
width:300px;
}
#login {
position:absolute;
left:auto;
right:auto;
color:#fff;
font-size:10px;
width:970px;
padding-top:5px;
text-align:right;
}
.inputboxsmall {
border: 1px solid #CCCCCC;
height: 12px;
}
#bread {
color:#fff;
width:970px;
background-color:#333;
padding:6px 0 6px 0;
border-bottom:1px solid #666;
font-size:11px;
text-align:left;
}
a.breadprod:link {
color: #fff;
text-decoration: none;
}
a.breadprod:visited {
color: #fff;
text-decoration: none;
}
a.breadprod:hover {
color: #fff;
text-decoration: underline;
}
a.breadprod:active {
color: #fff;
text-decoration: none;
}
a.search:link {
color: #0000FF;
text-decoration: underline;
}
a.search:visited {
color: #970000;
}
a.search:hover {
color: #FF0000;
text-decoration: underline;
}
a.search:active {
color: #0000FF;
text-decoration: underline;
}
a.whitelink:link {
color: #fff;
font-weight: normal;
text-decoration: none;
}
a.whitelink:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
}
a.whitelink:hover {
border-bottom: 1px solid #fff;
color: #fff;
font-weight: normal;
}
a.whitelink:active {
color: #fff;
font-weight: normal;
text-decoration: none;
}
a:link {
color: #333;
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #333;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #333;
font-weight: normal;
text-decoration:underline;
}
a:active {
color: #333;
font-weight: normal;
text-decoration: none;
}
div.detail {
background-color: #666;
background-image: url(images/assets/details.gif);
background-repeat: no-repeat;
color: #fff;
float: right;
font-size: 11px;
font-weight: bold;
margin: 9px 9px 9px 0;
padding: 2px 4px 2px 4px;
text-align: center;
vertical-align: bottom;
}
form#search {
display: inline;
float: right;
height: 22px;
padding: 45px 137px 0 0;
}
hr {
background: #999999;
border: 0;
border-top: 1px solid #CCCCCC;
height: 1px;
}
td.logocont{
background-image:url(images/power-tool-warehouse-c.gif);
background-position:right;
}
img.cart {
border: 0;
vertical-align: middle;
}
img.prod {
border: 0;
float: right;
padding: 10px 2px 0 0;
vertical-align: middle;
}
p,pre {
margin: 1.2em 0.8em 1.2em 1.2em;
}
/* SHOW HIDE FAQ DIV */
.faq{
width: 600px;
padding:0px 0px 0px 20px;
}
.faq img{ 
vertical-align:bottom; 
}
.faq span{
text-decoration:underline;
color:blue;
}
.off{
display:none; 
}
.on{
display:block;
padding:10px;
text-align:justify;
background-color:#F6F6EF; 
}
/* SHOW HIDE FAQ DIV */
span.price {
color: #990000;
font-size: 110%;
font-weight: bold;
}
span.smalltext {
color: #fff;
font-size: 10px;
}
span.formtext {
color: #000;
font-size: 10px;
}
#spanleft{
float: left;
font-size: 11px;
padding: 28px 0 0 20px;
text-align: left;
vertical-align: bottom;
width:457px;
margin-bottom:10px;
}
#spanright{
float: right;
font-size: 11px;
padding: 28px 28px 0 0;
text-align: right;
vertical-align: bottom;
width:457px;
}
#spanwide{
clear:both;
width:970px;
font-size: 12px;
text-align:center;
}
table.contact {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
td.gal{
border-bottom-color: #F0F0F0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #F0F0F0;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #F0F0F0;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #F0F0F0;
border-top-style: solid;
border-top-width: 1px;
color: #000000;
height: 160px;
letter-spacing: 0.5px;
line-height: normal;
padding: 10px 0px 10px;
text-align: center;
vertical-align: top;
}
td.galmain {
text-align: center;
}
td.imagetitle{
background-color: #EEEEEE;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
vertical-align: top;
}
td.normalsizetext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: normal;
}
td.prodcartdivider {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
height:12px;
}
td.smalltext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: top;
}
td.blacktext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}
.compdetails{
padding: 10px;
width: 200px;
}
.enquire {
padding: 0px 10px 5px 65px;
}
.frametop {
height: 61px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 970px;
}
.gobut {
margin-left: 4px;
margin-top: 2px;
}
.inputbox {
border: 1px solid #CCCCCC;
clear: right;
float: left;
height: 16px;
}
input.inpstyle{
background-color:#F3F3EF;
border-top:2px outset #666;
border-left:2px outset #666;
border-bottom:2px outset #cccccc;
border-right:2px outset #cccccc;
}
.prodcat {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
border-right:1px solid #D7D7DF;
float: left;
height: 206px;
padding: 10px 0 0 0;
text-align: center;
width: 209px;
}
.prodcatend {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
float: left;
height: 206px;
padding: 10px 0 0 0;
text-align: center;
width: 209px;
}
.miniprodcat{
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
border-right:1px solid #D7D7DF;
float: left;
height: 50px;
padding: 10px 0 0 0;
text-align: center;
width: 125px;
}
.miniprodcatend {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
float: left;
height: 50px;
padding: 10px 0 0 0;
text-align: center;
width: 125px;
}
.manuprodcat{
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
border-right:1px solid #D7D7DF;
float: left;
height: 75px;
padding: 10px 0 0 0;
text-align: center;
width: 125px;
}
.manuprodcatend {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
float: left;
height: 75px;
padding: 10px 0 0 0;
text-align: center;
width: 125px;
}
.specialprodcat {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
border-right:1px solid #D7D7DF;
float: left;
height: 200px;
padding: 10px 0 0 0;
text-align: center;
width: 315px;
}
.specialprodcatend {
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
float: left;
height: 200px;
padding: 10px 0 0 0;
text-align: center;
width: 315px;
}
.repeatboxes {
padding-bottom: 5px;
padding-top: 5px;
width: 137px;
}
.rightboxes{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: center;
width: 137px;
}
.rightboxesdelivery{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px 0 0 0;
width: 137px;
height: 136px;
background-image:url(images/deliverybgright.gif);
background-repeat:no-repeat;
text-align: center;
font-size:10px;
}
.rightboxes span.righttitle{
background-image:url(images/assets/righbg.gif);
background-repeat:no-repeat;
padding-top: 7px;
display: block;
font-size: 11px;
height: 20px;
text-align: center;
width: 135px;
margin-left: auto;
margin-right: auto;
}
#contentcenter {
float: left;
margin: 0px;
padding: 5px 0 0 0;
width: 631px; /*817*/
}
#contentcenter h1{
color: #333;
font-size: 1.6em;
font-weight: normal;
margin: 0.6em 0em 0.5em 0.7em;
}
#contentcenter h2{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 15px 0 15px 15px;
}
#contentcenter h3{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 8px 0 10px 10px;
}
h4{
color: #333;
font-size: 11px;
font-weight: normal;
margin: 8px 0 8px 0;
}
#contentcenter p{
font-size: 1em;
line-height: 1.5em;
}
#contentright {
float: left;
margin-top: 0px;
padding: 0 0 0 0;
width: 139px;
}
#contentwide {
float: left;
margin: 0px;
padding: 0px;
width: 970px;
background-color:#fff;
}
#contentwide em{
color:#CC0000;
font-size:11px;
font-style:italic;
}
#contentwide h1{
color: #333;
font-size: 1.6em;
font-weight: normal;
margin: 0.6em 0em 0.5em 0.7em;
}
#contentwide h2{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 5px 0 8px 10px;
}
#contentwide h3{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 8px 0 10px 10px;
}
#contentwide p{
font-size: 1em;
line-height: 1.5em;
}
#contentwidecheckout {
float: left;
margin: 0px;
padding: 0 0 0 14px;
width: 945px;
}
#contentwidecheckout h1{
color: #333;
font-size: 1.6em;
font-weight: normal;
margin: 0.5em 0em 0.5em 0.7em;
}
#contentwidecheckout h2{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 5px 0 8px 10px;
}
#contentwidecheckout h3{
color: #333;
font-size: 13px;
font-weight: bold;
margin: 8px 0 10px 10px;
}
#contentwidecheckout p{
font-size: 1em;
line-height: 1.5em;
}
#contentcenter li{
list-style-image: url(images/assets/liimage.gif);
padding: 1px 5px 5px 5px;
line-height:1.8em;
}
#footer{
height: 101px;
margin: 0 auto;
padding: 0;
width: 970px;
background-image:url(images/bgfooter.gif);
background-repeat:no-repeat;
color:#fff;
}
#frame{
background-image:url(images/assets/framebg.gif);
background-repeat:repeat-y;
margin: 0 auto;
padding: 0px;
text-align: left;
width: 970px;
}
#framehead {
margin-left: auto;
margin-right: auto;
width: 970px;
}
#contentleft {
color: #333;
float: left;
margin-top: 0px;
padding-top: 20px;
width: 200px;
}
#contentleft h2{
color: #333;
font-size: 1em;
margin: 10px 0 4px 0;
}
#navleft ul{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
#navleft a{
padding: 4px;
text-decoration:none;
display:block;
width: 192px;
font-size: 11px;
border-bottom:1px solid #e0e0e0;
line-height: 17px;
}
#navleft a:hover{
background-color:#EBEBEB;
color: #000000;
}
a.live{
background-color: #fff;
color: #000000;
}
#prodlayoutleft {
float: left;
text-align: center;
width: 349px;
}
#prodlayoutright {
float: left;
width: 252px;
background-image:url(images/prodlayoutvertdiv.gif);
background-repeat:repeat-y;
background-position:left;
padding-left:18px;
}
#prodlayoutright em, #contentcenter em{
font-size:10px;
font-style:normal;
}
#prodlayoutright p{
font-size:26px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
line-height:0px;
}
.listprice{
font-size:26px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
line-height:26px;
}
.qtybox{
margin: 6px 10px 0 0;
width:30px;
height:20px;
vertical-align:top;
}
label.qty{
float: left;
text-align: right;
margin: 10px 3px 0 0;
}
.pricetable {
width:250px;
padding:10px;
border-collapse:collapse;
}
.pricetable td{
padding:5px;
border:1px solid #ccc;
}
.addcart{
padding:0 0 0s 10px;
}
#prodlayoutbottom {
width: 610px;
background-image:url(images/dotshoriz.gif);
background-repeat:repeat-x;
background-position:top;
margin-left: auto;
margin-right: auto;
}
td.borderbott{
padding-bottom:10px;
padding-top:10px;
}
div.pricebox{
padding-left:70px;
}
div.special{
height:70px;
width:120px;
text-align:center;
padding-top:10px;
padding-right:8px;
}
div.price{
background-image:url(images/price-price.gif);
background-repeat:no-repeat;
height:70px;
width:120px;
text-align:center;
padding-top:47px;
padding-right:8px;
color: #fff;
font-weight: bold;
font-size:13px;
}
div.row span.left {
float: left;
text-align: left;
width: 39%;
padding-left:10px;
}
div.row span.right {
float: right;
text-align: right;
width: 39%;
padding-right:10px;
}
a.webdi:link {
color: #666;
font-weight: normal;
text-decoration: none;
font-size:10px;
}
a.webdi:visited {
color: #666;
font-weight: normal;
text-decoration: none;
font-size:10px;
}
a.webdi:hover {
border-bottom: 1px solid #666;
color: #666;
font-weight: normal;
font-size:10px;
}
a.webdi:active {
color: #666;
font-weight: normal;
text-decoration: none;
font-size:10px;
}
.tabslive .tabdivhide {
display:none;
}
.tabs {
}
.tabslive {
margin-top:1em;
margin-left:17px;
margin-right:20px;
}
ul.tabsnav {
margin:0;
padding:15px 0 0 10px;
border-bottom: 1px solid #778;
font-size:12px;
}
ul.tabsnav li {
list-style: none;
margin: 0;
display: inline;
}
ul.tabsnav li a {
padding: 4px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #EFEFEF;
text-decoration: none;
}
ul.tabsnav li a:link { color: #000000; }
ul.tabsnav li a:visited { color: #000000; }
ul.tabsnav li a:hover {
color: #000;
background: #DFDFDF;
border-color: #227;
}
ul.tabsnav li.tabsactive a {
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabsnav li.tabsactive a:hover {
color: #000;
background: white;
border-bottom: 1px solid white;
}
.tabslive .tabdiv {
border:1px solid #aaa;
border-top:0;
padding: 20px 30px 0 30px;
}
.tabslive .tabdiv h2 {
display:none;
}
.tabslive .tabdiv h3 {
display:none;
}
.tabslive#tab1 {
}
.tabslive#tab2 {
}
.tabslive#tab2 .tabdiv {
height:200px;
overflow:auto;
}
.cssnav {
font-size:11px;
text-align:center;
width:970px;
margin-left: auto;
margin-right: auto;
background-image:url(images/horiz-menu-bg.gif);
height:38px;
}
.cssnav ul {
padding:0;
margin:0;
list-style-type:none;
}
.cssnav ul ul {
width:194px;
text-align:left;
}
.cssnav li {
float:left;
width:194px;
position:relative;
}
.cssnav a, .cssnav a:visited {
display:block;
color:#fefefe;
line-height:38px;
width:194px;
}
.cssnav a:hover, .cssnav ul ul a:hover{
color:#fff;
background:#999999;
text-decoration:none;
background-image:url(images/horiz-menu-bg-hover.gif);
background-repeat:no-repeat;
}
.cssnav ul ul a, .cssnav ul ul a:visited {
background:#BFA036;
line-height:1em; 
padding:7px 10px; 
width:200px;
border-bottom:1px solid #333333;
}
.cssnav ul ul a:hover {
background:#999999;
}
.cssnav ul li:hover ul, .cssnav ul a:hover ul{
visibility:visible; 
}
.cssnav ul ul {
visibility:hidden;
position:absolute;
top:37px;
border-top:1px solid #CCCCCC;
}
.cssnav table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}
#featfade{
width:612px;
background-image:url(images/feature.gif);
background-repeat:no-repeat;
height:33px;
padding:12px 0 0 20px;
font-weight:bold;
color:#666666;
}
td.featfade{
width:612px;
background-image:url(images/feature.gif);
background-repeat:no-repeat;
height:33px;
padding:5px 0 0 14px;
font-weight:bold;
font-size:11px;
color:#666666;
}
a.catlink:link {
color: #0000FF;
font-weight: normal;
font-size:12px;
}
a.catlink:visited {
color: #666;
font-weight: normal;
text-decoration: none;
font-size:12px;
}
a.catlink:hover {
color: #990000;
font-weight: normal;
font-size:12px;
}
a.catlink:active {
color: #666;
font-weight: normal;
text-decoration: none;
font-size:12px;
}