/* broutek base css */

/*  generic styles
-----------------------------------------*/

/* -- undo browser defaults -- */

html {height: 100%;}
*{margin:0;padding:0;border:0;}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,legend {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

body{font:.8em/1.4em arial,verdana,sans-serif;text-align:center;padding:0;height: 100%;color:#333;}
h1 {font-size:1.8em;}
h2 {font-size:1.4em;color:#a0a0a0;margin:0 0 1em 0;font-weight:300;}
h2.title {padding-top:22px;position:relative;}



h2.title span {display:block;position:absolute;top:0;left:0;color:#666;font-size:.6em;font-weight:700;}
h3 {font-size:1.4em;margin:0 0 .8em 0;}
h4 {font-size:1.2em;margin:0 0 .8em 0;}
p{margin-bottom:1em;}
a{color: #0081c7;outline:none;}
a:visited{color:#666;}
a:hover{text-decoration:underline;}
blockquote {font-style:italic;}
hr {color:#ccc;height:1px;border-top:1px solid #ccc;padding:0;margin:20px 0 !important;}

/*  hack for IE (AU 2007)
-----------------------------------------*/

form {padding-bottom: 20px;}

/*  layout
-----------------------------------------*/

/* -- defaults-- */
#wrapper {position: relative;min-height: 85%;}
#wrapper, .footer-wrap, .promos {width:950px;text-align:left;margin:0 auto;}
.content-wrap {padding: 0;}
.left-col {float:left;width:190px;}
.mid-col {width:549px;margin:0 10px;float:left;min-height:200px;}
.right-col {float:right;width:190px;}
.half-col {width:45%;}



/* -- wide col pages -- */

#payment-content .left-col, #single-col .left-col {width:10px;border-width:0;}
#payment-content .mid-col, #single-col .mid-col {width:930px;margin:0;}
#payment-content .right-col, #single-col .right-col {width:10px;border-width:0;}

/* -- ondemand pages etc -- */
#rightAlign .left-col {width:10px;border-width:0;}
#rightAlign .mid-col {width:575px;margin:0 18px 0 0;}
#rightAlign .right-col {width:325px;}

/* -- login page -- */
#login-page .left-col,
#login-page .right-col,
.subscribe .left-col,
.subscribe .right-col {border-width:0;}
.new-account {
   margin-left:300px;
   margin-top: -150px;
}


/* -- header and header contents -- */

#header h1 {width:133px;height:54px;text-indent:-9999px;}
#header h1 a {display:block;width:133px;height:54px;background: url(/img/v2/broutek-logo.png) 0 0 no-repeat;}
#header p {font-family:"Times New Roman",serif;position:absolute;top:22px;left:136px;color:#666;}

#toolbar {position:absolute;top:0;right:0;}
#toolbar li {float:left;margin:0 0 0 6px;border-top:1px solid #e7e8e8;background: url(/img/v2/toolbar-bg.gif) 0 100% no-repeat;}
#toolbar li.loggedin {background:none;color:#797979;font-size:90%;padding-top:2px;margin-right:5px;}
#toolbar li a {display:block;background: url(/img/v2/toolbar-bg.gif) 100% 100% no-repeat;color:#797979;padding:2px 8px 4px 4px;margin:0 0 0 4px;font-size:85%;}
#toolbar li.loggedin a {display:inline;background:none;margin:0;padding:0;font-size:100%;text-decoration:underline;color:blue;}
#toolbar li a:hover {text-decoration:none;color: #0081c7;}
#toolbar li em {font-style:normal;padding:0 0 0 20px;margin:0 0 0 4px;background: url(/img/v2/shopping-cart.gif) -3px -3px no-repeat;}

/* -- navigation -- */


#navigation {background: url(/img/v2/navbar-bg.png) 0 0 no-repeat;width:950px;margin:0 0 12px 0;}
#navigation ul {float:left;margin:0 0 0 20px;width:635px;padding:0;height:47px;}
#navigation li {float:left;margin:0 2px;}
#navigation li.hover {background: url(/img/v2/navbar-hover.png) 0 0 no-repeat;} /* -- does this actually do any thing? there is no hover class - ok, it does by means of JS that adds the class - that good? -- */
#navigation li a {display:block;padding:0 15px 0 11px;height:46px;margin:0 0 0 4px;line-height:3.8;color:#666;}
#navigation li a:hover, #navigation li.hover a {color: #0081c7;background: #c8eef9 url(/img/v2/navbar-hover.png) 100% 0 repeat-x;text-decoration:none;}
#navigation form {float:right;width:260px;text-align:right;padding:0 10px 0 0;margin:14px 0 0 0;}
#navigation label {display: block;float:left;margin-left:8px;font-weight: 700;color: #cceffc;padding-bottom: 2px;}
#navigation legend {display: none;}
#navigation input#query {font-style:italic;width:180px;border: 0;background: transparent url(/img/v2/search-bg-input.gif) no-repeat 0 0;height:22px;float:left;padding:3px 2px 2px 2px;margin:0 0 0 15px;}
#navigation input#seasubmit {cursor:pointer !important;width: 30px;height:22px;border: none;border:0;float:left;}
#navigation input#seasubmit:hover {background:#e1e1e1;}



li.nav-news {}

#navigation li.current,
body.familiesLibrary #navigation li.nav-fam,
body.homePage #navigation li.nav-home,
body.onDemand #navigation li.nav-content,
body.resources #navigation li.nav-resources,
body.valuePacks #navigation li.value-packs
{background: transparent url(/img/v2/navbar-current.gif) 0 0 repeat-x;height:47px;}


#navigation li.current a, 
#navigation li.current a:hover,
body.familiesLibrary #navigation li.nav-fam a,
body.familiesLibrary #navigation li.nav-fam a:hover,
body.homePage #navigation li.nav-home a,
body.homePage #navigation li.nav-home a:hover,
body.onDemand #navigation li.nav-content a,
body.onDemand #navigation li.nav-content a:hover,
body.resources #navigation li.nav-resources a,
body.resources #navigation li.nav-resources a:hover,
body.valuePacks #navigation li.value-packs a,
body.valuePacks #navigation li.value-packs a:hover
{background: transparent url(/img/v2/navbar-current.gif) 100% 0 no-repeat;}

/* -- middle rounded corners-- */

h2.hd-cnr, h3.hd-cnr {margin:10px 0 0 0;background:url(/img/v2/grey-cnrs-mid.gif) top left no-repeat;}
.valuePacks h2.hd-cnr {margin:0;}
h2.hd-cnr.border-btm {border-bottom:1px solid #ccc;}
h2.hd-cnr span {margin:0 0 0 8px;font-size:.9em;padding:9px 5px 5px 5px;background:url(/img/v2/grey-cnrs-mid.gif) top right no-repeat;display:block;}
.column h2 span {margin:0 0 0 8px;font-size:.9em;padding:9px 5px 5px 5px;display:block;}
.mid-cnr {border:1px solid #ccc;border-width:0 1px;position:relative;}

   /* -- changes by Jose -- */

   .mid-cnr-top {margin:10px 0 0 0;background:url(/img/v2/grey-cnrs-mid.gif) top left no-repeat;}
   .mid-cnr-top span {margin:0 0 0 8px;height:4px;background:url(/img/v2/grey-cnrs-mid.gif) top right no-repeat;display:block;}

   /* -- resellers page -- */
   
   .column {width:174px;float:left;}


.mid-cnr.top-bdr {border-width:1px 1px 0 1px;background:url(/img/v2/family-packs-bg.jpg) top left no-repeat;min-height:160px;}
.mid-cnr p {margin:0 0 10px 0;}
.mid-cnr .padding {display:block;margin:0 10px;padding:8px 0;position:relative;}
.mid-cnr hr {margin:0 !important;padding:0 !important;}
.mid-cnr h3 {margin:8px 0 0 0;padding:0;font-weight:300;font-size:1.1em;}
.mid-cnr h3 strong {color:#a0a0a0 !important;}
.mid-cnr h3.rsll {margin: 0 0 0 12px;font-size:0.9em;font-weight:bold;} /* resellers page */
.mid-cnr h4.rsll {font-size:0.9em;color:#000;} /* resellers page */
.mid-cnr div.adr, mid-cnr div.vcard, div.vcard .url {font-size:0.9em;font-weight:300;} /* resellers page */
.dreseller {clear:left;} /* resellers page */

.mid-cnr-btm {margin:0 0 17px 0;background:url(/img/v2/grey-cnrs-mid.gif) bottom left no-repeat;}
.mid-cnr-btm span {margin:0 0 0 8px;height:4px;background:url(/img/v2/grey-cnrs-mid.gif) bottom right no-repeat;display:block;}
.mid-cnr .promo-img {margin:0 0 0 125px;display:block;}
p.subtext {color:#9e9e9e;font-size:.9em;}
.more {position:absolute;bottom:2px;left:10px;background:url(/img/v2/more-arrow.gif) bottom left no-repeat;display:block;padding:0 0 1px 26px;color:#666;font-size:1em;}


.main-promo {width:950px;background: #fff url(/img/v2/main-promo-bg-top.gif) 0 0 no-repeat;padding:4px 0 0 0;margin:0 0 10px 0;}

.main-promo-vict {width:950px;background: #fff url(/img/v2/promo-home-victaulic.jpg) 0 0 no-repeat;height:338px;}
.mid-vict {min-height:475px;}
.mid-vict h2 {display:none;}
.vict-link {position:absolute;display:block;height:50px;left:700px;text-indent:-9999px;top:395px;width:230px;}

.main-promo .mid {position:relative;border:1px solid #ccc;border-width:0 1px;min-height:475px;}
.main-promo .mid h2 {width:230px;height:230px;position:absolute;left:40px;top:40px;}
.main-promo .mid h2 a {width:230px;height:230px;text-indent:-9999px;display:block;background: url(/img/v2/revit-request-families.jpg) 0 0 no-repeat;}
.main-promo .btm {background: url(/img/v2/main-promo-bg-btm.gif) 100% 0 no-repeat;height:4px;}
.main-promo img {position:absolute;left:475px;top:20px;}

.narrow-promo {width:546px;border:1px solid #ccc;/*background: #fff url(/img/v2/narrow-split-promo-bg-top.gif) 0 0 no-repeat;*/padding:4px 0 0 0;margin:0 0 15px 0;}
.narrow-promo .mid {/*border:1px solid #ccc;border-width:0 1px;*/}
.narrow-promo .btm {/*background: url(/img/v2/narrow-split-promo-bg-btm.gif) 100% 0 no-repeat;height:4px;*/display:none;}

#value-packs h3 {font-weight:300px;}
#value-packs-table {width:100%;border-collapse: collapse;text-align:left;padding:10px 0;margin:0 0 20px 0;}
#value-packs-table th, #value-packs-table td {padding:4px;}
#value-packs-table tr.over {background-color:#c8eef9;}
#value-packs-table td.cart {background: url(/img/v2/shopping-cart.gif) 100% 0 no-repeat;padding:0 30px !important;}

/* -- .valuePacks page -- */
.divider {background: url(/img/v2/1px-ccc.gif) top center repeat-y;margin:0 0 10px 0;border-bottom:1px solid #ccc;}
ul.value-packs {margin:0 0 10px 0;}
ul.value-packs.padding {margin-bottom:20px !important;}

ul.value-packs li {padding:10px 0 0 110px;float:left;cursor:default;margin:0 0 0 10px;}
ul.value-packs li span {display:block;font-size:0.9em;}
ul.value-packs li span.pack-name {padding-top:10px;font-weight:600;}
ul.value-packs li span.credit-pack-price {padding-top:5px;font-size:0.8em;color:#8f8f8f;}

ul.value-packs li#vp5 {background: transparent url(/img/v2/pack-5.gif) 25px 17px no-repeat;}
ul.value-packs li#vp10 {margin-left:50px;background: transparent url(/img/v2/pack-10.gif) 25px 17px no-repeat;}
ul.value-packs li#vp20 {background: transparent url(/img/v2/pack-20.gif) 25px 17px no-repeat;}
ul.value-packs li#vp50 {margin-left:50px;background: transparent url(/img/v2/pack-50.gif) 25px 17px no-repeat;}

ul.value-packs li span.pack-available {margin-top: 10px;width:100px;color:#0082c8;line-height:1.2em;}

ul.value-packs li.last-row {padding:120px 0 0 0;width:32%;margin:0;}

ul.value-packs li#vp100 {background: transparent url(/img/v2/pack-100.gif) 30px 17px no-repeat;}
ul.value-packs li#vp100 span {padding:0 0 0 30px;}
ul.value-packs li#vp100 span.pack-name {}
ul.value-packs li#vp100 span.credit-pack-price {width:90px;line-height:1.3em;padding-top:5px;}

ul.value-packs li#vp200{background: transparent url(/img/v2/pack-200.gif) 30px 17px no-repeat;}
ul.value-packs li#vp200 span {padding:0 0 0 30px;}
ul.value-packs li#vp200 span.pack-name {}
ul.value-packs li#vp200 span.credit-pack-price {width:90px;line-height:1.3em;padding-top:5px;}

ul.value-packs li#vp500 {background: transparent url(/img/v2/pack-500.gif) 30px 17px no-repeat;}
ul.value-packs li#vp500 span {padding:0 0 0 30px;}
ul.value-packs li#vp500 span.pack-name {}
ul.value-packs li#vp500 span.credit-pack-price {width:90px;line-height:1.3em;padding-top:5px;}

ul.value-packs li#vpnote {display:block;float:none;clear:both;text-align:center;padding:20px 0 0 0;width:95%;}
ul.value-packs li#vpnote span {padding:0;color:#666;}

/* -- Products -- */

/* prds with advertising headers */
/* div.ads-top {position:relative;border-bottom:1px solid #ccc;} */
div.ads-top {position:relative;margin-top:18px;height:70px;}

div.ads-top.prd-nfo h2 {font-size:1.6em;font-weight:600;color:#000;}
.mnf-img {position:absolute;right:32px;top:0;}

/* -- Product info -- */
div.prd-nfo span.prd-nfo-brd, .sub-types {background: url(/img/v2/back-arrow.gif) 9px 5px no-repeat;padding:3px 0;display:block;}
div.prd-nfo span.prd-nfo-brd a, .sub-types a {display:block;font-size:0.85em; color:#666;margin-left:4px;padding-left:25px;}
div.prd-nfo span.prd-nfo-brd a .man, .sub-types a .sub-type {font-weight:600;}

div.prd-nfo h2 {margin-left:10px;font-size:1.2em;}
div.prd-nfo h3 {margin:0;padding:15px 60px 0;font-size:0.9em;font-weight:600;}
div.prd-nfo h4 {margin:0 10px;font-size:0.8em;padding-top:5px;}

div.prd-nfo ul {padding:0 60px 30px;}
div.prd-nfo li {font-size:0.85em;}
.fam-creds {padding:25px 0;display:block;font-weight:600;position:relative;}
.crdt {display:block;height:20px;text-indent:-9999px;width:20px;position:absolute;top:23px;left:50px;}
.crdt a {display:block;width:20px;height:20px;}
.c-1 {background: url(/img/v2/credit-icon_1.png) 0 0 no-repeat;}
.c-2 {background: url(/img/v2/credit-icon_2.png) 0 0 no-repeat;}
.c-3 {background: url(/img/v2/credit-icon_3.png) 0 0 no-repeat;}
.c-4 {background: url(/img/v2/credit-icon_4.png) 0 0 no-repeat;}
.c-5 {background: url(/img/v2/credit-icon_5.png) 0 0 no-repeat;}
.wht-ths {display:block;position:absolute;left:90px;top:25px;font-size:0.9em;}
.wht-ths a {color:#039;font-weight:300;}
.wht-ths a:hover {color:#666;}

div.prd-nfo ul li span.add-to-cart a {margin:0;}

div.prd-nfo .rvt-img, div.prd-nfo .rvt-img-mtp {position:absolute;top:70px;right:100px;background-color:#000;}
div.prd-nfo .rvt-img-mtp {height:100px;right:20px;}

   /* - width:100% in declaration below is given to support ie6 and opera - see http://www.quirksmode.org/css/clearing.html - */
div.dtl-prd-nfo {border-top:1px solid #ccc;overflow:hidden;padding-bottom:30px;width:100%;}
div.dtl-prd-nfo ul {padding:0 6px;}
div.dtl-prd-nfo ul li {float:left;font-size:10px;color:#666;padding-left:4px;}
div.dtl-prd-nfo ul li span {font-size:0.8;color:#000;font-weight:600;padding-right:4px;border-right:1px solid #666;}
html body .dtl-prd-nfo ul li  {
white-space: nowrap;
}

html body .dtl-prd-nfo ul li span {
font-size:1em;
}
/* -- Product comments -- */

.hd-prd-cmts {position:relative;margin:10px 0 4px;background:url(/img/v2/bg-hdr-cmts.png) top left no-repeat;border-bottom:1px solid #ccc;}
.hd-prd-cmts div.hdr-cmts {margin:0 0 0 8px;height:24px;background:url(/img/v2/bg-hdr-cmts.png) top right no-repeat;display:block;}

.hd-cmts, .cmts, .add-cmt {position:absolute;top:4px;display:block;color:#666;font-size:12px;}
.hd-cmts {left:10px;font-weight:600;}
.cmts {right:114px;padding-right:4px;margin-right:6px;border-right:1px solid #666;font-size:11px;}
.add-cmt {right:0;background:url(/img/v2/forward-arrow.png) 95% 2px no-repeat;}
.add-cmt a {display:block;padding-right:25px;margin-right:5px;}

.cmt-hdr {padding:8px 0 12px;background:url(/img/v2/cmt-icn.png) 10px center no-repeat;}
.usr-nme, .cmt-dte {padding:0 0 0 10px;margin-left:30px;border-left:1px solid #ccc;display:block;font-size:12px;line-height:13px;}
.usr-nme {font-weight:600;}
.cmt-dte {color:#aaa;}
.cmt-txt {padding:0 10px 30px;font-size:12px;border-bottom:1px solid #ccc;}

.ft-prd-cmts {position:relative;height:24px;margin:0;background:url(/img/v2/bg-hdr-cmts.png) left -4px no-repeat;border-bottom:1px solid #ccc;}
.ft-prd-cmts div.ftr-cmts {margin:0 0 0 8px;height:24px;background:url(/img/v2/bg-hdr-cmts.png) right -4px no-repeat;display:block;}





.sub-promo {width:950px;background: #fff url(/img/v2/sub-promo-bg.png) 0 0 no-repeat;color:#fff;margin:0 0 20px 0;}
.homePage .sub-promo {height: 130px;background: #fff url(/img/v2/sub-promo-homepage-bg.png) 0 0 no-repeat;margin: 8px 0 12px;}
.homePage .sub-promo .subpromolink {display: block;width: 950px;height: 130px;text-indent: -9999px;}
.homePage div.sub-promo div {display:none;}
.onDemand .sub-promo {height: 180px;background: #fff url(/img/v2/sub-promo-requestpage-bg.gif) 0 0 no-repeat;margin: 0px 0 20px;} /* fj */
.onDemand .sub-promo .subpromolink {display: block;width: 950px;height: 180px;text-indent: -9999px;} /* fj */
.onDemand div.sub-promo div {display:none;} /* fj */
.valuePacks .sub-promo {height: 180px;background: #fff url(/img/v2/sub-promo-familypackspage-bg.gif) 0 0 no-repeat;margin: 0px 0 2px;} /* fj 16 jan 08 */
.valuePacks .sub-promo .subpromolink {display: block;width: 950px;height: 180px;text-indent: -9999px;} /* fj 16 jan 08 */
.valuePacks div.sub-promo div,
.valuePacks div.sample-credits div {display:none;} /* fj 16 jan 08 and 25 apr 08 */
#.valuePacks .sample-credits {height: 108px;background: #fff url(/img/v2/sample-credits.png) 0 0 no-repeat;margin: 0px 0 20px;} /* 25 apr 08 */
.valuePacks .sample-credits {height: 108px;margin: 0px 0 20px;} /* 25 apr 08 */


.sub-promo .mid {position:relative;}
.sub-promo .btm {background: url(/img/v2/sub-promo-btm-bg.png) 100% 0 no-repeat;height:2px;}
.sub-promo ol {margin:0 0 0 190px;}
.sub-promo li {float:left;width:240px;border-right:0px solid #fff;min-height:170px;}
.sub-promo li.last {border:0;}
.sub-promo h4 {border-bottom:1px solid #fff;font-size:1.4em;font-weight:300;padding:0 0 8px 0;margin:16px 15px 8px 15px;font-family:"Trebuchet MS", verdana, sans-serif}
.sub-promo span {color:#c9eef9;display:block;font-weight:700;margin:20px 15px 0 15px;font-size:1.7em;font-family:verdana, sans-serif}
.sub-promo p {font-size:85%;margin:0 15px 8px 15px;line-height:1.2;}

.img-container {margin:0 0 20px 0;}

.manufacturers {z-index:1000;position:absolute;left:230px;bottom:0;}
.manufacturers li {float:left;height:43px;text-indent:-9999px;background: url(/img/v2/manufacturers-sprite.gif) 0 0 no-repeat;}
.manufacturers li a {display:block;height:43px;}
.manufacturers li.cummins {background-position: 0 0;width:85px;}
.manufacturers li.hattersley {background-position: -85px 0;width:93px;}
.manufacturers li.victaulic {background-position: -178px 0;width:66px;}
.manufacturers li.wartsila {background-position: -244px 0;width:47px;}
.manufacturers li.mcquay {background-position: -291px 0;width:88px;}
.manufacturers li.trox {background-position: -379px 0;width:86px;}
.manufacturers li.technik {background-position: -465px 0;width:65px;}

.management-team {}
.management-team dt {font-weight:700}
.management-team dt, .management-team dd {border-bottom:1px solid #ccc;padding:8px 0;display:block;width:90%;}
.management-team dd {padding:8px;}
.management-team img {float:left;margin:0 10px 10px 0;}
.management-team p {font-size:85%;}


.promos {margin: 8px 0 20px;}
.promos a {color: #333;}
.promos ul {position:relative;line-height:1.4;}
.promos li {position:relative;float:left;margin:0 6px;min-height:179px;}
.promos dl {display:block;padding-top:4px;min-height:170px;font-size:85%;}  
.promos li dt {font-size:1.3em;margin:12px 8px 0 19px;padding:0;font-weight:300;text-indent: -9999px;}
.promos li .copy {margin:0 8px 4px 19px;color:#666;text-indent: -9999px}
.promos li .linkcopy {margin:90px 0 0 19px; float:left;}
.promos li .linkcopy a {color: #666;padding-left: 22px;background:#fff url(/img/v2/promo-arrow-right.gif) 1px 0 no-repeat;}
.promos li.download .linkcopy a {background:#fff url(/img/v2/promo-arrow-down.gif) 1px 0 no-repeat;}
.promos li .btm {display:block;height:4px;position:absolute; bottom:0;left:0;}
.promos li .more {position:absolute; bottom:8px;right:12px;}
/* 4 cols: small = 1 col medium = 2 cols  */
.promos li.small, .promos li.small .btm {width:229px;background:#fff url(/img/v2/home-promos-bg-sprites.gif) 0 0 no-repeat;} 
.promos li.small .btm {background-position:0 100%;}
.promos li.medium, .promos li.medium .btm {width:469px;background:#fff url(/img/v2/home-promos-bg-sprites.gif) -232px 0 no-repeat;} 
.promos li.medium .btm {background-position:-232px 100%;}
.promos li.first {margin-left:0;}
.promos li.last {margin-right:0;}
.promos li.value-pack dl {background: url(/img/v2/promo-home-value-pack.jpg) 10px 2px no-repeat;}
.promos li.request dl {background: url(/img/v2/promo-request.jpg) 4px 2px no-repeat;}
.promos li.request dd.copy {width:191px;}
.promos li.payment dl {background: url(/img/v2/promo-payment.jpg) 2px 1px no-repeat;}
.promos li.download dl {background: url(/img/v2/promo-download.jpg) 10px 2px no-repeat;}

#breadcrumb {font-size:.9em;margin:0 0 15px 0;}
#breadcrumb a, #breadcrumb a:visited {color: #0081c7;}

/* -- footer and footer contents -- */
#footer {background: #f5f5f5 url(/img/v2/footer-bg.gif) 0 0 repeat-x;min-height:180px;position: relative;margin:30px 0 0;padding:10px 0 0 0;font-size:.8em;}
#footer a {color:#666;}
#footer .footer-wrap {background: url(/img/v2/footer-logo.gif) 0 6px no-repeat;padding:0 0 0 20px;}
#footer ul {border-left:1px solid #ccc;}
#footer li {float:left;}
#footer ul.footer-links {width:660px;float:left;padding:6px 0 40px 10px;}
#footer ul.footer-links li {padding:0 8px;margin:0;background: url(/img/v2/footer-links-div.gif) 100% 5px no-repeat;}
#footer ul.footer-links li.no-bg {background:none;}
#footer ul.footer-toolbar li {float:none;clear:both;padding:0 0 5px 34px;}
#footer ul.footer-toolbar {width:230px;float:right;padding:6px 0 0 8px;}
li.newsletter {background: url(/img/v2/icons-sprites.gif) 0 -2px no-repeat;}
li.advertise {background: url(/img/v2/icons-sprites.gif) 0 -30px no-repeat;}


#login-page #loginbox {}

/*  misc and resuables
-----------------------------------------*/
/* -- buttons -- */

ul li span.add-to-cart {width:105px;height:32px;text-indent:-9999px;display:block;}
ul li span.add-to-cart a {display:block;width:105px;height:32px;background: url(/img/v2/cart_add-to-cart.gif) 0 0 no-repeat;margin-top:18px;}



/* -- form defaults -- */
.default-form input.text {color:#666;font-size:.9em;}
.default-form input.darktext {color:#000;}
.default-form label {font-weight:700;display:block;margin:0 0 .2em 0;color:#000;}
.default-form legend {font-weight:700;margin:0 0 1em 0;color:#006bcb;}
.half-col fieldset {border:1px solid #eee;padding:0 10px 10px 10px}
.textarea-wide {width:500px}
form li {margin:0 0 1em 0;}
form li input, textarea, select {border:1px solid #ccc;color:#333;font-family:arial;}
input.checkbox {border:0 !important;}
textarea {font-size:.9em}
input[type="button"], input[type="submit"] {text-align:center !important;background:#0087cc;cursor:pointer; font-size:1em;font-weight:700;color:#fff;padding:4px 6px;}

ul.icons {margin:0 10px 20px 0;font-size:85%;}
ul.icons li {margin:0 0 2px 0;}
ul.icons li a {display:block;color:#666;padding:6px 0 8px 40px;background: url(/img/v2/color-icons-sprite.png) 0 0 no-repeat;}
ul.icons li.clients a {background-position:0 -48px;}
ul.icons li.resellers a {background-position:0 -155px;}
ul.icons li.value a {background-position:0 -82px;}
ul.icons li.resources a {background-position:0 -224px;}
ul.icons li.request a {background-position:0 -11px;}
ul.icons li.request a:hover {background-position:0 -310px !important;}
ul.icons li.clients a:hover {background-position:0 -346px !important;}
ul.icons li.resellers a:hover {background-position:0 -453px !important;}
ul.icons li.value a:hover {background-position:0 -380px !important;}
ul.icons li.resources a:hover {background-position:0 -417px !important;}
ul.icons li.request.current a {background-position:0 -610px;}
ul.icons li.clients.current a {background-position:0 -646px;}
ul.icons li.value.current a {background-position:0 -680px;}
ul.icons li.resources.current a {background-position:0 -717px;}

.tool-tip {text-align:left;color: #fff;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: .9em;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(/img/v2/bubble.png) top left;}
.tool-text {font-size: .8em;padding: 4px 8px 8px;background: url(/img/v2/bubble.png) bottom right;}

.faqs {margin:0 0 20px 0;}
.faqs dt {font-weight:700;margin:0 0 8px 0;background: url(/img/v2/list-open.gif) no-repeat 0 1px;padding:0 0 0 22px;}
.faqs dt.current {background-image:url(/img/v2/list-close.gif)}
.faqs dd {margin:0 0 12px 0;padding:0 0 0 22px;}
.pointer {cursor:pointer}

.hide {position:absolute;left:-9999px;top:-9999px;}
.remove {display:none !important;}
.clear {float:none !important;clear:both !important;} /* this is a simple clear */
.floatleft {float:left !important;}
.floatright {float:right !important;}
.floatnone {float:none !important;}
.align-center {text-align:center;float:center;}
.align-right {text-align:right !important;}
.subtext {font-size:85%;}

/* -- sidebar --*/

ul.quotes, ul.side-promos{font-size:85%;margin:0 0 20px 10px;}


.side-promos h4, .side-promos p {margin:0 0 .2em 0;}
ul.side-promos li {margin:0 0 20px 0;}
.right-col .side-bar {width:190px;margin:10px 0 17px 0;}
.valuePacks .right-col .side-bar {margin-top:0;}
.side-bar h4.sd-hd {border-bottom:1px solid #ccc;margin:0;padding:0;font-size:.9em;background:url(/img/v2/grey-cnrs-mid.gif) top left no-repeat;}
.side-bar h4.sd-hd span {margin:0 0 0 5px;padding:7px 5px;background:url(/img/v2/grey-cnrs-mid.gif) top right no-repeat;display:block;}
.side-bar .right-cnr {display:block;border:1px solid #ccc;border-width:0 1px;font-size:85%;}
.side-bar hr {margin:0 !important;padding:0;}
.side-bar ul, .side-bar p {margin:0 8px 8px 8px;padding:8px 0 0 0;}
.last {margin-bottom:0 !important;}
.side-barbtm {background:url(/img/v2/grey-cnrs-mid.gif) bottom left no-repeat;}
.side-barbtm span {margin:0 0 0 5px;background:url(/img/v2/grey-cnrs-mid.gif) bottom right no-repeat;display:block;height:10px;}

.customer-quotes blockquote {padding: 6px 0 0 0 !important;display:block;background:url(/img/v2/quote-box.gif) top left no-repeat;margin:0;}
.customer-quotes p {padding:0 10px;margin:0;font-size:85%;}
.customer-quotes p img {float:left;}
.customer-quotes-btm {background:url(/img/v2/quote-box.gif) bottom left no-repeat;height:30px;margin:0 0 10px 0;}


/*  styles from old site
-----------------------------------------*/

/* -- blog --*/
#wrapper.blog #content {width:615px;float:left;overflow:hidden;margin-right:20px;}
#wrapper.blog #content-inner {margin:0 10px;padding:15px 0;}
#wrapper.blog #right {width:250px;float:left;padding:0 0 15px 0;border-left:1px solid #ccc;}
#wrapper.blog #left {width:10px;float:left;}



/* ======================= posts, comments and blog specific styles */
#wrapper.blog #content-inner h2.pagetitle, #content-inner.single .post h2 {margin:0 0 10px 0;}
#wrapper.blog #content-inner h2 a {text-decoration:none;}
#wrapper.blog #content-inner h2 a:hover {text-decoration:underline;}
#wrapper.blog #content-inner .latest-posts {}
#wrapper.blog #content-inner .older-posts {overflow: hidden; border-bottom: 1px dotted #ccc;}
#wrapper.blog #content-inner .latest-posts h2, #wrapper.blog #content-inner .older-posts h2 {margin: 0;}
#wrapper.blog #content-inner .latest-posts .entry {padding: 17px 0 3px;} 
#wrapper.blog #content-inner .older-posts .entry {padding: 10px 0 0;} 
#wrapper.blog #content-inner .first-post {margin-bottom:30px;}
#wrapper.blog #content-inner .post {margin-bottom:10px;}
#wrapper.blog #content-inner.home .post {width:177px;margin-left:8px;margin-right:8px;float:left;font-size:.9em;}
#wrapper.blog #content-inner .post h2 {font-size:1.2em;}
#wrapper.blog #content-inner.single .post h2 {font-size:1.6em;}
#wrapper.blog #content-inner p {margin:0 0 .8em 0;}
#wrapper.blog #content-inner .older-posts p {margin:0;}
#wrapper.blog #content-inner p.caption {clear:both; color: #808080;}
#wrapper.blog #content-inner p.quote {clear:both;margin:10px 30px 30px;color: #808080;font-size:1.3em;font-weight:600;}

.postmetadata, .navigation {border:1px solid #ccc;padding:10px 0;border-width:1px 0;margin:10px 0;text-indent:8px;font-size:.8em;font-weight:700;}
.latest-posts .postmetadata, .latest-posts .navigation {border:1px dotted #ccc;padding:10px 0;border-width:1px 0;margin:10px 0;text-indent: 0; text-align: center;font-size:1em;font-weight:normal;background-color: #eee;}
.older-posts .postmetadata, .older-posts .navigation {border: none; padding: 0; margin: 0; text-indent: 0; font-size: 1em; line-height: 2em; font-weight: normal;}
/* .postmetadata {text-indent:0;padding:10px 4px;} */
.navigation {margin:0 0 20px 0;border:0;}
.first-post img, .post img {float:left;margin:8px 12px 12px 0;border:1px solid #eee;}

#wrapper.blog #right h2 {border-bottom:1px #444 solid;padding:0 0 3px 0;margin:0 0 10px 0;font-size:1em;}
#wrapper.blog #right ul {margin:0 10px 20px 10px;}
#wrapper.blog #right input#s {padding:1px;border:1px solid #ccc;color:#333;}

h3#comments, h3#respond {font-size:1em;}
.commentlist {font-size:.9em;}

/* -- plain text formatting for t and cs etc-- */

#plain-text {text-align:left;}
#plain-text p, #plain-text ul, #plain-text address, #plain-text ol.roman {margin-bottom:1em;}
#plain-text ol li, #plain-text ul li {margin-bottom:.7em;}
#plain-text ul, #plain-text ol {margin-left:40px;}
#plain-text ul {font-size:12px;list-style:circle;}
#plain-text h2 {padding-bottom:10px;}
#plain-text h2, #plain-text h3 {margin-top:0;padding-top:0;}
#plain-text h4, #plain-text h5 {padding:0;font-size:12px;}
#plain-text ol {list-style:decimal;font-size:12px;}
#plain-text ol ol {list-style:lower-roman;}
#plain-text ol.roman {list-style:lower-alpha;margin-left:20px;}


/* -- product results navigation -- */

#navpagebottom {text-align:center;}
#navpagecontainer .navpagelist, #navpagebottom .navpagelist{padding: 3px 0;margin-left: 0;border-bottom: 1px solid #999;font: bold 11px Verdana, sans-serif;}
#navpagebottom .navpagelist {margin:0 auto;}
#navpagecontainer .navpagelist li, #navpagebottom .navpagelist li{list-style: none;margin: 0;display: inline;}
#navpagecontainer .navpagelist li a {padding: 3px 0.5em;margin-left: 3px;border: 1px solid #eee;border-width:1px 1px 0 1px;background: #eee;text-decoration: none;}
#navpagebottom .navpagelist li a {padding: 3px 0.2em;margin-left: 2px;}
#navpagebottom .navpagelist li a.currentpage {color: #999;text-decoration:underline;}
#navpagecontainer .navpagelist li a:link { color: #999; }
#navpagecontainer .navpagelist li a:visited { color: #ccc; }
#navpagecontainer .navpagelist li a:hover{border: 1px solid #eee;border-width:1px 1px 0 1px;color: #333;background: #fff;}
#navpagecontainer .navpagelist li a.currentpage{color:#00adef;background: #fff;border: 1px solid #999;border-bottom: 1px solid #fff;cursor:default;}
.navpagelist li a, .navpagelist li a:visited {color:#0081c7;}
#navpagebottom .prev-page, #navpagebottom .next-page  {border: 1px solid #eee;border-width: 0 1px;}

/* -- metric/imperial heading -- */

#tax-measurement {width:190px;overflow:hidden;margin:10px 0 0 0;height:31px;}
#tax-measurement ul {list-style:none;width:190px;padding:0;}
#tax-measurement li {margin:0;border:0;float:left;width:95px;text-align:center;height:31px;background:url(/img/v2/tax-tabs.gif) 100% 100% no-repeat;overflow:hidden;}
#tax-measurement .imperial li {background-position:0 100%;}
#tax-measurement li.active {background-position:100% 0 !important;width:95px;}
#tax-measurement li.active a {border-left:1px solid #ccc;}
#tax-measurement a {display:block;color:#666;font-size:85%;text-decoration:none;line-height:3;height:31px;}


/* Turn off list bullets */
ul.mktree {font-size:85%;border: 1px solid #ccc;border-width:0 1px;width:188px;overflow:hidden;padding:8px 0;background:#f5f7f7;}
.mktreebtm {background:url(/img/v2/tax-btm.gif) bottom left no-repeat;height:8px;width:180px;}
.mktreebtm span {background:url(/img/v2/tax-btm.gif) bottom right no-repeat;height:8px;margin-left:10px;width:180px;display:block;}

ul.mktree  li { list-style: none; border-top:1px solid #f5f7f7;padding:4px 0 8px 0;}
/* Control how spaced out the tree is */
ul.mktree ul { margin:0; padding:0; }

   /* -- changes by Jose -- */

   /*ul.mktree ul ul, ul.mktree li { margin-left:6px; padding:0; }*/
   /*ul.mktree li {margin-left:6px; padding:0;}*/
   ul.mktree li {padding:0 0 0 0;}
   ul.mktree li.liBullet {margin-left:0; padding:0; }
   /*ul.mktree ul li.liBullet {margin-left:22px;}*/
   ul.mktree ul li.liBullet a {padding-left:28px;display:block;}
   ul.mktree ul li.liBullet a:hover {background-color:#eff4f6;text-decoration:none;}
   ul.mktree ul li#tnode_sel a {padding-left:0;}
   ul.mktree ul li#tnode_sel a:hover {background-color:none;}


ul.mktree a, ul.mktree  li .pcount, .pitems {font-weight:700;color:#666;}
ul.mktree  li a, ul.mktree  li a:visited {color:#666;}
.pitems .pcount {margin-right:8px;}
/* Provide space for our own bullet inside the LI */


   /* -- changes by Jose -- */

   /*ul.mktree  li .bullet {padding-left: 10px; }*/
   /*ul.mktree  ul li .bullet {padding-left: 6px; }*/
   ul.mktree span.bullet {display:none;}


/* Show bullets in the links, depending on the class of the LI that the links in */

   /* -- changes by Jose -- */

   /*ul.mktree  li.liOpen {background:#fff;border-bottom:1px solid #ccc; border-top:1px solid #eee;margin-left:-8px;padding:0 0 4px 14px;}*/
   ul.mktree li.liOpen {background:#fff;border-bottom:1px solid #ccc; border-top:1px solid #eee;padding:0 0 4px;}
   /*ul.mktree  li.liOpen .bullet { cursor: pointer; background: url(/img/v2/tax_arrow_down.gif) center left no-repeat !important; }*/
   ul.mktree li.liOpen a.bullet {background: url(/img/v2/tax_arrow_down.gif) 6px center no-repeat;padding-left:22px;display:block;}
   /*ul.mktree  li.liClosed .bullet { cursor: pointer; background: url(/img/v2/tax_arrow.gif) center left no-repeat !important;}*/

   ul.mktree li.liClosed a.bullet, ul.mktree > li.liBullet a.ebullet {background: url(/img/v2/tax_arrow.gif) 6px center no-repeat;padding-left:22px;display:block;}

ul.mktree  li.liBullet .bullet { display:none;}
ul.mktree  li.liBullet {border:0;}

   /* -- changes by Jose -- */

   /*ul.mktree ul li {cursor: default; background: transparent url(/img/v2/bullet-grey.gif) center right no-repeat !important;}*/
   ul.mktree ul li {cursor: default;}
   ul.mktree ul li a {background: transparent url(/img/v2/bullet-grey.png) center right no-repeat;}
   ul.mktree ul li#tnode_sel a {background:none;padding-left:28px;}


/* Sublists are visible or not based on class of parent LI */
ul.mktree li.liOpen ul { display: block; }
ul.mktree li.liClosed ul { display: none; }

   /* -- changes by Jose -- */

   /*ul.mktree li#tnode_sel {margin-left:-8px;padding-left:30px; !important;background: #d9e9f6 url(/img/v2/bullet-blue.gif) center right no-repeat !important;}*/
   ul.mktree li#tnode_sel {background: #d9e9f6 url(/img/v2/bullet-blue.gif) center right no-repeat !important;}


ul.mktree li#tnode_sel a, ul.mktree li#tnode_sel .pcount {color:#0081c7;}
ul.mktree  li#tnode_sel .bullet {display:none; padding:0 !important;}

/* -- get in touch -- */

.vcard img {padding: 10px;}
.vcard .url {}
.vcard .title {}
.vcard .hemail,
.vcard .htel {padding-right: 3px;}
.vcard .url,
.vcard .title,
.vcard .hemail,
.vcard .htel {font-weight: bold;}
.vcard .org {font-weight: bold;padding: 15px 0 0;}
.vcard .org {display: none;}
.vcard .adr {padding: 10px 0;}
.vcard .adr {padding: 10px;}
.vcard .elec {}
.vcard .adr {display: none;}
.vcard .adr .country-name {;padding: 5px 0;}
.vcard .adr .country-name {clear: left;padding: 5px 0;}
.vcard .tel {}
.dvCard {}

/* -- search -- */
.search_site {height:50px;background:#f3f2f1 url(/img/search-bar-bg.gif) 0 0 repeat-x;margin-bottom:16px;padding-top:8px;}
.search_site fieldset {border:0;margin:0;padding:0;}
.search_site form, .search_site p {margin:10px 8px 0 8px;}
.search_site form {padding:0;}
.search_site #search_query, .search_site #fm-submit, .search_site label.fm_query  {display:block;float:left;margin-left:8px;}
.search_site form label {font-weight:700 !important;margin-right:12px;display:inline}
.search_site input#query_results {width:200px;margin-top:1px;border:1px solid #999 !important;padding:2px;}
.search_site p#results-number {float:left;padding:0;}
.search_site label, .search_site p {font-size:12px;}
.search_site #fm-submit input {float:left;}
.search_results_list li {border-top:1px solid #d8dade;padding:10px 0;font-size:.9em;float:none;clear:both;}


/* -- errors -- */
form .f-ko {background:#fae6e6;border:1px inset #666;height:18px}
body.login span.form_error_message,
div.msgBoxWarn {font-size:.9em;border:1px solid #cc9999;padding:8px 8px 8px 20px !important;background:#fff url(/icons/icon-error.gif) 4px 10px no-repeat;margin:0 0 20px 0;}
.msgBoxIdea {margin:0 0 1em 0;}
.alt-form div.msgBoxWarn li {color:#cc0000;}
div.msgBoxWarn li{padding: 4px;color: red;}
div.msgBoxWarn.small {width:315px;}
/* product listing table */
#product_list_table {width:100%;border-collapse:collapse;}
#product_list_table td {color:#666;font-size:.9em;border-bottom:1px solid #999;padding:6px;}
td.noborder {border-width:0 !important;}
#product_list_table img {margin:8px 12px;}
a.view-details {outline:none;float:right;margin:8px 4px 8px 0;display:block;height:20px;width:120px;text-indent:-9999px;background: transparent url(/img/view-details-sprite.gif) 0 0 no-repeat !important;}
a.view-details:hover {background-position:0 -20px !important;}
#product_list_table.search-results td {font-weight:300;}
#product_list_table.search-results td a {font-weight:700;}
ul.bullet-list {margin-bottom:10px;}
ul.bullet-list li { font-size:.9em;cursor: default; background: url(/icons/bullet-grey.gif) center left no-repeat !important;padding-left:16px;margin-bottom:8px;}

/* tax properties*/
#tax_props {margin:0 0 15px 8px;}
#tax_props .psel_head {font-weight:700;font-size:.9em; background: url(/icons/tax_arrow.gif) center left no-repeat !important;padding-left:15px;display:block;margin-bottom:6px;}
#tax_props .pitems {padding-left:15px;display:none;margin-bottom:10px;}
#tax_props h3 {margin: 0 0 10px 0;padding:0 0 2px 0;border-bottom:1px solid #999;font-size:1em;}

#broutek_ads_bottom, #broutek_ads_top {}
#broutek_ads_bottom img, #broutek_ads_top img {float:left;margin:0 25px 8px 0;}
#broutek_ads_bottom hr, #broutek_ads_top hr {border:0;height:1px;padding:0;margin:10px 0;border-bottom:1px solid #ccc;clear:both;float:none;}
#broutek_ads_bottom p, #broutek_ads_top p {color:#777;font-size:85%;clear:both;float:none;}
#broutek_ads_top.family p {font-size:.9em;margin-bottom:8px;}

.product-properties {font-size:85% !important;border-collapse:collapse;margin-bottom:40px;}
.product-properties th, .product-properties td {border-bottom:1px solid #999;padding:6px 0;}
.product-properties th {width:100px;}
.product-properties th.header {width:auto;font-size:1.1em !important;}

.submit-button {border:1px solid #c1d72e;display:block !important;height:28px !important;background:#0087cc url(/img/payment/button-bg.gif) 0 0 repeat-x;text-align:center !important;overflow:hidden;margin:0 auto !important;padding:0 !important;  float:none;width:190px;min-width:100px;line-height:26px;}
.submit-button input, .submit-button a {background:transparent;padding:0 !important;font-size:14px;font-weight:700;color:#fff !important;border:0;width:auto !important;cursor:pointer;height:28px !important;width:190px !important;line-height:26px;}

/* -- payment styles -- */

table.payment-table, table.default-table, #my-account-wrapper table {width:100%;border-collapse:collapse;margin:1em auto 2em auto;border:0;font-size:.9em;}
table.payment-table caption, table.default-table caption, #my-account-wrapper table caption {display:none;visibility:hidden;}
table.payment-table th, table.default-table th, #my-account-wrapper table th {padding:.3em 1em .3em 0;border-bottom:1px solid #d1d1d1;text-align:left;}
table.payment-table td, table.payment-table tfoot th, table.default-table td {border:1px solid #d1d1d1 !important;border-width:0 1px 1px 1px !important;padding:.3em 1em;}
table.payment-table td.blank {border:0 !important;width:60%;}
table.payment-table tr.total td, table.payment-table tr.total th{font-size:14px !important;font-weight:700 !important; color:#000 !important;}
table.payment-table tfoot th {text-align:right;}
table.payment-table td.price , table.payment-table tfoot td {text-align:right;}
table.payment-table img {float:left;margin:0 10px 16px 0;display:block;}
table.payment-table p {float:left;}


.cart-remove {background:transparent url(/img/cart-remove.gif) 0 0 repeat-x;text-indent:-9999px;height:16px !important;width:44px !important;display:block !important;}


/* -- myaccount styles -- */

#my-account-wrapper {position:relative;border:1px solid #ccc;overflow:hidden;background:#fff;}
#my-account-wrapper h3 {font-size:1.1em;margin-bottom:.6em;border-bottom:1px solid #ccc;}
#my-account-wrapper h4 {color:#000;margin-bottom:.1em;padding:0;font-size:1em;}
#my-account-wrapper p {margin-bottom:.4em;}
#my-account-wrapper div.pane {background:#fff;padding:10px 20px 20px 20px;height:1%;}
#my-account-wrapper div.hideme {visibility:hidden;position:absolute;top:33px;left:0;z-index:50;}
#my-account-wrapper div.showme {visibility:visible;position:relative;top:0;left:0;z-index:100;}
ul#my-account-nav {font-size:.8em;background:#eaeaea;height:32px;overflow:hidden;}
ul#my-account-nav li {float:left;padding:8px;border-left:1px solid #a9a9a9;}
ul#my-account-nav li:first-child {border:none;}
ul#my-account-nav li a {color:#666;outline:none;font-size:130%;border}
ul#my-account-nav li.current {background:#fff;}
ul#my-account-nav li a:hover, ul#my-account-nav li.current a {color:#0081c7;}
#my-account-wrapper div.pane {display:inline-block;}
td.received {background:#006699;color:#fff;}
td.accepted {background:#0099cc;color:#fff;}
td.completed {background:#00cc33;color:#fff;}
.status {margin-bottom:1.3em !important;color:#666 !important;}
.status strong {font-style:normal;}
.status {font-style:italic;}

/* -- login -- */

#loginbox {position: relative;float: left;width: 300px;height: 180px;}
#loginbox #loginform {width: 300px;height: 180px;background: transparent url(/img/login-frame.gif) no-repeat 0 0;}
#loginform {top: 0;border: none;background: none;width: 250px;padding: 10px 0 0 20px;}
#loginform a {background: transparent url(/img/pdf.png) no-repeat 5px 7px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#loginform fieldset {border: none;}
#loginform label {color: #fff;font-size: 12px;font-weight: bold;display: block;padding: 10px 0 7px;line-height:1em;}
#loginform label.f-checkbox {
padding-top: expression(document.body.style.maxHeight != "undefined"? "3px" : "3px" );
padding-bottom: expression(document.body.style.maxHeight != "undefined"? "5px" : "5px" );
}
#loginform legend {display: none;}
#loginform a span {border-left: 1px solid #81bf61;}

/* changed for newstyle.css */
#loginform input.bsubmit {padding: 2px 45px;}
#loginform input.bsubmit {
padding-right: expression(document.body.style.maxHeight != "undefined"? "30px" : "30px" );
padding-left: expression(document.body.style.maxHeight != "undefined"? "30px" : "30px" );
}

/* the ads */
ul.theads {
font-size:85%;
margin:0 0 20px 10px;
border-top: 1px solid #ccc;
padding: 40px 20px 40px;
text-align: center;
}
li.theadslink {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}


/* -- self clearing -- 
toma nota: display-inline block doesn't validate using some tools but only because they haven't updated to CSS 2.1
*/
.clearfloat:after, .divider:after, .img-container:after, .management-team dd:after, .narrow-promo:after, ul.value-packs:after, #value-packs table:after, #header:after, #navigation:after, #header p:after, #footer ul:after, .footer-wrap:after, .promos:after, .sub-promo:after, .sub-promo ol:after, .col-wrap:after, .mid-cnr .padding:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

 .clearfloat, #logo a, .divider, .img-container, .management-team dd, .narrow-promo, ul.value-packs, #value-packs table, #header, #navigation, #header p, #footer ul, .footer-wrap, .promos, .sub-promo, .sub-promo ol, .col-wrap, .mid-cnr .padding{display: inline-block;}