/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:966px }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.1em; color:#666666; margin:0 0 12px 0 }
a {  }
a:hover {  }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset {  }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - index page */
h1.ttl-name {}
h2.ttl-select-products {}

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:100%; margin:0 auto; position:relative; text-align:left }
body#entry{background:#735D5D;}
body#entry #flash-content{padding-top:0px;}
/* 3.3 - header */
div#header {  }

/* 3.4 - content */
div#content { background:#fff; }

/* 3.5 - primary content */
div#primary-content { background:#fff; margin:0 0px }

/* 3.6 - secondary content */
div#secondary-content {  }

/* 3.7 - tertiary content */
div#tertiary-content {  }

/* 3.8 - footer */
div#footer { background:#735d5d; padding:30px 0; margin:60px 0 0 0  }
div#footer span {color:#FFFFFF; float:left; }
div#footer span a { color:#FFFFFF; }
div#footer ul { float:right; list-style:none outside none; margin:0;}
div#footer ul li {color:#FFFFFF; float:left;}
div#footer ul li a {color:#FFFFFF; padding:0 10px;}
/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
.wrapper{width:966px; margin:0 auto; }

#branding {float:left;}
#branding a{background:url(../images/global/failsworth-hats-logo.gif) no-repeat; width:128px; height:128px; display:block; text-indent:-3000em;}

#top-navigation{float:right; padding:40px 0 0 0}
#primary-navigation{list-style:none; float:left; padding:15px 10px 0 0px}
#primary-navigation li{float:left; border-right:1px #303030 solid;}
#primary-navigation li.last{float:left; border-right:0px;}
#primary-navigation li a{color:#303030; padding:0 6px; font-size:1.1em}
#primary-navigation li a:hover{text-decoration:underline;}

#shopping-navigation{float:left; list-style:none; background:#f6f6f6; display:block; padding:15px;}
#shopping-navigation dt{ float:left; font-size:1.1em}
#shopping-navigation dd{float:left; font-size:1.1em; border-right:1px #303030 solid;}
#shopping-navigation dd.last{border-right:0px;}
#shopping-navigation dd a{color:#303030; padding:0 6px; font-size:1.1em}
#shopping-navigation dd a:hover{text-decoration:underline;}

#secondary-navigation{background:#000000; padding:5px; clear:both}
#secondary-navigation dl{padding:16px 0; margin:0px}
#secondary-navigation dl dt{float:left;}
#secondary-navigation dl dd{float:left;}
#secondary-navigation dl dt#mens-collection{background:url(../images/secondary-navigation/mens-collection.gif) no-repeat; width:141px; height:21px; display:block; text-indent:-3000em;}
#secondary-navigation dl dt#womens-collection{background:url(../images/secondary-navigation/womens-collection.gif) no-repeat; width:163px; height:21px; display:block; text-indent:-3000em; margin-left:5px}
#secondary-navigation dl dd.spring-summer a{background:url(../images/secondary-navigation/spring-summer.gif) top no-repeat; width:130px; height:21px; display:block; text-indent:-3000em;}
#secondary-navigation dl dd.spring-summer a:hover{background:url(../images/secondary-navigation/spring-summer.gif) bottom no-repeat;}
#secondary-navigation dl dd.autumn-winter a{background:url(../images/secondary-navigation/autumn-winter.gif) top no-repeat; width:153px; height:21px; display:block; text-indent:-3000em;}
#secondary-navigation dl dd.autumn-winter a:hover{background:url(../images/secondary-navigation/autumn-winter.gif) bottom no-repeat; }

#flash-content{padding:17px 0;}

.shopping-options{border:1px solid #e8e8e8; width:223px; height:221px; padding:7px; float:left; margin-right:3px}
.shopping-options a.spring-summer{background:url(../images/options/spring-summer.gif) top no-repeat; width:222px; height:33px; display:block; text-indent:-3000em}
.shopping-options a.spring-summer:hover{background:url(../images/options/spring-summer.gif) bottom no-repeat; width:222px; height:33px; display:block; text-indent:-3000em}
.shopping-options a.autumn-winter{background:url(../images/options/autumn-winter.gif) top no-repeat; width:222px; height:33px; display:block; text-indent:-3000em}
.shopping-options a.autumn-winter:hover{background:url(../images/options/autumn-winter.gif) bottom no-repeat; width:222px; height:33px; display:block; text-indent:-3000em}

.mens{float:left;}
.mens .last{ margin-right:2px}
#mens-collection-ttl{background:url(../images/title/mens-collection-ttl.gif) no-repeat; width:378px; height:24px; display:block; text-indent:-3000em; margin-left:10px}
.womens .last{ margin-right:0px}
.womens{float:left;}
#womens-collection-ttl{background:url(../images/title/womens-collection-ttl.gif) no-repeat; width:378px; height:24px; display:block; text-indent:-3000em; margin-left:10px}

/*Trade galleries section*/
.trade-options{border:1px solid #F2F2F2; width:449px; padding:15px; float:left; margin-right:3px; margin-top:30px}
#mens-and-ladies-headwear-accessories-ttl{background:url(../images/title/mens-and-ladies-headwear-accessories-ttl.gif) no-repeat; width:413px; height:26px; display:block; text-indent:-3000em;}
#trade-galleries-ttl{background:url(../images/title/trade-galleries-ttl.gif) no-repeat; width:413px; height:26px; display:block; text-indent:-3000em;}
.trade-options p{font-size:1.2em; line-height:18px;}
.trade-options ul{list-style:none;}
.trade-options ul li{float:left; padding-right:10px}
.trade-options #mens-btn a{background:url(../images/buttons/mens-btn.gif) no-repeat top; display:block; text-indent:-3000em; width:137px; height:26px;}
.trade-options #mens-btn a:hover{background:url(../images/buttons/mens-btn.gif) no-repeat bottom; }
.trade-options #ladies-btn a{background:url(../images/buttons/ladies-btn.gif) no-repeat top; display:block; text-indent:-3000em; width:137px; height:26px;}
.trade-options #ladies-btn a:hover{background:url(../images/buttons/ladies-btn.gif) no-repeat bottom; }
.trade-options #corporate-btn a{background:url(../images/buttons/corporate-btn.gif) no-repeat top; display:block; text-indent:-3000em; width:137px; height:26px;}
.trade-options #corporate-btn a:hover{background:url(../images/buttons/corporate-btn.gif) no-repeat bottom; }


.trade{float:left;}
.trade .last{ margin-right:0px}


/*generic lower section*/
.generic-half-section{border:1px solid #F2F2F2; width:449px; padding:15px; float:left; margin-right:0px; margin-top:30px}
.read-more-btn{background:url(../images/buttons/read-more-btn.gif) no-repeat top; display:block; text-indent:-3000em; width:137px; height:26px;}
.read-more-btn:hover{background:url(../images/buttons/read-more-btn.gif) no-repeat bottom;}
.generic-half-section p{font-size:1.2em; line-height:18px;}
.generic-half-section dl{list-style:none; font-size:1.2em;}
.generic-half-section dl dt{ color:#666666; margin-bottom:12px}
.generic-half-section dl dd{ color:#666666}
.generic-half-section address{ line-height:18px; color:#666666; font-style:normal}
.generic-half-section a{color:#999999; text-decoration:underline}
.generic-quarter-section{border:1px solid #F2F2F2; width:205px; padding:15px; float:left; margin-right:0px; margin-top:30px}
.generic-quarter-section p{font-size:1.2em; line-height:18px;}

.side-spacing{margin-right:4px;}

/*Titles*/
#over-100-years{background:url(../images/title/over-100-years-of-knowledge-ttl.gif) no-repeat; width:160px; height:50px; display:block; text-indent:-3000em;}
#news-ttl{background:url(../images/title/news-ttl.gif) no-repeat; width:160px; height:26px; display:block; text-indent:-3000em;}
#latest-news-ttl{background:url(../images/title/latest-news-ttl.gif) no-repeat; width:160px; height:26px; display:block; text-indent:-3000em;}
#past-news-ttl{background:url(../images/title/past-news-ttl.gif) no-repeat; width:160px; height:26px; display:block; text-indent:-3000em;}

#description-ttl{background:url(../images/title/description-ttl.gif) no-repeat; width:400px; height:26px; display:block; text-indent:-3000em;}
#hat-construction-ttl{background:url(../images/title/hat-construction-ttl.gif) no-repeat; width:400px; height:26px; display:block; text-indent:-3000em; margin-top:25px}
#failsworth-hats-ttl  {background:url(../images/title/failsworth-hats-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#occasions-hats-ttl  {background:url(../images/title/occasions-hats-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#our-hat-making-history-ttl  {background:url(../images/title/our-hat-making-history-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#ethical-policy-ttl {background:url(../images/title/ethical-policy-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#cust-supp-ttl {background:url(../images/title/cust-supp-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px; }
#about-us-ttl{background:url(../images/title/about-us-ttl.gif) no-repeat; height:24px; display:block; text-indent:-3000em;}
#what-is-my-correct-hat-size-ttl {background:url(../images/title/what-is-my-correct-hat-size-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#mens-hats-and-caps-ttl{ background:url(../images/title/mens-hats-and-caps-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px;}
#ladies-hats-ttl {background:url(../images/title/ladies-hats-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px;}
#uk-hat-conversions-ttl{background:url(../images/title/uk-hat-conversions-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:438px;}
#postage-ttl {background:url(../images/title/postage-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px; }
#important-information-ttl  {background:url(../images/title/important-info-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px;}
#side-important-information-ttl {background:url(../images/title/important-info-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:270px;}
#return-policy-ttl { background:url(../images/title/return-policy-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px; }
#contact-form-ttl {background:url(../images/title/contact-form-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px;}
#compliance-statement-ttl  {background:url(../images/title/compliance-statement-ttl.gif) no-repeat scroll 0 0 transparent; display:block; float:left; height:23px; text-indent:-3000em; width:438px;}
#your-items-ttl {background:url(../images/title/your-items-ttl.gif) no-repeat scroll 0 0 transparent; display:block; height:23px; text-indent:-3000em; width:270px;}
#personalDetails{background:url(../images/title/personal-details-ttl.gif) no-repeat; width:134px; height:23px; display:block; text-indent:-3000em;}
#enquiryInformation{background:url(../images/title/enquiry-information-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}
#customerDetails{ background:url(../images/title/customer-details-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}
#paymentDetails{background:url(../images/title/payment-details-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}
#deliveryAddress{background:url(../images/title/delivery-address-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}
#billingAddress{background:url(../images/title/billing-address-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}
#yourDetails{background:url(../images/title/your-details-ttl.gif) no-repeat; width:180px; height:23px; display:block; text-indent:-3000em;}

#fashion-collection-ttl{background:url(../images/title/fashion-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#urban-collection-ttl{background:url(../images/title/urban-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#accessories-collection-ttl{background:url(../images/title/accessories-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#hertiage-collection-ttl{background:url(../images/title/hertiage-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#occasions-collection-ttl{background:url(../images/title/occasions-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#casual-collection-ttl{background:url(../images/title/casual-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }
#corporate-collection-ttl{background:url(../images/title/corporate-collection-ttl.gif) no-repeat; width:378px; height:31px; display:block; text-indent:-3000em; }


/*Products*/
ul.products{list-style:none;}
ul.products li{border:1px solid #e8e8e8; width:220px; padding:7px; float:left;  margin:7px 5px 7px 0px }
ul.products li ul{list-style:none;}
ul.products li ul li{border:0px; padding:0px; margin-right:0px}
ul.products li ul li.image { height:180px }
ul.products li ul li.title { height:2.5em; color:#735d5d; font-size:17px; line-height:18px; padding:19px 0 13px 0; font-weight:bold }
ul.products li ul li.title span a{font-size:11px; color:#d95656; text-decoration:underline; display:block; font-weight:normal} 
ul.products li ul li.title span a:hover{color:#000000} 
ul.products li ul li.prod-options fieldset{border:0px;}
ul.products li ul li.prod-options fieldset ol{list-style:none;}
ul.products li ul li.prod-options fieldset ol li{color:#777777; padding-bottom:5px}
ul.products li ul li.prod-options fieldset ol li label{font-size:12px; width:50px; float:left; padding:6px 5px 0 0}
ul.products li ul li.prod-options fieldset ol li span.non{padding:0 5px 10px 5px; float:left}
ul.products li ul li.prod-options fieldset ol li select{padding:3px; width:150px; border:1px solid #e8e8e8; color:#444 }
ul.products li ul li.prod-options fieldset ol li.price{font-size:12px; padding-top:15px}
ul.products li ul li.prod-options fieldset ol li.price span{color:#df4545; padding-left:13px; font-weight:bold}

/*Product Detail*/
.product-details-section{float:left; width:590px}
#product-images {  float:left }
div.carousel-container { padding:15px; margin:15px 0 0 10px; width:550px; border:1px solid #F2F2F2; float:left }
div.carousel { float:left;  }
div.carousel #product-image-thumbs li { width:70px; height:70px; float:left; list-style:none; padding:0 8px  }
div.carousel-container a.prev { background:url(../images/global/prev.gif) top left no-repeat; width:16px; height:51px; display:block; text-indent:-9000px; float:left; margin:10px 0 0 0 }
div.carousel-container a.prev.disabled { background-position:50% -51px }
div.carousel-container a.next { background:url(../images/global/next.gif) top left no-repeat; width:16px; height:51px; display:block; text-indent:-9000px; float:left; margin:10px 0 0   }
div.carousel-container a.next.disabled { background-position:50% -51px }
.product-details { border:1px solid #F2F2F2; width:550px; padding:15px; float:left; margin-left:10px; font-size:12px; line-height:18px}
.product-details h1 { color:#755C5F; font-size:30px; font-weight:normal; line-height:30px }
.product-details p.price { font-size:18px; margin:0 0 24px 0 }
.product-details p.price span { color:#D95656; font-weight:bold; font-size:26px }
.product-details p.price em { font-size:11px }
.product-details-cart{border:1px solid #F2F2F2; width:550px; padding:15px; float:left; margin-left:10px; margin-top:15px}
.product-details-cart fieldset{border:0px;}
.product-details-cart fieldset ol{list-style:none;}
.product-details-cart fieldset ol li{color:#777777; padding-bottom:5px; padding-right:15px;  padding-top:15px}
.product-details-cart fieldset ol li label{font-size:12px; width:130px; float:left; padding:5px 0 0 0; font-weight:bold}
.product-details-cart fieldset ol li span.non{padding:0 5px 10px 5px; float:left}
.product-details-cart fieldset ol li select{padding:3px; width:337px; border:1px solid #e8e8e8; }
.product-details-cart fieldset ol li.price{font-size:12px; padding:20px 0 0 0}
.product-details-cart fieldset ol li.price span{color:#df4545; padding-left:13px; font-weight:bold}
.product-details-cart fieldset ol li.add-to-cart{clear:left;}
.product-details-cart fieldset ol li .swatches{padding:5px 0 0 50px; display:block; clear:left}

#image-container { float:left; width:372px }
.out-of-stock { background:#ffffb3; border:solid 1px #dcdc41; clear:both; margin:15px 0; float:left; width:342px; padding:15px 15px 3px 15px }
.out-of-stock h3 { color:#dc9c41 }

.product-details-cart fieldset ol li.price { font-size:12px; padding:20px 0 0 0}
.product-details-cart fieldset ol li.price span { color:#df4545; padding-left:13px; font-weight:bold}
.product-details-cart fieldset ol li.add-to-cart { clear:left;}
.product-details-cart fieldset ol li .swatches { padding:5px 0 0 50px; display:block; clear:left}
#add-to-cart-btn { float:right; width:137px; height:26px; display:block; text-indent:-9999px; border:none; padding:0 69px 0 0  }
#qty { width:180px; float:left }

#productCatList { list-style:none }
#productCatList li { border:1px solid #e8e8e8; width:462px; padding:7px; float:left;  margin:7px 5px 7px 0px }
#productCatList h3 a { color:#D95656; font-size:16px; padding:12px 0; font-weight:bold; float:left }


/* pagination */
div.pagination { list-style:none; background:#f6f6f6; padding:15px; width:936px; float:left }
div.pagination a { color:#303030 }
div.pagination a:hover { text-decoration:underline }
div.pagination .totalrecords { float:right; font-size:1.2em }
div.pagination .totalrecords span { padding:0 8px 0 0; border-right:solid 1px #303030; margin:0 8px 0 0  }
div.pagination p { margin:0 }
div.pagination #records-per-page { float:left; font-size:1.1em }
div.pagination #records-per-page dl { margin:0 }
div.pagination #records-per-page dt { font-weight:bold; float:left; padding:0 4px 0 0 }
div.pagination #records-per-page dd { float:left; padding:0 4px 0 0 }

/*Boxy Content*/
.left-column{float:left; width:475px; margin-right:15px}
.right-column{float:left; width:475px}
body.news .left-column{float:left; width:647px; margin-right:15px; border:1px solid #F2F2F2; float:left; padding:16px; font-size:12px; line-height:18px }
body.news .right-column{float:left; width:235px; border:1px solid #F2F2F2; float:left; padding:16px; font-size:12px; line-height:18px}
body.news .left-column dl a:hover{text-decoration:underline;}
body.news .left-column dl {font-size:12px; line-height:18px; color:#666666; }
body.news .left-column dl dt a { color:#735D5D; font-size:18px; line-height:18px; padding-bottom:12px}
body.news .left-column dl dt { color:#735D5D; font-size:18px; line-height:18px; padding-bottom:12px}
body.news .left-column dl dt span{display:block; font-size:12px; color:#999999;}
.news-image{float:right; padding-left:15px; padding-bottom:15px;}
.news-more{padding-bottom:15px; border-bottom:1px solid #F2F2F2; margin-bottom:30px; margin-top:15px}
body.news .left-column .article-title { color:#735D5D; font-size:18px; line-height:18px; padding-bottom:12px}
body.news .left-column .article-title span{display:block; font-size:12px; color:#999999;}
body.news .left-column .article-text { color:#666666; line-height:18px; padding-top:12px}

body.news .right-column ul{list-style:none; font-size:12px; line-height:18px; color:#666666;}
body.news .right-column ul li a{ color:#666666; font-weight:bold}
body.news .right-column ul li a:hover{ text-decoration:underline}
body.news .right-column ul li span{display:block; font-style:italic}


.boxy-content {border:1px solid #F2F2F2; float:left; padding:16px; width:434px; margin-bottom:15px}
.boxy-content {font-size:12px; line-height:18px}
.boxy-content a{color:#666666; text-decoration:underline}
ul.trade-gallery-products{list-style:none;}
ul.trade-gallery-products li{border:1px solid #e8e8e8; width:295px; padding:7px; float:left;  margin:7px 11px 7px 0px}
ul.trade-gallery-products li ul{list-style:none;}
ul.trade-gallery-products li ul li{border:0px; padding:0px; margin-right:0px}
ul.trade-gallery-products li ul li.title{color:#735d5d; font-size:18px; line-height:18px; padding:19px 0 13px 0; text-align:center}
ul.trade-gallery-products li ul li.title span a{font-size:12px; color:#d95656; text-decoration:underline; display:block} 
ul.trade-gallery-products li ul li.title span a:hover{color:#000000} 


/*Conversions*/

.conversions{border:1px solid #184F1F}
.conversions tr{border:1px solid #184F1F}
.conversions tr td{border:1px solid #184F1F; padding:15px}
span.raise {font-size:75%; vertical-align:super;}
span.lower {font-size:75%;}

/*Terms*/

.terms-conditions{}
.terms-conditions{float:left; border:1px solid #f2f2f2; padding:16px; width:933px}
.terms-conditions p{color:#666666; line-height:165%;}
.terms-conditions ol{float:left; padding-left:10px}
.terms-conditions ol li{color:#666666; line-height:165%; font-size:11px; padding-left:10px}
.terms-conditions ol li ul {list-style:none;}
.terms-conditions ol li ul li{}
.terms-conditions li address{color:#666666; line-height:165%; padding:10px 0 0 0}
.terms-conditions li a{color:#999999; text-decoration:underline}
.terms-conditions li h3{color:#999999;}


/*Static*/
.static-content{float:left; border:1px solid #f2f2f2; padding:16px; width:933px}
.static-content p{color:#666666; line-height:165%; float:left; font-size:12px}
.static-content a{color:#333333; text-decoration:underline}

/*Links page*/
.links-content{float:left; border:1px solid #f2f2f2; padding:16px; width:933px}
.links-content p{color:#666666; line-height:165%;  font-size:12px}
.links-content a{color:#333333; text-decoration:underline}


/*Basket*/
.basket-section{border:1px solid #F2F2F2; width:600px; padding:15px; float:left; margin-right:0px; margin-top:30px}
.basket-section table { border:1px solid #F2F2F2; margin:0 0 24px 0}
.basket-section table thead tr{ border:0px}
.basket-section table tr th{ font-size:12px; padding:5px; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2}
.basket-section table tbody tr{}
.basket-section table tr td{ font-size:12px; padding:5px; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; vertical-align:middle }
.basket-section table tbody tr td.title{color:#735D5D}
.basket-section table .quantity-input{width:20px; padding:5px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #F2F2F2}
#basketContents { width:98% }
#basketContents th { color:#000; font-weight:bold }
#basketContents th, td { padding:8px }
#basketContents td legend { display:none }
#basketContents td fieldset { border:none }
#basketContents .submitbutton { background:#6f9b80; border:1px solid #3b634b; color:#fff; padding:0px 6px }
#basket-buttons { float:right; margin:20px 16px 0 0 }
#basket-buttons li { float:left; list-style:none; margin:0 0 0 10px  }
.submitbutton { background:#735d5d!important }
#checkout-btns { float:right; padding:20px 15px 0 0 }
a.basket-button { background:#000; padding:5px 8px; text-decoration:none!important; color:#fff!important }
a.basket-button:hover { background:#735d5d; color:#fff!important }

#confirmationCustomerDetails { clear:both; margin:30px 0 0 10px }
#confirmationCustomerDetails h3 { color:#735d5d; margin:14px 0 10px 0 }
#confirmationCustomerDetails li { width:33%; float:left; list-style:none }
#confirmationCustomerDetails dl { line-height:160% }
#confirmationCustomerDetails dl dt { font-weight:bold; padding:0; margin:0}


.read-more-btn{background:url(../images/buttons/read-more-btn.gif) no-repeat top; display:block; text-indent:-3000em; width:137px; height:26px;}
.read-more-btn:hover{background:url(../images/buttons/read-more-btn.gif) no-repeat bottom;}
.basket-section p{font-size:1.2em; line-height:18px;}
.basket-section dl{list-style:none; font-size:1.2em;}
.basket-section dl dt{ color:#666666; margin-bottom:12px}
.basket-section dl dd{ color:#666666}
.basket-section address{ line-height:18px; color:#666666; font-style:normal}
.basket-section a{color:#999999; text-decoration:underline}
.basket-section a:hover{color:#333333; text-decoration:underline}

#same-address p { display:inline }

#continue-shopping-btn{float:left;}
#checkout-btn{float:right;}

#quick-view-basket{padding-bottom:20px;}
.right-important-info{border:1px solid #F2F2F2; width:280px; padding:15px; float:left; margin-left:5px; margin-top:30px}
.right-important-info p{line-height:18px; font-size:12px;}

.validating-form-holder {float:left; width:100% }
.validating-form-holder h3 {font-size:14px; color:#000;}
.validating-form-holder span.required {color:#ff0000; font-style:italic}
.validating-form-holder legend {margin:0; border:0; padding:0; font-size:14px; color:black; font-weight:bold}
.validating-form-holder fieldset {margin-bottom:20px; border:none; padding:0;}
.validating-form-holder fieldset.submit {margin-bottom:20px; border:none; padding:0 160px 0 0; text-align:right}
.validating-form-holder label {width:140px; float:left; text-align:right; display:block; cursor:pointer; padding:9px 10px 0 0; font:12px/18px Arial, Verdana, Times,}
.validating-form-holder input.text, .validating-form-holder textarea, .validating-form-holder select {width:210px; margin:5px 15px 5px 0; border:1px solid #cecece; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
.validating-form-holder input.required, .validating-form-holder textarea.required, .validating-form-holder select.required {width:210px; margin:5px 15px 5px 0; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
.validating-form-holder form ol {margin:20px 0 0 0; padding:0}
.validating-form-holder form ol li {list-style:none; padding:10px 0 10px 0; margin:0; }
.validating-form-holder form ol li.last {border:0 none}
.validating-form-holder form ol li input {margin:0 15px 0 0}
.validating-form-holder form ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
.validating-form-holder form ol li.chk input {margin:0 0 0 150px; border:0 none}
.validating-form-holder form ol li select.thin-select { width: 5em; }
div.validating-form-holder div.error { background:#fcf9ce url(../images/icons/alert.gif) no-repeat top left; padding:15px 15px 5px 15px }
div.validating-form-holder div.error h3 { color:#ff7e39; font-weight:bold; font-size:2em; margin:1px 0 10px 35px }
div.validating-form-holder div.error p  {color:#ff7e39; margin-left:35px }
div.validating-form-holder div.error ul li  { margin-left:35px; list-style:none; padding-left:15px; margin-bottom:3px; color:#ff7e39; background:transparent url(../images/icons/bullet.png) center left no-repeat }
div.validating-form-holder form ol li.input-error { background:#FCF9CE url(../images/icons/alert.png) no-repeat scroll 380px 10px;}
div.validating-form-holder div.input-error { color:#FF7E39;margin-left:150px;padding:5px 0;}
div.validating-form-holder span.note { color:#999999;display:block;font-size:0.8em;margin-bottom:10px;margin-left:150px;width:305px;}


.basket-section .confirm-details ol {list-style:none;}
.basket-section .confirm-details ol li {font-size:12px; margin-bottom:12px; color:#666666; padding-left:5px}
.basket-section .confirm-details fieldset{border-bottom:1px solid #F2F2F2; padding:10px 0}
.finished{list-style:none; padding:10px 0}
.finished li{padding-left:5px;}

#seo{width:966px; float:left; padding:250px 0 0 0}
#seo h1{color:#FFFFFF; font-weight:normal}
#seo p{color:#FFFFFF;}


#social-icons{float:right; clear:right; padding-top:15px}
#social-icons ul{list-style:none;}

#tooltip{position:absolute; border:1px solid #fff; background:#000; padding:8px; font-size:1.4em; color:#fff; font-weight:bold; display:none; line-height:160%; z-index:100 }
#tooltip h2 { padding:0!important; margin:0!important; color:#b0a890 }

ul#mycarousel li { float:left; width:70px }
ul#mycarousel li ul li { height:70px; float:left; width:70px  }
ul#mycarousel li ul li.title { height:auto; text-align:center; width:64px; padding:3px; color:#666 }

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.hidden { display:none }