@charset "UTF-8";

/* CSS Document */

* { padding: 0; margin: 0; border: 0; font-family: Georgia, "Lucida Grande", Verdana, Arial, Tahoma, sans-serif; }

body, html { color: #000;  background: #fff; text-align: center; /*** Centers the design in old IE versions ***/ }
body { font-size: 70%; }

p { padding: 7px 0 7px 0; }

a { color: #375d3b; text-decoration:none; }
a:hover { color: #000; }

ul,li {list-style-type:none; }

h1, h2, h3, h4, h5 { font-weight: bold; padding-bottom: 5px; }
h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

img { border:0; }

.white { color:#FFF; }
a.white { color:#FFF; }

.blue { color:#375d3b; }
a.blue { color:#375d3b; }

.red { color: #375d3b; }
a.red { color:#C30; }

.clear { clear: both; }
.noborder { border: none 0px; }

#mainContainer { width: 960px; margin: 0 auto; min-height: 300px; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ }

* html #mainContainer { height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ }

.FCKMap {background:#FFF; border:1px solid #cccccc; padding:20px;}
.MapOuter {width:586px; background:#FFF; height:280px; border:1px solid #cccccc; padding:20px;}             
#Map {width:584px; background:#FFF; height:278px; border:1px solid #cccccc; }

.Row { padding: 4px 0 0 0; }
.RowLeft { width:60px; float:left; }
.RowRight { width:210px; float:left; }

.blur { color:#828282; }


/**************************
HOLDER
**************************/

.Holder { background: url(/Images/Header-Background.jpg) 0px -250px repeat-x #f5f5f5;   }


/**************************
CONTENT AND COLUMNS
**************************/
.outer { margin-top: 250px; /*** We need to add some space for our top menu ***/ padding-left: 300px; }

.inner { width: 655px; }

* html .inner { width: 100%; }

.float-wrap { float: left; width: 960px; margin-left: -300px;   /*** Same length as .outer padding-left but with negative value ***/ }

#content { float: left; width: 655px; background: #f5f5f5 url(/Images/MainBG.jpg) 0px 80px no-repeat; }

* html #content { position: relative; /*** IE needs this  ***/ }

.contentWrap {  background: url(/Images/Header-Background.jpg) 0px -250px repeat-x ; line-height:1.4em;  }

.contentWrap a { color:#375d3b; }
.contentWrap a:hover { color:#000; border-bottom: dashed 1px #375d3b;  }

.contentWrap h2, h3, h4, h5, h6 { font-size:1.2em; color:#333333; font-weight:bold;  }

.contentWrap h1 { font-size:20px; color:#333333; padding:38px 0 0 20px; height:45px; }

.contentWrap ul { margin: 0 0 0 25px; padding: 0px 0 0 10px; }
.contentWrap li { margin: 0 0 0 0px; padding: 4px 0 0 15px; list-style-type:square;}

.ContentPad { padding: 20px; line-height:1.8em;  }

.Bread { height:21px; background:url(/Images/Bread-BG.jpg) 0 0 repeat-x; border-left: 1px solid #bdbdbd; margin-left:20px; clear:both; }
.Bread ul { padding: 0 0 0 0; margin: 0 0 0 0; list-style-type:none;  height:21px; width:auto;  }
.Bread li { padding: 2px 15px 0 15px; margin: 0 0 0 0; height:19px; width:auto; list-style-type:none; display:block; float:left;background:url(/Images/Bread-Link-BG.jpg) 0 0 repeat-x;  }
.Bread li a { width:auto; height:21px; color:#000; }
.Bread li a:hover { color:#375d3b; border: 0 none; } 
.Bread li.BlankBread { background:url(/Images/Bread-Link-Right.jpg); width:4px; height:21px; display:block; padding:0;}
.Bread li.BlankEnd { background:url(/Images/Bread-Link-Right-End.jpg); width:4px; height:21px; display:block; padding:0;}

.ImageHold { padding:20px; background:#FFF; border:1px solid #c4c4c4; }
.ImageHold a:hover  { border: 0 none; }
.CatergoryImage a:hover  { border: 0 none; }

.MapOuter {width:566px; background:#FFF; height:280px; border:1px solid #cccccc; padding:20px;}             
#Map {width:564px; background:#FFF; height:278px; border:1px solid #cccccc; }

.Icons { width:17px; float:left; }


/**************************
Enquiry Form
**************************/

.Input { background:#FFF; border:1px solid #bdbdbd; height:23px; width:250px; padding:3px 5px 0px 5px; }
.TextArea { background:#FFF; border:1px solid #bdbdbd; padding:5px 5px 5px 5px; height:160px; width:250px; font-size:11px; font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif; }
.Submit {color:#000; display:block; padding:0px 0 0 0 ; text-align:center; width:257px; height:21px; background:url(/Images/EnquiryProduct.jpg) 0 0 no-repeat; border:none; }

.ContactFormLeft { width: 300px; float:left; }
.ContactFormRight { padding: 0 0 0 25px; width: 275px; float:left; }

.ContactFormTopLeft { padding: 0 0 0 25px; width: 275px; float:left; }
.ContactFormTopRight { padding: 0 0 0 25px; width: 275px; float:left; }


/**************************
Product
**************************/

.Product { line-height:1.8em;   }
.ProductContentLeft { width:255px; float:left; }
.ProductImage { width:215px;  }
.ProductImage img { border:1px solid #c4c4c4; }

.ProductContent { margin-left:15px; padding: 0px 0 0 0; width:340px; float:left; height:auto; display:block; }

a.EnquireProduct { color:#000; display:block; padding:0px 0 0 0 ; text-align:center; width:257px; height:21px; background:url(/Images/EnquiryProduct.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
a.EnquireProduct:hover { background-position: 0px -21px; color:#999; border: 0px none; }


.AdobeHold {line-height:1.4em; color:#666; }
.AdobeSymbol {width:40px; float:left;}
.AdobeText { width:210px; float:left; }

.PriceHold { font-size:1.6em; width:240px; float:left; display:block; }
.PriceHoldCat { font-size:1.4em; width:140px; float:left; display:block; text-align:right; }


/**************************
CATEGORY
**************************/

.Pagination { height:21px; border-left: 1px solid #bdbdbd; }
.Pagination ul { padding: 0 0 0 0; margin: 0 0 0 0; list-style-type:none;  height:21px; width:auto;  }
.Pagination li { padding: 2px 15px 0 15px; margin: 0 0 0 0; height:19px; width:auto; list-style-type:none; display:block; float:left; background:url(/Images/Bread-Link-BG.jpg) 0 0 repeat-x; border-top: 1px solid #bdbdbd; }
.Pagination li a { width:auto; height:21px; color:#000;  }
.Pagination li a:hover { color:#375d3b;  border: 0 none; } 
.Pagination li.BlankBread { background:url(/Images/Bread-Link-Right.jpg); width:4px; height:21px; display:block; padding:0;}
.Pagination li.BlankEnd { background: none; width:4px; height:21px; display:block; padding:0; border-left: 1px solid #bdbdbd; border-top: 0px none;}


.Catergory { background:#e8e8e7; border-top: 1px solid #fff;   }
.Catergory:hover  { background:#eaf3f6; }

.CatergoryImage { width:129px; float:left; }
.CatergoryImage img { border:1px solid #c4c4c4; }
.CatergoryContent { margin-left:15px; padding: 30px 0 0 0; width:420px; float:left; height:auto; display:block; }
.CatergoryContent h4 { height:25px; width:280px; float:left;}
.CatergoryContent h4 a { color:#000;}
.CatergoryContent h4 a:hover { color:#375d3b;}


/**************************
NEWS
**************************/

.News { background:#e8e8e7; border-top: 1px solid #fff; border-bottom: 1px solid #999999;   }
.News:hover  { background:#eaf3f6; }
.NewsContent { margin-left:15px; padding: 15px 0 15px 0; width:595px; float:left; height:auto; display:block; }
.NewsContent h4 { height:25px; padding-bottom:0; }
.NewsContent h4 a { color:#000;}
.NewsContent h4 a:hover { color:#375d3b;}

.NewsDate { color:#999; font-size:1.4em; }
.NewsContent a { color:#375d3b;}
.NewsContent a:hover { color:#000;  border-bottom: dashed 1px #375d3b; }

.NewsRightHold { border: 1px solid #ccc; width:220px; height:auto; background:#FFF; display:block; padding:10px; margin: 0 0px 0 0px; }
.NewsRightHold h6 {  font-size:1.1em; border-bottom: 1px #ccc solid; padding: 10px 0 5px 0px; margin: 0 ; font-weight:normal; width:220px; }
.NewsRightHold h6 a {color:#666;}
.NewsRightHold h6 a:hover {color:#375d3b; border: 0 none;  }

.NewsRightHold   a {  color:#375d3b; text-decoration:none; }
.NewsRightHold   a:hover {color:#555; border-bottom: dashed 1px #375d3b; }
.NewsRightHold .Date { height:20px;  color:#375d3b; padding: 4px 0 0 0px; border:0px none; }
.NewsRightHold p { padding: 0 0 20px 0;}

#Right .ViewMoreNews {background:url(/Images/View-More-BG.jpg) 0 0 no-repeat; height:17px; width:156px; display:block; margin: 0 0 0 70px; padding: 3px 0 0 0; text-align:center;}
#Right .ViewMoreNews  a {color:#666;}
#Right .ViewMoreNews  a:hover {color:#375d3b;  border-bottom: 0 none; }


/**************************
SLIDER
**************************/

.NewsScroller { background:#f5f5f5; } 
.NewsScrollerInner { height:260px; width:960px; margin:auto; text-align:left; }

.NewsScrollerInner h5 { padding-left:20px}
.NewsHold { border: 1px solid #ccc; width:920px; height:190px; background:#FFF; display:block; padding:10px 0 10px 0; margin: 0 20px 0 20px; }
div.scrollable { position:relative; overflow:hidden; width: 870px; height:190px;  }
#thumbs { position:absolute; width:20000em; clear:both; background:#FFF;  }
a.prev, a.next { margin-top:118px; }
#thumbs div { text-align:left; float:left; width:288px; height:188px; background:url(/Images/StylesHoldBG.jpg) bottom left repeat-x; color:#555; border-left:1px solid #dad9d9;border-top:1px solid #dad9d9;border-bottom:1px solid #dad9d9; cursor:pointer; }
#thumbs div.hover { background: none #eaf3f6;  }
#thumbs div.active { /*background-color:#fff;*/ cursor:default; }
#thumbs p { margin:0px 13px 5px 13px; font-size:1.0em; color:#555; text-align:left; line-height:1.4em; clear:both; }
#thumbs p a {  color:#375d3b; text-decoration:none; }
#thumbs p a:hover {color:#555;}

#thumbs img {margin:10px 10px 0px 10px; padding:5px 5px 12px 5px; background:url(/Images/StylesBg.jpg) 0 0 no-repeat; }
#thumbs h6 {  font-size:1.1em; border-bottom: 1px #ccc solid; padding: 10px 0 5px 5px; margin: 0 10px 0 10px; font-weight:normal; width:263px; }
#thumbs h6 a {color:#666;}
#thumbs h6 a:hover {color:#375d3b;}
#thumbs .Date { height:20px; width:263px; color:#375d3b; padding: 4px 0 0 13px; border:0px none; }

div.scrollable { float:left; }

a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:18px; background:url(/Images/left.png) no-repeat; float:left; margin:83px 3px; cursor:pointer; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; }
a.disabled { background-position:0px -36px;  }
a.disabled:hover { background-position:0px -36px;  }
a.next, a.nextPage { background-image:url(/Images/right.png); clear:right; }

div.navi { margin:auto; width:100px; height:20px; text-align:center; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Images/navigator.png) 0 0 no-repeat; cursor:pointer; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; }

.ViewMoreNews {background:url(/Images/View-More-BG.jpg) 0 0 no-repeat; height:17px; width:156px; display:block; margin: 0 0 0 756px; padding: 3px 0 0 0; text-align:center;}
.ViewMoreNews  a {color:#666;}
.ViewMoreNews  a:hover {color:#375d3b;}


/**************************
Right COLUMN
**************************/

#Right { float: right; width: 300px; padding: 0 0px 0 0; background: url(/Images/Header-Background.jpg) 0px -250px repeat-x ; min-height: 250px; line-height:1.5em; }
* html #Right { position: relative; height: 250px; }
.RightInner { background:url(/Images/Right-BG.jpg) 0 0 repeat-y; width:251px; margin:84px 5px 0 0px; padding: 0 20px 0 24px; }

#Right a { color:#375d3b; font-size:11px; }
#Right a:hover { color:#000; border-bottom: dashed 1px #375d3b; } 
#Right h6 a { color:#000; font-size:13px; padding: 0 0 5px 0px; }
#Right h6 a:hover { color:#375d3b; border: 0 none;  }
#Right .Services ul { padding:0px 0 0 0 ;  margin-right:0px; }
#Right .Services li { border-bottom: 1px solid #ccc; padding: 5px 0px 0 20px; height:20px; width:218px; background: url(/Images/Arrow.gif) 8px 9px no-repeat; }
#Right .Services li.noborder { border: none 0px; }
#Right .Services li a { color:#000; font-size:11px;}
#Right .Services li a:hover { color:#375d3b; border-bottom: dashed 1px #375d3b; }

.LatestProducts { background:#FFF; padding:10px; border:1px solid #c4c4c4; width:101px; float:left; margin: 5px 15px 0 0; }
.LatestProducts img { border:1px solid #c4c4c4; }
#Right .LatestProducts a:hover { border: 0 none; }

.Newsletter { background:#FFF; padding:10px; border:1px solid #c4c4c4; width:220px; }
.NewsletterHold { padding: 5px 0 0 0; }
.NewsletterHoldName  { padding: 0px 0 0px 0; height:33px; }
.NewsletterHoldLeft { float:left; width:164px; padding: 0 0 0 0px; }

#NewsletterNameInput { border-width: 1px 1px 1px 1px; border-style:solid; border-color:#999; padding:3px 0px 0px 5px; height:23px; width:207px; font-size:15px; color:#828282;}

#NewsletterInput { border-width: 1px 0px 1px 1px; border-style:solid; border-color:#999; padding:3px 0px 0px 5px; height:23px; width:158px; font-size:15px; color:#828282;}
#NewsletterButton { height:28px; background:url(/Images/Submit-BG.jpg) 0 0 repeat-x; width:50px; display:block; color:#FFF; }


/*************************
BANNER
**************************/

#Banner { margin: -250px 0 0 -960px; float: left; width: 950px; background: #fff url(/Images/Nav-Corners.gif) 17px 219px no-repeat ; height: 250px; color:#000; }
* html #Banner { position: relative;  /*** IE needs this  ***/ }
.Bannerinner { background: url(/Images/logo.jpg) 0px 45px no-repeat; width:960px;  height:250px; display:block;  }

.Logo {color:#000; font-size:24px; font-weight:bold; font-family: Georgia, "Lucida Grande", Verdana, Arial, Tahoma, sans-serif; width:340px; padding: 80px 118px 0 160px; text-align:left;  float:left; }
#Banner .Logo a {color:#000;}
.IndustrialSupplies {font-size:15px; color:#ebebeb;}
.Address { color:#999; font-size:13px; padding:5px 0 0 0; } 

.ContactDetails { width:342px; height: 214px; float:left; font-size:13px; color:#777; font-weight:normal; }
#Banner .ContactDetails h6 { color:#777; font-size:11px; border-bottom: 1px #CCC solid; padding: 10px 0 5px 5px; font-weight:normal; width:265px; }
#Banner .ContactDetails ul { padding:45px 0 0 0 ;  }
#Banner .ContactDetails li { border-bottom: 1px solid #CCC; padding: 10px 0px 0 20px; height:25px; width:290px; background:  url(/Images/Arrow.gif) 8px 15px no-repeat; }
#Banner .ContactDetails li.noborder { border: none 0px; }
#Banner .ContactDetails li a { color:#375d3b; font-size:13px;}
#Banner .ContactDetails li a:hover {  color:#000; border-bottom: dashed 1px #375d3b; }

.SearchHold { padding: 5px 0 0 0; }

.SearchHoldLeft { float:left; width:204px; padding: 0 0 0 5px; }
#SearchInput { border-width: 1px 0px 1px 1px; border-style:solid; border-color:#999; padding:3px 0px 0px 5px; height:23px; width:198px; font-size:15px; color:#375d3b;}
#SearchButton { height:28px; background:url(/Images/Submit-BG.jpg) 0 0 repeat-x; width:50px; display:block; color:#FFF; }

#Nav { height:36px; background:url(/Images/Nav-BG.jpg) 0px 5px repeat-x; margin:0 20px 0 20px; padding:0 ; }
#Banner .blur { color:#828282; }

/**************************
PAGE CONTROLS
**************************/

.PageControls { background:#f5f5f5; } 
.PageControlsInner { height:20px; width:960px; margin:auto; }
.PageControlsInner ul { padding: 0 0 0 18px}
.PageControlsInner li { width:67px; height:20px; display:block; float:left; }
.PageControlsInner li a { width:67px; height:16px; padding: 4px 0 0 0; color:#375d3b; display:block; background-image:url(/Images/PageControls.jpg); background-position: 0px -21px; background-repeat:no-repeat;  }
.PageControlsInner li a:hover { background-position: 0px 0px; color:#76797c; }
.PrintLinkMargin { margin: 0 0 0 5px; }


/**************************
Cart Options
**************************/
.simpleCart_shelfItem{}
.item_image {}
.item_name { display:none; }
.item_Description {}
.item_price { font-weight:bold; }
.item_thumb { display:none; }

a.item_add { float:left; color:#fff; display:block; padding:0px 0 0 0 ; text-align:center; width:100px; height:21px; background:url(/Images/OrderNow.gif); background-position: 0px 0px; background-repeat: no-repeat; }
a.item_add:hover { background-position: 0px -21px; color:#fff; border: 0px none; }

.CatergoryContent a.item_add { float: right; } 

.simpleCart_items {	clear:both;	padding: 20px 0 0 0;}

.cartHeaders {	display:none;}

.itemContainer { clear:both; border-top: 1px solid #CCC; height:auto; padding-top: 5px; }

.itemname {	float:left;	width:90px; padding-left:5px;}

.itemthumb {	float:left;	margin:0;	width:20px;	display:block;}

.itemQuantity {	float:left;	display:block;	width:15px;}
.itemQuantity input { background:none; border:none; width:15px;	height:17px; text-align:center;	color:#375d3b;	padding-top:3px;}
.itemQuantity input:focus {	outline:none;}

.itemincrement {	width:15px;	float:left;	display:block;}

.itemincrement a {	font-weight:bold; width:15px;	float:left;	text-align:center;	display:block; border:none 0;}
.itemdecrement a {	font-weight:bold; width:15px;	float:left;	text-align:center;	display:block; border:none 0;}
.itemincrement a:hover { border:none 0; }
.itemdecrement a:hover { border:none 0; }

.itemTotal{	font-weight:bold;	float:left;	width:50px; padding-left: 10px; }

#cartTotal{	font-weight:bold;}

.simpleCart_empty{	font-weight:bold;}
.simpleCart_checkout{	font-weight:bold;}
.simpleCart_total {	font-weight:bold;}
.simpleCart_quantity {	font-weight:bold;}

#GoogleCheckoutHold { text-align:center;}
#GoogleCheckoutHold a:hover { border:0px none;}

.TotalHold { padding: 4px 0 4px 0; margin: 9px 0 4px 0; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:1.2em; }


/**************************
FOOTER
**************************/

.FooterInner { clear:both ; text-align:center; }
#Footer { width: 960px; margin: 0 auto; text-align: left; color:#76797c; }
#Footer a { color:#375d3b; }
#Footer a:hover { color:#76797c; }

#Footer .FooterLeft { /*background:url(/Images/Footer-Left.jpg) 0 0 no-repeat;*/ padding: 24px 0 0 20px ; width:430px; height:auto; float:left; }
#Footer .FooterLeft ul { padding:10px 0 0 0 ; }
#Footer .FooterLeft li { border-bottom: 1px solid #c4c4c4; padding: 10px 0px 0 20px; height:30px; width:200px; background: url(/Images/Arrow.gif) 8px 16px no-repeat; }

#Footer .FooterLeft li.noborder { border: none 0px; }

#Footer .FooterLeft li a { color:#375d3b; font-size:16px;}
#Footer .FooterLeft li a:hover { color:#76797c; border-bottom: dashed 1px #375d3b; }

#Footer .FooterRight {/* background:url(/Images/Footer-Right.jpg) 0 0 no-repeat;*/ width:470px; height:auto; padding:20px; float:left; overflow:hidden;}

#Footer .FooterRight h6 { color:#76797c; font-size:18px; border-bottom: 2px #cccccc solid; padding: 0 0 5px 5px; }
#Footer .FooterRight ul { padding:10px 0 0 0 ; float:left; margin-right:15px; }
#Footer .FooterRight li { border-bottom: 1px solid #c4c4c4; padding: 5px 0px 0 20px; height:20px; width:200px; background: url(/Images/Arrow.gif) 8px 9px no-repeat; }
#Footer .FooterRight li.noborder { border: none 0px; }
#Footer .FooterRight li a { color:#375d3b; font-size:11px;}
#Footer .FooterRight li a:hover { color:#76797c; border-bottom: dashed 1px #375d3b; }

.RSSFeed {width:250px; height:28px; padding: 0 0 0 22px; }
.RSSFeed a { width: 215px; height: 20px; padding: 8px 0 0 35px; background: url(/Images/RSS-Feed.jpg) ; background-position: 0px 0px; background-repeat: no-repeat; display: block; }
.RSSFeed a:hover { background-position: 0px -28px; color:#76797c }