/* CSS Document */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 30px 0 30px 0; background: #ddddde; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 71%; color: #292929; }

h4 { margin: 15px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 160%; color: #001f98; font-weight: normal; }
h4.smallh4 { font-size: 120%; font-weight: bold; }
h5 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 120%; color: #ff7900; }
h6 { margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; color: #292929; }

.clear {clear: both;}
.block {display:block;}

a:link, a:visited { color: #001f97; text-decoration: none; font-weight: normal; }
a:hover, a:active { color: #001f97; text-decoration: underline; font-weight: normal; }

#flashcontent { margin-bottom: 8px; margin-top: 3px; }

#sitecontainer { width: 958px; margin: 0 0 0 18px; margin/**/:/**/ 0 auto; }

#printheaderlogo { display: none; }


/* Header */
#header { display: block; width: 958px; height: 105px; position: relative; padding-bottom: 1px; background: #ff7900 url(images/tophdr-repeat.gif) repeat-x 0 0; border-bottom:1px solid #fff;  }
#header .logohdr { float: left; width: 430px;  height:105px;  padding: 0; background:url(images/tophdr-repeat.gif) repeat-x 0 0; }
#header .topright { display: block; float: left;   height: 85px;  padding: 20px 23px 0 0; text-align: right; background: #ff7900 url(images/top-right-bg.gif) no-repeat top right; color: #FFFFFF; position:absolute; right:0; top:0; width:300px; }

.topright .hdrimg { position: absolute; top: 0; left: 0; }
.topright a:link, .topright a:visited { color: #FFFFFF; font-weight: normal; text-decoration: none; }
.topright a:hover, .topright a:active { color: #FFFFFF; font-weight: normal; text-decoration: underline; }

.topright form { padding: 0; margin: 12px 0 0 0; width: 250px; float: right; }
.topright input.string { border: 1px solid #cf8028; padding: 2px; width: 148px; width/**/:/**/ 142px; font-size: 90%; color: #555555; }
.topright .submit { margin-left: 1px; width: 65px; height: 18px; }
.topright td.loggedinas { padding-top: 15px; text-align:right; }

/* Navigation */
#navigation { display: block; clear: both; position: relative; width: 956px; width/**/:/**/ 949px; height: 38px; height/**/:/**/ 30px; padding: 8px 0 0 7px; border-left: 1px solid #cecece; border-right: 1px solid #cecece; background-color: #ffc27e; }

#navigation a:link, #navigation  a:visited { display: block; float: left; height: 23px; }

#distributorslogin { display: none; z-index: 9999; position: absolute; right: 0; top: 38px; width: 200px; width/**/:/**/ 188px; padding: 10px 0 6px 12px; background-color: #ffc27e; font-size: 90%; font-weight: bold; color: #d35825; }
#distributorslogin form { margin: 0; padding: 0; }
#distributorslogin input.box { width: 174px; width/**/:/**/ 170px; padding: 2px; font-size: 90%; color: #555555; background-color: #FFFFFF; border: 1px solid #ecb27f; margin-bottom: 2px; }
#distributorslogin input.submit { width: 57px; height: 18px; margin-top: 2px; }

#login { display: block; float: right; width: 156px; height: 23px; margin-right: 12px; }

#dannygreenstrip { width: 956px; height: 35px; border-left: 1px solid #cecece; border-right: 1px solid #cecece; }

/* Homepage */
#homecontainer { display: block; background: #ffffff url(images/homepage-content-curve.gif) no-repeat top right; width: 956px; width/**/:/**/ 942px; padding-left: 14px; border-left: 1px solid #cecece; border-right: 1px solid #cecece; padding-bottom: 60px; }

.welcometitle { margin: 47px 0 32px 0; }
.hpstatement { margin-top: 25px; }

.featureproduct { display: block; position: relative; float: left; width: 382px; margin: 12px 14px 0 0; background: url(images/hp-featureproduct-bg.gif) repeat-y top left; }
.featureproduct .featureheader { display: block; width: 382px; height: 177px; background: url(images/hp-featureproduct-hdr.jpg) no-repeat top left; }
.featureproduct .info { display: block; width: 382px; width/**/:/**/ 326px; padding: 0 30px 50px 26px; background: url(images/hp-featureproduct-base.gif) no-repeat bottom left; }
.featureproduct .professionalschoice { display: none; /* changed display:block to display:none for job#9453 */ width: 223px; height: 102px; position: absolute; top: 188px; left: 20px; }

.info ul { margin: 15px 0 15px 0; padding: 0; list-style: none; }
.info li { margin: 0 0 0 15px; padding: 3px 0 0; list-style-image: url(images/featureproduct-list.gif); }

.info a:link, .info a:visited { color: #001e97; text-decoration: none; font-weight: bold; }
.info a:hover, .info a:active { color: #001e97; text-decoration: underline; font-weight: bold; }

.info .smalllink { font-size: 90%; }

#hpmaincopy { display: block; float: left; width: 533px; }
#hpmaincopy .introtext { display: block; width: 525px; width/**/:/**/ 494px; padding: 0 20px 0 11px; line-height: 130%; }

.hpboxes { display: block; margin-top: 15px; width: 533px; margin-bottom: 10px; }
.hpboxes .left { display: block; float: left; width: 260px; margin-right: 6px; margin-bottom: 6px; }
.hpboxes .right { display: block; float: left; width: 260px; margin-bottom: 6px; }

.left .leftcopy { width: 260px; width/**/:/**/ 220px; height: 180px; height/**/:/**/ 146px; padding: 17px 20px 17px 20px; background: #ffdab2 url(images/leftcopy-bg.gif) no-repeat bottom; }
.right .rightcopy { width: 260px; width/**/:/**/ 220px; height: 180px; height/**/:/**/ 146px; padding: 17px 20px 17px 20px; background: #c4c8d9 url(images/rightcopy-bg.gif) no-repeat bottom; }

.left form { margin: 17px 0 0 0; padding: 0; text-align: center; }
.left select { width: 150px; font-size: 90%; }
.right form { margin: 5px 0 3px 0; padding: 0; }
.right input.fields { width: 130px; padding: 2px; font-size: 90%; color: #666666; border: 1px solid #a8adc5; }

.right a:link, .right a:visited { color: #001e97; text-decoration: none; font-weight: bold; }
.right a:hover, .right a:active { color: #001e97; text-decoration: underline; font-weight: bold; }

.headline { color: #a33d00; font-weight: bold; }
.headline2 { color: #001f97; font-weight: bold; }
.headline3 { font-size: 130%; color: #001f97; font-weight: bold; }

.hppromo { position:relative;clear: both; display: block; width: 526px; width/**/:/**/ 221px; height: 116px; height/**/:/**/ 101px; padding: 15px 20px 0 285px; clear: both; background: #FFFFFF url(images/promosbg.gif) no-repeat top left; cursor: pointer; }
.hppromo .copy { display: block; margin-bottom: 10px; }
.hppromo h3 { margin: 0 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #d86601; }
.hppromo .promoimage{position:absolute; top:8px; left:55px;}
.hppromo h3 a:link, .hppromo h3 a:visited { color: #d86601; text-decoration: none; }
.hppromo h3 a:hover, .hppromo h3 a:active { color: #d86601; text-decoration: none; }

.hppromo a:link, .hppromo a:visited { color: #d64810; text-decoration: none; font-weight: bold; }
.hppromo a:hover, .hppromo a:active { color: #d64810; text-decoration: underline; font-weight: bold; }




/* Homepage Video and Knowledge Area */

.bottomright { display: block; width: 533px; width/**/:/**/ 473px; height: 116px; height/**/:/**/ 96px; padding: 20px 0 0 60px; font-size: 90%; background: #FFFFFF url(images/promosbg.gif) no-repeat top left; }
.bottomright .video { display: block; float: left; width: 240px; width/**/:/**/ 215px; padding-left: 25px; border-left: 1px solid #ffc89f; text-align: left; }
.bottomright .didyouknow { display: block; float: left; width: 193px; width/**/:/**/ 173px; padding-right: 20px; margin-left: 10px; } 

.bottomright .followon { display: block; margin-top: 10px; padding-left: 15px; background: #FFFFFF url(../images/feature-arrow.gif) no-repeat top left; }
.bottomright h5 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #001e97; }

.bottomright a:link, .bottomright a:visited { color: #001e97; text-decoration: none; font-weight: bold; }
.bottomright a:hover, .bottomright a:active { color: #001e97; text-decoration: underline; font-weight: bold; }

.didyouknow .didyouknowtext { text-align: left; }




/* Internal Pages */
#container { display: block; background: #ffffff; width: 956px; border-left: 1px solid #cecece; border-right: 1px solid #cecece; padding-bottom: 60px; }
#container.shop { background: #ffffff url(images/homepage-content-curve.gif) no-repeat top right; }

#intcopy { display: block; width: 956px; width/**/:/**/ 925px; padding: 14px 15px 0 16px; }

#intcopy .leftcol { display: block; float: left; width: 183px; }
#intcopy .rightcol { display: block; float: left; width: 742px; width/**/:/**/ 718px; padding: 0 0 0 24px; background: url(images/rightcolbg.gif) repeat-y left; min-height: 200px; height:auto; }

/* for Internet Explorer */
/*\*/
* html .rightcol {
height: 200px;
}
/**/

#intcopy .rightcol .hppromo { margin-top: 21px; }

.fact_item { margin-top: 15px; margin-left: 40px; }

.leftcol h2 { margin: 10px 0 15px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #ff6000; }
.leftcol ul { margin: 0; padding: 0; list-style: none; width: 150px; }
.leftcol li { margin: 0 0 0 3px; width: 150px; padding: 7px 0 7px 0; list-style-image: none; background: #FFFFFF url(images/products-list-btm.gif) repeat-x bottom; }

.leftcol li ul { margin: 3px 0 0 15px; padding: 0; list-style: none; width: 135px; }
.leftcol li li { margin: 0; padding: 0; list-style-image: none; width: 135px; background: #FFFFFF; }

.leftcol li a:link, .leftcol li a:visited { display: block; width: 135px; width/**/:/**/ 120px; padding-left: 15px; color: #001f97; text-decoration: none; font-weight: bold; background: url(/images/products-list.gif) no-repeat 0px 3px; }
.leftcol li a:hover, .leftcol li a:active { display: block; width: 135px; width/**/:/**/ 120px; padding-left: 15px; color: #c33205; text-decoration: none; font-weight: bold; background: url(/images/products-list.gif) no-repeat 0px 3px; }

.leftcol li li a:link, .leftcol li li a:visited { display: block; color: #001f97; text-decoration: none; font-weight: normal; background-color: #FFFFFF; width: 135px; width/**/:/**/ 132px; padding: 3px 0 3px 3px; background-image: none; }
.leftcol li li a:hover, .leftcol li li a:active { display: block; color: #ff7900; text-decoration: none; font-weight: normal; background-color: #ffecd7; width: 135px; width/**/:/**/ 132px; padding: 3px 0 3px 3px; background-image: none; }
.leftcol li li.on { display: block; color: #ff7900; text-decoration: none; font-weight: normal; background-color: #ffecd7; width: 135px; width/**/:/**/ 132px; padding: 3px 0 3px 3px; }

.rightcol .breadcrumbs { display: block; position:relative; font-size: 90%; color: #5b5b5b; margin-bottom: 32px; }
.breadcrumbs .location { font-weight: bold; color: #c33205; }

.breadcrumbs a:link, .breadcrumbs a:visited { color: #5b5b5b; text-decoration: none; font-weight: normal; }
.breadcrumbs a:hover, .breadcrumbs a:active { color: #5b5b5b; text-decoration: underline; font-weight: normal; }

.rightcol .introcopy .text h2 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #ff7900; line-height: normal; }

.rightcol .categoryinfo { display: block; width: 718px; }
.categoryinfo .introcopy { display: block; position: relative; width: 718px; margin-bottom: 18px; }
.introcopy .categoryimage { display: block; float: left; width: 333px; }
.introcopy .text { display: block; float: left; width: 370px; width/**/:/**/ 330px; padding: 0 25px 35px 15px; }
.introcopy .productbrochure { position: absolute; bottom: -8px; right: 8px; height: 44px; height/**/:/**/ 33px; width: 362px; width/**/:/**/ 354px !important; padding: 21px 0 0 8px; background: #FFFFFF url(images/productbrochure-bg.gif) repeat-x top; font-weight: bold; color: #606060; font-size: 90%; }
.categoryinfo .subcats { display: block; width: 718px; }

.productbrochure a:link, .productbrochure a:visited { color: #606060; text-decoration: none; font-weight: bold; }
.productbrochure a:hover, .productbrochure a:active { color: #606060; text-decoration: underline; font-weight: bold; }

.category { display: block; float: left; width: 174px; height: 125px; margin-right: 5px; margin-bottom: 5px; }
.category .image { display: block; width: 174px; height: 101px; height/**/:/**/ 100px; padding-top: 1px; background: #FFFFFF url(images/cat-bg.gif) no-repeat top left; text-align: center; }
.category .title { display: block; width: 174px; width/**/:/**/ 149px; height: 24px; height/**/:/**/ 19px; padding: 5px 25px 0 0; background: #FFFFFF url(images/cat-title.gif) no-repeat top left; text-align: right; }

.title h5 { margin: 0; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 130%; color: #FFFFFF; font-weight: normal; }

.title h5 a:link, .title h5 a:visited { color: #FFFFFF; text-decoration: none; }
.title h5 a:hover, .title h5 a:active { color: #FFFFFF; text-decoration: none; }

.title a:link, .title a:visited { font-size: 110%; color: #FFFFFF; text-decoration: none; font-weight: normal; }
.title a:hover, .title a:active { font-size: 110%; color: #FFFFFF; text-decoration: none; font-weight: bold; }

#productheaders { display: block; position: relative; width: 718px; height: 78px; margin: 17px 0 17px 0; }
#productheaders h4 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 150%; color: #FFFFFF; font-weight: normal; }
#productheaders h3 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 200%; color: #FFFFFF; font-weight: normal; }

#productheaders .subsection { display: block; float: left; width: 650px; width/**/:/**/ 477px; height: 78px;  padding-left: 173px; }
#productheaders .subsectionproductinfo { display: block; float: left; width: 700px; width/**/:/**/ 527px; height: 78px; padding-left: 173px; }
#productheaders .subinfo { position: absolute; display: block; top: 0; right: 50px; width: 300px; height: 78px; color: #FFFFFF; }
#productheaders .subinfo .catunderline { text-decoration: underline; }

.displaying { display: block; clear: both; width: 696px; margin-right: 22px; padding: 17px 0 9px 0; text-align: right; font-size: 90%; color: #5b5b5b; }
.itemscontainer { display: block; width: 718px; padding-top: 5px; background: #FFFFFF url(images/items-bg.gif) repeat-x top; }
.itemsrow { display: block; width: 718px; padding: 5px 0 10px 0; background: #FFFFFF url(images/items-bg.gif) repeat-x bottom; }

.item { display: block; position: relative; float: left; width: 158px; margin-right: 20px; }
.image { display: block; text-align: center; width: 158px; height: 100px; }
.name { display: block; text-align: center; width: 158px; padding-top: 8px; }

.itemnew { z-index: 999; display: block; position: absolute; top: 0; left: 0; width: 47px; height: 32px; }

.name a:link, .name a:visited { color: #707070; text-decoration: none; font-weight: normal; }
.name a:hover, .name a:active { color: #707070; text-decoration: underline; font-weight: normal; }

#productdetails { display: block; margin: 15px 0 0 0; width: 718px; }
.productleft { display: block; float: left; margin-right: 10px; }
.productleft .backtolist { display: block; margin: 29px 0 0 0; padding-left: 7px; color: #fc7700; }
.productleft a:link, .productleft a:visited { color: #747474; text-decoration: none; font-weight: normal; }
.productleft a:hover, .productleft a:active { color: #747474; text-decoration: none; font-weight: bold; }

.productright { display: block; float: left; width: 300px; padding-top: 50px; margin-bottom: 20px; }
.productright .itemnum { font-weight: bold; color: #001e97; }
.productright h3 { margin: 9px 0 0 0; color: #001e97; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 160%; }
.productright .nameprice { display: block; width: 300px; position: relative; padding-bottom: 15px; }
.nameprice .price { display: block; position: absolute; bottom: 5px; right: 0;  padding: 0 10px 0 10px; font-size: 160%; color: #e46400; }

.productright ul { width: 300px; margin: 0 0 10px 0; padding: 15px 0 0 0; list-style: none; background: #FFFFFF url(images/items-bg.gif) repeat-x top; }
.productright li { padding: 3px 0; margin-left: 18px; list-style-image: url(images/details-list.gif); }

.productright .productbrochure { display: block; height: 44px; height/**/:/**/ 33px; width: 300px; width/**/:/**/ 292px; padding: 21px 0 0 8px; background: #FFFFFF url(images/productbrochure-bg.gif) repeat-x top; font-weight: bold; color: #606060; font-size: 90%; }

.productright .logoWrapper {float: left; margin: 0 1px;}
.productright .logoWrapper img {width: 300px; height: 80px;}

.accountsbar { display: block; float: right; width: 200px; height: 29px; background: #FFFFFF url(images/accountsbar-right.gif) no-repeat top right; padding-right: 5px; }
.accountsbar .myaccount { display: block; float: right; height: 29px; height/**/:/**/ 22px; padding: 7px 0 0 110px; background: #eae9e9 url(images/myaccount-bg.gif) no-repeat top left; width: 135px; }
.myaccount a:link, .myaccount a:visited { color: #606060; font-size: 110%; font-weight: bold; }
.myaccount a:hover, .myaccount a:active { color: #606060; font-size: 110%; font-weight: bold; }

.productright .avalableoptions { display: block; margin-bottom: 10px; width: 327px; width/**/:/**/ 303px; padding: 32px 12px 12px 12px; background: #eae9e9 url(images/availableoptions-title.gif) no-repeat top left; color: #606060; font-weight: bold; }
.avalableoptions form { margin: 0; padding: 0; }
.avalableoptions table { width: 100%; }
.avalableoptions td.left { width: 40%; }
.avalableoptions td.right { width: 60%; padding: 4px 0; }
.avalableoptions select.formselect { width: 100%; font-size: 90%; }

.recommendedothers { display: block; width: 718px; width/**/:/**/ 705px; height: 184px; height/**/:/**/ 172px; padding: 12px 0 0 13px; background: #FFFFFF url(images/recommendedothers.gif) no-repeat top left; margin-top: 25px; }
.recommendedothers h2 { margin: 0 0 6px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #df6000; font-size: 150%; }
.recommendeditems { display: block; width: 692px; height: 132px; background: #FFFFFF url(images/recommendeditems.gif) no-repeat top left; }

.showitem { display: block; float: left; width: 173px; height: 132px; }
.showitem .showimage { width: 173px; height: 100px; text-align: center; }
.showitem .showname { width: 173px; height: 32px; height/**/:/**/ 24px; text-align: center; padding-top: 8px; }

.recommendedothers a:link, .recommendedothers a:visited { color: #666666; text-decoration: none; font-weight: normal; }
.recommendedothers a:hover, .recommendedothers a:active { color: #666666; text-decoration: underline; font-weight: normal; }

/* Cart Pages */
.listcart { display: block; width: 718px; margin-bottom: 14px; }
.listcart .cartitemstitle { display: block; background: #FFFFFF url(images/cartitemstitle-bg.gif) no-repeat top left; width: 718px; height: 29px; margin-bottom: 14px; }
.listcart form { margin: 0; padding: 0; }
.listcart .cartbuttons { display: block; }
.cartbuttons .checkout { display: block; float: right; }
.cartbuttons a { margin-right: 10px; }

.cartitem { display: block; background: #FFFFFF url(images/items-bg.gif) repeat-x bottom left; padding: 0 0 14px 0; margin-bottom: 14px; }
.cartitem table { width: 100%; }
.cartitem td { vertical-align: top; }
.cartitem td.thumb { width: 110px; background: #FFFFFF url(images/rightcolbg.gif) repeat-y right top; }
.cartitem td.products { width: 342px; width/**/:/**/ 323px; padding-top: 10px; padding-left: 19px; color: #5d5d5d; background: #FFFFFF url(images/rightcolbg.gif) repeat-y right top; }
.cartitem td.qty { width: 101px; background: #FFFFFF url(images/rightcolbg.gif) repeat-y right top; text-align: center; padding-top: 10px; }
.cartitem td.total { width: 91px; background: #FFFFFF url(images/rightcolbg.gif) repeat-y right top; padding-top: 10px; color: #001e97; font-weight:bold; text-align: center; }
.cartitem td.remove { width: 74px; padding-top: 10px; text-align: center; }

.cartitem td.qty input.text { width: 30px; }
.cartitem td.products .itemtitle { font-weight: bold; color: #ff7800; padding-bottom: 8px; }

.carttotalprice { display: block; width: 718px; width/**/:/**/ 703px; height: 39px; height/**/:/**/ 27px; padding: 12px 15px 0 0; margin-top: 12px; background: #FFFFFF url(images/cart-totalprice-bg.gif) no-repeat top left; text-align: right; margin-bottom: 12px; }
.carttotalprice #carttotal { font-size: 110%; color: #e76800; font-weight:bold; }

.paymentform { display: block; }
.paymentform form { margin: 0; padding: 0; }

.paymentform .myorder { display: block; width: 718px; }

.myoder .orderheader { display: block; background: #FFFFFF url(images/payment-orderhdr.gif) no-repeat top left; width: 718px; height: 29px; font-weight: bold; color: #001e97; margin-bottom: 5px; }
.orderheader table { width: 100%; margin-top: 8px; }
.orderheader td.products { width: 437px; width/**/:/**/ 422px; padding: 0 0 0 15px; vertical-align: top; }
.orderheader td.qty { width: 128px; text-align: center; font-weight: bold; }
.orderheader td.total { width: 153px; text-align: center; font-weight:bold; }

.myoder .itemonorder { display: block; background: #FFFFFF url(images/items-bg.gif) repeat-x bottom left; padding: 5px 0; color: #5d5d5d; }
.itemonorder table { width: 100%; }
.itemonorder td.products { width: 437px; width/**/:/**/ 422px; padding: 0 0 0 15px; color: #5d5d5d; vertical-align: top; }
.itemonorder td.qty { width: 128px; text-align: center; font-weight: bold; }
.itemonorder td.total { width: 153px; text-align: center; font-weight:bold; }

.itemonorder td.products .itemtitle { font-weight: bold; color: #ff7800; padding-bottom: 2px; }

.paymentdetails { display: block; background: #f1f0f0 url(images/paymentdetails-bg.gif) repeat-y top left; margin-top: 20px; width: 718px; color: #5b5b5b; }
.paymentdetails table { width: 100%; }
.paymentdetails td { vertical-align:top; }
.paymentdetails td.left { width: 346px; width/**/:/**/ 310px; padding: 0 10px 0 26px; }
.paymentdetails td.right { width: 372px; width/**/:/**/ 325px; padding: 0 26px 0 21px; }

.paymentdetails td.right input.text { width: 155px; }
.paymentdetails td.right td { vertical-align: middle; padding: 3px 0; }

.paymentdetails .title { font-weight: bold; color: #001e97; padding-bottom: 8px; }
.paymentdetails .paymenttype { font-weight: bold; color: #ff7800; padding-bottom: 6px; }
.paymentdetails .indent { display: block; padding-left: 22px; }

.paymentdetails td.left table { width: 310px; }
.paymentdetails td.left td.addressinfo { width: 155px; vertical-align: top; }
.paymentdetails td.left td.addresschange { width: 155px; vertical-align:bottom; text-align:right; }
.paymentdetails .billingaddress { display: block; padding-bottom: 17px; margin-bottom: 15px; background: #f1f0f0 url(images/items-bg.gif) repeat-x bottom left; }

.shippinginfo { display: block; margin-top: 25px; color: #5b5b5b; }
.shippinginfo table { width: 100%; }
.shippinginfo td { vertical-align: top; }
.shippinginfo td.left { width: 346px; width/**/:/**/ 302px; padding: 0 26px 0 18px; }
.shippinginfo td.right { width: 372px; width/**/:/**/ 325px; padding: 0 26px 0 21px; }
.shippinginfo .title { font-weight: bold; color: #001e97; padding-bottom: 8px; }
.shippinginfo .dottedbase { display: block; margin-bottom: 15px; background: #FFFFFF url(images/items-bg.gif) repeat-x bottom left; }
.shippinginfo .indent { position: relative; display: block; padding: 0 8px 17px 8px; }
.shippinginfo .titleorange { font-weight: bold; color: #ff7800; padding-bottom: 2px; }
.shippinginfo .price { text-align: right; font-weight: bold; color: #001e97; }
.shippinginfo td.right textarea.text { width: 325px; height: 65px; margin-top: 10px; }

.submitorder { color: #5b5b5b; display: block; width: 718px; width/**/:/**/ 340px; height: 54px; height/**/:/**/ 43px; padding: 11px 11px 0 367px; background: #FFFFFF url(images/order-submit-bg.gif) no-repeat top left; margin-top: 25px; }
.submitorder input.submit { display: block; width: 143px; height: 32px; }





/* Footer */

#footer { display: block; clear: both; width: 958px; height: 27px; height/**/:/**/ 21px; padding-top: 6px; background: #ddddde url(images/footerbg.gif) no-repeat top left; font-size: 90%; color: #FFFFFF; }
.footerleft { display: block; float: left; padding-left: 35px; }
.footerright { display: block; float: right; padding-right: 35px; }

#footer a:link, #footer a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
#footer a:hover, #footer a:active { color: #FFFFFF; text-decoration: underline; font-weight: normal; }





/** Additional Styles **/

.datatable table { width: 100%; }
td.wherearewe { padding: 10px 10px 10px 3px; width: 50%; }

.salesmember { padding-top: 10px; margin-bottom: 20px; }
.salesmember h5 { margin-bottom: 10px;  }
.salesmember table { width: 100%; margin: 5px 0px 8px 0;  }
.salesmember td.question { vertical-align: top; width: 20%; padding: 5px; }
.salesmember td.answer { vertical-align: top; width: 80%; padding: 5px 15px 5px 5px; }
.salesmember td div.noPhoto {width:91px; height:85px; }

/* these lines added by PE on 16/11/09 job #10084 */
.salesmember {float: left; width: 717px; border-top: 1px solid black; border-bottom: 1px solid black; padding: 15px 0;}
.salesmember a.locationselector {color: #c33205; font-weight: bold; font-size: 110%; margin: 0 11px 0 0; display: block; width: 45%; float: left;}
.salesmember td.img { vertical-align: top; padding: 11px 15px 5px 12px; }
.salesmember td span {margin: 0 0 0 4px;}

.team_member {background: #fff6ec; border-bottom: 8px #fff solid; padding: 0; margin: 0;}
.team_member_alt {background: #fff0df;}
/*end changes*/

.searchform { margin-bottom: 20px; }
.searchresulttop { display: block; padding-bottom: 4px; border-bottom: 1px dashed #cccccc; font-size: 110%; margin-right: 20px; }
.searchresulttop a { font-weight: bold; }
.searchresultproduct{color: #ff7900; text-decoration: none; font-weight: normal; background-color: #ffecd7; }
.searchresultbtm { display: block; padding-top: 4px; margin-bottom: 15px; margin-right: 20px; }
.searchresultbtm a:hover,a:active{text-decoration:none;}
.nopage { color: #999999; }

/* news Listing */
.newslisting { padding-bottom: 20px; width: 635px; }
.newslisting .thumbnail { float: left; width: 80px; }
.newslisting .newsright { float: left; width: 555px; }

.thumbnail .thumbbox { border: 1px solid #e2dfd9; width: 59px; height: 59px; }
.thumbnail .thumbbox img { border: 1px solid #FFFFFF; width: 57px; height: 57px; }

.newsdate { color: #AAAAAA; font-size: 90%; }
.newsdatepage { color: #AAAAAA; padding-bottom: 4px; border-bottom: 1px dashed #bbbbbb; margin-bottom: 17px; }
.newsitemteaser { display: block; }
.newsitemteaser .newstitle { font-size: 110%; font-weight:bold; color: #001f97; }
.newsitemteaser .newsteaser { color: #292929; }
.newsitemteaser a:link, .newsitemteaser a:visited { color: #292929; text-decoration: none; }
.newsitemteaser a:hover, .newsitemteaser a:active { color: #292929; text-decoration: none; }

.newsitemteaser a:hover .newstitle { text-decoration: underline !important; }

.newsbacktolisting { color: #AAAAAA; margin-top: 17px; padding-top: 8px; border-top: 1px dashed #bbbbbb; }
.newsbacktolisting a { font-weight: bold; }

.loginmsg{color:red;display:none;}
.loginindicator{display:none;}

.imgright { float: right; padding: 0 0 20px 18px; }
.imgright img { border: 5px solid #ddddde; }


#checkoutThanks { padding-top: 30px; text-align: center; }




/** Form Styles Signup **/
form.formstyle { margin: 20px 0 0 0; border-top: 1px solid #e5e5e5; padding: 0 0 10px 0; }
input.formsubmit { margin-top: 20px; }
.formblock { padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; }
.formblock h4 { font-size: 110%; font-weight: bold; margin-top: 1px; margin-bottom: 10px; padding: 4px 0  4px 8px; background-color: #f6f6f6; }
.formblock td { text-align: left; padding: 2px 0 2px 0; }
.formblock td.label { width: 140px; padding-left: 8px; font-weight: bold; }
.formblock td input.text { width: 160px; font-size: 11px; color: #333333; }
.formblock td select { width: 164px; font-size: 11px; color: #333333; }


/** Quick Clips **/
.qclips { margin-top: 40px; color: #292929; }
.qclips table { width: 100%; }
.qclips th { width: 420px; width/**/:/**/ 411px; padding-left: 9px; text-align: left; border-bottom: 1px solid #d8d8d8; }
.qclips td { border-bottom: 1px solid #d8d8d8; }
.qclips td.size { width: 75px; color: #888888; }
.qclips td.viewnow { width: 79px; }
.qclips td.download { width: 105px; }

.qclips .qclipscat { font-size: 120%; font-weight: bold; color: #ff6000; }
.qclips .toprow { padding-bottom: 10px; }
.qclips .sizetitle { font-size: 10px; font-weight: bold; color: #888888; }
.qclips .downloadoptions { font-size: 10px; font-weight: bold; color: #888888; margin-left: 13px; }

.qclips td.viewnow a { display: block; width: 79px; height: 33px; height/**/:/**/ 23px; text-align: center; padding: 10px 0 0 0; font-weight: bold; color: #001f97; }
.qclips td.viewnow a:hover { color: #ff6000; text-decoration: none; }
.qclips td.download a { display: block; width: 105px; height: 33px; height/**/:/**/ 23px; text-align: center; padding: 10px 0 0 0; font-weight: bold; color: #001f97; background: url(images/qclips-divide.gif) repeat-y top left; }
.qclips td.download a:hover { color: #ff6000; text-decoration: none; }

#popupvideoclip { padding-left: 30px; }

#getflashplayer { margin-top: 30px; padding: 20px; border: 1px solid #f0f0f0; }
#getflashplayer a.afpbutton { display: block; width: 88px; height: 31px; float: left; margin-right: 20px; }


/** Sitemap Styles **/
#sitemap ul li a { font-weight: bold; font-size: 110%; }
#sitemap ul li a:hover { color: #952a32; }
#sitemap ul li ul {  margin-top: 5px; margin-bottom: 12px; margin-left: 35px; padding: 0; }
#sitemap ul li ul li { margin: 0; }
#sitemap ul li ul a { font-weight: normal; font-size: 100%; text-decoration: none; }
#sitemap ul li ul a:hover { color: #952a32; }
#sitemap ul li ul ul { margin-bottom: 10px; list-style-type: square; }


/** Category Brochures Styles **/
#categorybrochures ul { margin-top: 25px; }
#categorybrochures ul li { margin-bottom: 15px; }
#categorybrochures ul ul { margin-top: 2px; }

#categorybrochures a { font-weight: bold; }


/** Fact Cats Listing **/
.factcats { margin-top: 30px; width: 718px; width/**/:/**/ 668px; padding: 20px 25px; height: 135px; border: 1px solid #f7f7f7; }
.factcats h2 { margin-top: 0; }

ul#factcatslisting { list-style: none; margin: -10px 0 0 0; padding: 0; }

ul#factcatslisting li { display: block; float: left; width: 300px; margin: 6px 0 6px 0; }
ul#factcatslisting li a:link, ul#factcatslisting li a:visited { width: 300px; width/**/:/**/ 286px; color: #3c3c3c; font-weight: bold; padding: 0 0 0 14px; font-size: 110%; background: url(images/details-list.gif) no-repeat 0px 3px; }
ul#factcatslisting li a:hover, ul#factcatslisting li a:active { width: 300px; width/**/:/**/ 286px; color: #001f97; font-weight: bold; padding: 0 0 0 14px; font-size: 110%; background: url(images/details-list.gif) no-repeat 0px 3px; }


/* Products Detail Page - Application For Styes */
.divApplications { width: 330px; padding: 14px 0 0 7px; }
.divApplications h4.appHeading { color: #fe7800; margin: 0 0 5px 0; font-size: 110%; font-weight: bold; }
.divApplications span { font-size: 90%; }
#footer .kwdfooter { margin:0px;padding:0px;font-size:9px;color:#999999 !important;width:800px;font-weight:bold;}

#footer .kwdfooter:link, #footer .kwdfooter:hover, #footer .kwdfooter:active, #footer .kwdfooter:visited  { margin:0px;padding:0px;font-size:9px;color:#999999 !important;width:800px;font-weight:bold !important;}

/* Brochures */

.brochure a, a.pdf {background: url(images/icon-pdf.gif) no-repeat 0 0; display: block;  padding: 3px 0 3px 30px; font-size: 100%; color: #001f97; font-weight: bold;}
.brochure h3 {margin: 0 0 10px 0;}
.protective-headwear {background: url(images/brochure-title-protective-headwear.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.hearing-protection {background: url(images/brochure-title-hearing-protection.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.protective-eyewear {background: url(images/brochure-title-protective-eyewear.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.respiratory-gear {background: url(images/brochure-title-respiratory-gear.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.hand-protection {background: url(images/brochure-title-hand-protection.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.protective-workwear {background: url(images/brochure-title-protective-workwear.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.sun-protection {background: url(images/brochure-title-sun-protection.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.general-safety {background: url(images/brochure-title-general-safety-gear.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.company-activities {background: url(images/brochure-title-company-activities.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}
.the-name-behind-the-brand {background: url(images/brochure-title-the-name-behind-the-brand.gif) no-repeat; height: 34px; text-indent: -9999px; width: 258px;}

.brochure table td {padding: 10px 0;}

.brochure table {border-bottom: 1px dotted #bababa; padding: 0 0 10px 0;margin: 0 0 20px 0;}

/* Distributor centre */

.distributor-item {background: url(images/distrib-obj-bg.gif) no-repeat 0 0; width: 174px; height: 105px; float: left; margin: 0 5px 33px 0px;  padding: 20px 0 0 0; position: relative;}
* html .distributor-item  {margin-right: 4px;}
.distributor-item h4 {position: absolute; bottom: 0; right: 25px; color: #fff; font-size: 120%; font-weight: bold;}
.distributor-item img {margin: 0 0 0 20px}

.distributor-item label.checkbox_checked {background: #ff7900 url(images/tick.gif) no-repeat 2px 2px;	border: 1px solid #fff;	display: block;	margin: 8px 0 0 9px; padding: 0; width: 15px; height: 15px;}
.distributor-item label.checkbox_unchecked {background: #ff7900; display: block; border: 1px solid #fff; margin: 8px 0 0 9px;	padding: 0; width: 15px; height: 15px;}

\ html .distributor-item label.checkbox_checked  {margin: 6px 0 0 9px;}
\ html .distributor-item label.checkbox_unchecked  {margin: 6px 0 0 9px;}
/*label.radio_checked {
	background: #fff url(bullet_green.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 25px;
}
label.radio_unchecked  {
	background: #fff url(bullet_white.png) no-repeat;	
	display: block;
	margin: 10px 0;
	padding-left: 25px;
}
*/


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {	position: absolute;	left: -9999px;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.accept {display: block;}
.accept a {color: #000; font-size: 110%; text-decoration: underline;}
.accept img {margin: 20px 0 0 0;}

.pagination {float: right; font-size: 110%; }
.pagination a {color: #000; text-decoration: none; margin: 0 0 0 5px;}
.pagination a.active, .pagination a:hover {color: #ff7900; text-decoration: underline;}

.error { font-weight: bold; color: red; }

/* Contact form */
.contactform { width:270px; }
.emailsent { font-weight: bold; color: #0f0; }
.contactform label {display:inline-block; width:80px; margin:10px 0; font-weight:bold;}
.contactform .wide {width:250px;}
.contactform select.wide {width:255px;}
.contactform textarea {vertical-align:baseline; margin-bottom:15px;width:255px;height:150px;}
.contactform cite {display:inline-block;margin-top:5px; color:#777;}

.contactlist {width:420px;margin:0;padding:0;}
.contactlist li {list-style:none; width:208px;float:left; margin-bottom:15px;}
.contactlist li h5 {margin:12px 0 5px;}
