@import url('reset.css');

/************** File Download Icons *******/

a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/************** Accessoires ***************/

body { font: 62.5%/2.1em Verdana,Tahoma,sans-serif; color: #434346; }

h1, h2, h3 { margin-bottom: 15px; }
h1 { font-size: 1.4em; font-weight: 100;  }
h2 { font-size: 1.2em; font-weight: 100; color: #a30817;  }

h2.product { width: 150px; margin-bottom: 0px!important; height: 35px; display: block; float: left; background: url('../images/core/h2_product_catalogue.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.feature { width: 150px; margin-bottom: 0px!important; height: 35px; display: block; float: left; background: url('../images/core/h2_featured_products.gif') 0 0 no-repeat; text-indent: -9999px; } 

p.breadcrumb { margin-bottom: 5px!important; padding-top: 10px; }

a.addtocart { width: 120px; height: 18px;  display: block; background: url('../images/core/but_add_to_cart.gif') 0 0 no-repeat; float: left; text-align: center; color: #fff; text-decoration: none; font-size: 0.9em; }

ul.list { padding-left: 30px; margin-bottom: 15px; }
ul.list li { list-style: disc; }

.red { color: #a30817; }

a { color: #a30817; text-decoration: none; }
a:hover { text-decoration: underline; }

a.sizeguide { display: block; width: 130px; height: 40px; padding-top: 10px; text-align: center;  float: left; margin-bottom: 20px; background: url('../images/core/butt_size.gif') 0 -50px no-repeat; line-height: 1.2em; }
a.sizeguide:hover { background-position: 0 0px; text-decoration: none!important; }

/************** Main Tags ***************/

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }

.rimage { float: right; clear: right; margin: 0 0 10px 10px; }
.limage { float: left; clear: left; margin: 0 10px 0 10px; }

	a.wflogo { width: 99px; height: 34px; display: block; text-indent: -9999px; background-image: url('../images/core/wf_logo.gif'); float: right; padding: 0px!important;  }

 .small { font-size: 0.9em; }

/************** Lists       ***************/

ul#product { width: 150px; float: left;  display: block; margin-bottom: 20px; } 

#product li { width: 150px; float: left; }
#product li a { width: 140px; float: left; height: 25px; background: url('../images/core/bg_left.gif') 0 0 no-repeat; padding-left: 10px; color: #fff; text-decoration: none; }
#product li a:hover { background-position: 0 -25px; }

#product li ul li a { width: 130px; padding-left: 20px; background-position: 0 -25px; color: #fff; }
#product li ul li a:hover { background-position: 0 0; text-decoration: none!important; }
#product li.top { width: 150px; float: left; height: 5px; background: url('../images/core/bg_left_top.gif') 0 0 no-repeat; }

ul#feature { float: right; width: 150px;  display: block; margin-bottom: 80px; } 
ul#feature li { padding-left: 15px; width: 135px; float: left; height: 210px; padding-top: 15px; background: url('../images/core/line.gif') bottom center no-repeat; }
ul#feature li.top { float: left; height: 5px!important; background: url('../images/core/bg_right_top.gif') 0 0 no-repeat; }

ul.tfe { padding-left: 8px; margin-bottom: 269px; }
ul.tfe li { padding-left: 20px; line-height: 1.8em; }

ul.tfe li.t { background: url('../images/core/tef_01.gif') 0 4px no-repeat; }
ul.tfe li.f { background: url('../images/core/tef_02.gif') 0 4px no-repeat; }
ul.tfe li.e { background: url('../images/core/tef_03.gif') 0 4px no-repeat; }

ul#cta { float: left; padding-top: 7px; border: 0px solid;  }
ul#cta li img { float: left;  }
ul#cta li { float: left; width: 150px; padding-right: 10px; height: 46px; }
ul#cta li.government { padding-right: 0px!important; }

ul#cta li a { width: 150px; height: 46px; display: block; float: left; text-indent: -9999px; float: left; margin: 0px; padding: 0px; }

ul#cta li.health a { background: url('../images/core/cta_h3_01.jpg') 0 0 no-repeat; }
ul#cta li.schools a { background: url('../images/core/cta_h3_02.jpg') 0 0 no-repeat; }
ul#cta li.corporate a { background: url('../images/core/cta_h3_03.jpg') 0 0 no-repeat; }
ul#cta li.government a { background: url('../images/core/cta_h3_04.jpg') 0 0 no-repeat; }
ul#cta li a:hover { background-position: 0 -46px; }

/* INDEX ONLY */
body#p-index ul#cta { float: left; padding-top: 7px; border: 0px solid; display: inline;  }
body#p-index ul#cta li { float: left; width: 150px; height: 170px; }
body#p-index ul#cta li a { width: 150px; height: 170px; display: block; text-indent: -9999px; margin: 0px; padding: 0px; }
body#p-index ul#cta li.health a { background: url('../images/core/indexcta-health.jpg') 0 0 no-repeat; }
body#p-index ul#cta li.schools a { background: url('../images/core/indexcta-schools.jpg') 0 0 no-repeat; }
body#p-index ul#cta li.corporate a { background: url('../images/core/indexcta-corporate.jpg') 0 0 no-repeat; }
body#p-index ul#cta li.government a { background: url('../images/core/indexcta-government.jpg') 0 0 no-repeat; }
/**/


#testimonials li { border-bottom: 1px dashed #a30817; padding-top: 15px; float: left;  }

.gallery li { float: left; padding-right: 9px; padding-bottom: 9px; }
.gallery li img { float: left; }
.gallery li a { float: left; border: 2px solid #ccc; }
.gallery li a:hover { border: 2px solid #a30817;  }

ul.product_listing li { float: left; border: 1px solid #a30817; width: 140px; height:245px; text-align: center; padding-top: 10px; background-color: #e3e3e6; margin-right: 13px; margin-bottom: 13px; }
ul.product_listing li a img { border: 1px solid #ccc; }

#p-product_listing ul.product_listing li { width: 120px!important; padding: 10px 10px 10px 10px!important; text-align: left; }

ul.desc { width: 450px;margin-bottom: 15px; }
ul.desc li { border-bottom: 1px solid #ccc; text-align: right; font-weight: bold; float: left; width: 100px; height: 25px; padding-top: 5px; }
ul.desc li.rhs { width: 340px; text-align: left; padding-left: 10px; font-weight: normal; }
ul.desc li.wide { width: 440px; padding-right: 10px; border-bottom: 0px; } 
ul.desc li input.subres { float: right!important; }

/*ul.images li { padding-bottom: 5px; float: left; display: inline; }
ul.images li a { border: 1px solid #ccc;}
ul.images li a:hover { border: 1px solid #a30817; }*/

ul.images { float: left; width: 150px; padding-right: 20px; }
ul.images li { padding-bottom: 5px; float: left; }
ul.images li a { border: 1px solid #ccc; float: left; }
ul.images li a img { float: left; }
ul.images li a:hover { border: 1px solid #a30817; }

/************** table  ***************/

table.bulkbuy { width: 100%; margin-bottom: 15px; }
table.bulkbuy tr th { padding-right: 5px; background-color: #ccc; padding-left: 5px; text-align: right; }
table.bulkbuy tr td { padding-right: 5px; padding-left: 5px; padding-top: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px; text-align: right; }
table.bulkbuy tr td.bottom { border-bottom: 0px; }
table.bulkbuy input.subres { float: right; margin-right: 5px; }

#p-sizeguide table.bulkbuy { width: 100%; }
#p-sizeguide table.bulkbuy tr th { padding-right: 2px; background-color: #ccc; padding-left: 2px; text-align: left; }
#p-sizeguide table.bulkbuy tr td { padding-right: 2px; padding-left: 2px; padding-top: 2px; border-bottom: 1px solid #ccc; padding-bottom: 2px; text-align: left; }

/************** Containers  ***************/

#container { margin: 0 auto 0 auto; width: 960px; overflow: hidden;  }
#header{ width: 960px; height: 90px; float: left; text-align: center; }
#navholder { width: 960px; height: 35px; float: left; background: url('../images/core/nav.gif') 0 0 no-repeat;}
#cartholder { width: 960px; height: 35px; float: left; background: url('../images/core/cart.gif') 0 0 no-repeat;}
	
#mainwrapper { width: 960px; float: left; background: url('../images/core/bg_cont.gif') 0 0 repeat-y; }
#main { float: left; padding-bottom: 15px; width: 960px; background: url('../images/core/main_base.gif') bottom left no-repeat; }

#mainLeft { width: 150px; float: left; background: url('../images/core/bg_left_slice.gif') 0 0 repeat-y; color: #fff; font-size: 1.2em; }
#mainLeft p { padding-left: 10px; font-size: 0.9em; padding-bottom: 15px;  }
#mainLeft a { color: #ccc; text-decoration: none; }
#mainLeft a:hover { text-decoration: underline; }
#mainMid	{ width: 645px; float: left; font-size: 1.2em; }
#mainRight{ width: 150px; float: right; font-size: 1.2em; }

#banner { padding-left: 15px; float: left; clear: both; }

#p-product_detail #content { width: 625px ; }
#p-checkout #content { width: 625px ; }
#p-contact #content { width: 625px; border: 1px solid white; }

#content { padding-left: 25px; padding-top: 15px; float: left; }
#content p { margin-bottom: 15px; }
#content a {}
#content a:hover {}

#footer{ width: 960px; float: left; clear: both; height: 80px; border-top: 5px solid #e5e5e8; font-size: 1.1em; padding-top: 5px;  }
#footerinner { text-align: center; float: left; padding-left: 90px; display: inline; }
#footer p { margin-bottom: 10px; }
#footer a { padding-left: 5px; padding-right: 5px; color: #a30817; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#slideshow { float: left; clear: both; width: 630px; height: 260px; }

/************** Navigation  ***************/

ul#nav{ float: left; display: block; width: 960px; height: 35px; }
#nav li { float: left; padding-left: 25px; padding-top: 7px; font-size: 1.2em; height: 35px; }
#nav li.login { float: right!important; padding-right: 25px!important; }
#nav li a { color: #fff; text-decoration: none; }
#nav li a:hover { text-decoration: underline; }

ul#member { float: left; display: block; width: 960px; }
#member li { float: left; padding-left: 25px; padding-top: 7px; font-size: 1.2em; }
#member li.cart { float: right!important; padding-right: 25px!important; }
#member li a { color: #a30817; text-decoration: none; }
#member li a:hover { text-decoration: underline; }

/************** Form        ***************/

#p-checkout .baseform { width: 99%; border-top: 1px dotted #3e3e40; padding-top: 20px; padding-left: 10px; }
#p-checkout .baseform label { width: 120px; display: block; border: 0px solid; float: left; clear: left; }
#p-checkout .baseform fieldset { width: 600px; float: left; }
#p-checkout .baseform select { width: 155px; margin-bottom: 5px; }
#p-checkout .baseform input.disabled { background-color: #ccc; }
#p-checkout .baseform select.disabled { background-color: #ccc; }
#p-checkout .baseform label.error { margin-left: 120px; clear: both; width: 250px; padding-bottom: 5px!important; padding-top: 0px!important; float: left; }
#p-checkout .baseform input { margin-bottom: 5px; }


#p-account label { width: 150px; }
#p-account textarea { width: 250px; }

.form { margin-bottom: 15px; float: left; display: block; width: 100%; }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 100px; float: left; padding-bottom: 5px; }

form#contact-form { display: block; float: left; width: 620px; border-top: 1px dashed #a30817; border-bottom: 1px dashed #a30817; padding-top: 20px; margin-bottom: 20px; }
textarea { width: 450px; padding-left: 3px; padding-top: 3px; font-family: Verdana,Tahoma,sans-serif; font-size: 1.1em  }
input { width: 250px; font-family: Verdana,Tahoma,sans-serif; font-size: 1.1em; }

input.qty { width: 50px; height: 15px; }
input.qtysmall { width: 20px; height: 18px; }

option { padding-left: 5px; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error { float: none; display: block; color: #ff0000; margin-left: 100px; width: auto; padding-top: 5px!important; padding-bottom: 0px!important; }

input.subres { width: 120px; height: 18px;  display: block; background: url('../images/core/but_add_to_cart.gif') 0 0 no-repeat; float: left; text-align: center; color: #fff; text-decoration: none; font-size: 0.9em; border: 0px; }

dt {font-weight: bold;}
dd {margin: 0 0 20px;}

div#hero_image {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
}

div#cat_description {
  float: left;
  display: inline;
  margin: 0;
}

hr {
  width: 100%;
  clear: both;
  margin: 10px 0;
  height: 0;
  border: none;
  border-top: 1px solid #000;
}