/*
-------------------------------------------------
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:960px; background:#fff }
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.2em; color:#000; 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 { border:1px solid #ccc; }
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 */
body.entry div#container { width:100%; margin:0 auto; position:relative; text-align:left; background:#735d5d }
div#container { width:100%; margin:0 auto; position:relative; text-align:left }

/* 3.3 - header */
div#header { background:#FFFFFF  }

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

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

body.levelstatic #primary-content p {color:#666666;}

body.levelstatic #primary-content .top{margin-bottom:10px;}
/* 3.6 - secondary content */
div#secondary-content { background:#735d5d; padding:30px 0  }

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

/* 3.8 - footer */
body.entry div#footer { padding:100px 0 0 0  }
div#footer {background:#735d5d; padding:30px 0}  
div#footer span{float:left; color:#fff;}
div#footer span a{color:#fff;}
div#footer span a:hover{color:#fff;}

div#footer ul{float:right; list-style:none; margin:0}
div#footer ul li{float:left; color:#fff;}
div#footer ul li a{color:#fff; padding:0 10px}
div#footer ul li a:hover{color:#fff}



/* -----------------------------------------------
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 }

/* 4.2 - generic validating form */
.validating-form-holder {float:left; }
.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 20px 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/backgrounds/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;}

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
body.entry #flash-content{width:100%; height:719px; display:block; margin:0 auto; background:none;  border:0px solid #efefef; }


.search-bar{float:right;}
.search-bar fieldset{border:0}
.search-bar ol{float:left; list-style:none; padding:45px 0 0 0}
.search-bar ol li{float:left;}

#failsworth{float:left;}
#unmistakably-failworth-ttl{background:url(../images/global/unimistakably-failsworth-ttl.gif) no-repeat; width:242px; height:123px; text-indent:-3000em; display:block; display:block; float:left;}
#search-field{background:url(../images/global/search-bg.gif); width:193px; padding:6px 3px; border:0; }

#primary-navigation{background:#000000; border-top:1px solid #efefef; border-bottom:1px solid #efefef}
#primary-navigation ul{list-style:none; float:left; width:960px; margin:0}
#primary-navigation ul li{padding:0 13px; float:left;}
#primary-navigation ul li a{}
#primary-navigation ul #home a{ background:url(../images/global/primary-navigation.gif) 0 0 no-repeat; width:54px; height:51px; text-indent:-3000em; display:block;}
#primary-navigation ul #about-us a{ background:url(../images/global/primary-navigation.gif) -80px 0 no-repeat; width:85px; height:51px; text-indent:-3000em; display:block; }
#primary-navigation ul #contact-us a{ background:url(../images/global/primary-navigation.gif) -193px 0 no-repeat; width:85px; height:51px; text-indent:-3000em; display:block;}
#primary-navigation ul #buy-online a{background:url(../images/global/primary-navigation.gif) -306px 0 no-repeat; width:100px; height:51px; text-indent:-3000em; display:block; }
#primary-navigation ul #home a:hover{background:url(../images/global/primary-navigation.gif) 0 100% no-repeat;}
#primary-navigation ul #about-us a:hover{background:url(../images/global/primary-navigation.gif) -80px 100% no-repeat;}
#primary-navigation ul #contact-us a:hover{background:url(../images/global/primary-navigation.gif) -193px 100% no-repeat;}
#primary-navigation ul #buy-online a:hover{background:url(../images/global/primary-navigation.gif) -306px 100% no-repeat;}

#primary-navigation ul #special-offers{float:right;}
#primary-navigation ul #special-offers a{background:url(../images/global/special-offers-ttl.gif) no-repeat; width:125px; height:51px; text-indent:-3000em; display:block; float:right}

#flash-content{background:url(../images/global/banner-main.jpg) no-repeat; width:958px; height:372px; display:block; border:1px solid #efefef; margin:15px auto}

/*Title*/
h1 { font-weight: normal; font-size: 30px; }
h1#mens { color: #B0A98F }
h1#womens { color: #54744D }
h1#corporate { color: #725E60 }
h2 { font-weight: normal; font-size: 29px; }
h2#subcat { color: #755C5F }
#trade-gallerybrown-ttl{background:url(../images/global/trade-gallerybrown-ttl.gif) no-repeat; width:438px; height:19px; display:block; text-indent:-3000em;}
#manufacturer-of-mens-ladies-headwear-ttl{background:url(../images/global/manufacturer-of-mens-and-ladies-headwear-ttl.gif) no-repeat; width:438px; height:19px; display:block; text-indent:-3000em;}
#over-100-years-of-knowledge-ttl{background:url(../images/global/over-100-years-of-knowledge-ttl.gif) no-repeat; width:300px; height:22px; display:block; text-indent:-3000em; float:left; margin:0 0 8px 0}
#galleries-ttl{background:url(../images/global/galleries-ttl.gif) no-repeat; width:165px; height:20px; display:block; text-indent:-3000em;}
#delivery-information-ttl{background:url(../images/global/delivery-information-ttl.gif) no-repeat; width:190px; height:20px; display:block; text-indent:-3000em;}
#your-measurements-ttl{background:url(../images/global/your-measurements-ttl.gif) no-repeat; width:200px; height:20px; display:block; text-indent:-3000em;}
#buy-online-ttl{background:url(../images/global/buy-online-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#mens-ttl{background:url(../images/global/mens-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#ladies-ttl{background:url(../images/global/ladies-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#description-ttl{background:url(../images/global/description-ttl.gif) center no-repeat; width:133px; height:25px; display:block; text-indent:-3000em; padding:10px 0;  margin:0}
#hat-construction-ttl{background:url(../images/global/hat-construction-ttl.gif) center no-repeat; width:254px; height:25px; display:block; text-indent:-3000em; padding:10px 0; margin:0}
#color-ttl{background:url(../images/global/color-ttl.gif) no-repeat; width:133px; height:25px; display:block; text-indent:-3000em; padding:5px 0}
#size-ttl{background:url(../images/global/size-ttl.gif) no-repeat; width:133px; height:25px; display:block; text-indent:-3000em; padding:5px 0}
#price-ttl{background:url(../images/global/price-ttl.gif) no-repeat; width:133px; height:25px; display:block; text-indent:-3000em; padding:5px 0}
#about-us-ttl{background:url(../images/global/about-us-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#how-to-measure-ttl{background:url(../images/global/how-to-measure-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#links-ttl{background:url(../images/global/links-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}

#failsworth-hats-ttl{background:url(../images/global/failsworth-hats-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#uk-hat-conversions-ttl{background:url(../images/global/uk-hat-conversions-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#our-hat-making-history-ttl{background:url(../images/global/our-hat-making-history-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#employees-ttl{background:url(../images/global/employees-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#cust-supp-ttl{background:url(../images/global/cust-supp-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#ethical-policy-ttl{background:url(../images/global/ethical-policy-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}


#what-is-my-correct-hat-size-ttl{background:url(../images/global/what-is-my-correct-hat-size-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em;}
#ladies-hats-ttl{background:url(../images/global/ladies-hats-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#mens-hats-and-caps-ttl{background:url(../images/global/mens-hats-and-caps-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#contact-us-ttl{background:url(../images/global/contact-us-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#delivery-ttl{background:url(../images/global/delivery-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#postage-ttl{background:url(../images/global/postage-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#important-information-ttl{background:url(../images/global/important-info-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#return-policy-ttl{background:url(../images/global/return-policy-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#edit-review-basket-ttl{background:url(../images/global/edit-review-basket-ttl.gif)  no-repeat; width:688px; height:23px; display:block; text-indent:-3000em;}
#terms-conditions-ttl{background:url(../images/global/terms-conditions-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#privacy-ttl{background:url(../images/global/privacy-ttl.gif) center left no-repeat; width:688px; height:23px; display:block; text-indent:-3000em; padding:20px 0 0 0}
#contact-form-ttl{background:url(../images/global/contact-form-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
#compliance-statement-ttl{background:url(../images/global/compliance-statement-ttl.gif) no-repeat; width:438px; height:23px; display:block; text-indent:-3000em; float:left}
.compliance {float:left; color:#666666; line-height:165%;}
.compliance dd address{color:#666666; line-height:165%; padding:10px 0 0 0}
.compliance dd a{color:#999999;}

.half-panels{float:left; border:1px solid #f2f2f2; padding:16px; width:434px}
.half-panels a{color:#735D5D ; font-size:12px}
.half-panels p{color:#666666; line-height:165%; }
.half-panels #different-categories{list-style:none;}
.half-panels #different-categories li { float:left; }
.half-panels #mens-btn a{background:url(../images/global/mens-btn.gif) no-repeat; width:137px; height:26px; display:block; text-indent:-3000em;margin-top:8px}
.half-panels #ladies-btn a{background:url(../images/global/ladies-btn.gif) no-repeat; width:137px; height:26px; display:block; text-indent:-3000em;  margin:8px 11px 0 11px}
.half-panels #corporate-btn a{background:url(../images/global/corporate-btn.gif) no-repeat; width:137px; height:26px; display:block; text-indent:-3000em;  margin-top:8px}
.half-panels #buy-online-btn {background:url(../images/global/buy-online-btn.gif) no-repeat; width:137px; height:26px; display:block; text-indent:-3000em; margin-top:8px; float:left}

.last{margin-left:23px;}
.last img{float:right;border:1px solid #f2f2f2;}
.panel-inner{width:285px; float:left;}
.panel-inner a{color:#735D5D ; font-size:11px}

.full-panels{float:left; border:1px solid #f2f2f2; padding:16px; width:960px}
.full-panels p{color:#666666; line-height:165%; float:left}
.full-panels ol{float:left; padding-left:10px}
.full-panels ol li{float:left; color:#666666; line-height:165%; font-size:11px; padding-left:10px}
.full-panels ol li ul {list-style:none;}
.full-panels ol li ul li{float:left;}
.full-panels li address{color:#666666; line-height:165%; padding:10px 0 0 0}
.full-panels li a{color:#999999;}
.full-panels li h3{color:#999999;}
.lower-panels{float:left; border:1px solid #867676; padding:16px; width:275px}
.lower-panels p{color:#fff; line-height:138%}
.lower-inner{width:190px; float:left;}
.middle{margin:0 8px;}
.galleries {list-style:none; margin:0; float:left}
.galleries .middle{margin:0 10px;}
.galleries li{float:left;}
.galleries li a img {border:5px solid #968181;}
.delivery-icon{background:url(../images/global/delivery-icon.gif) 90% center no-repeat;}
.your-measurements-icon{background:url(../images/global/your-measurements-icon.gif) 90% center no-repeat;}

.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%;}
/*HOVER PULSE*/
#options{list-style:none;  float:left; padding:30px 0 0 0; width:960px}
body.levelone .option{width:465px; height:233px;  position:relative; float:left}
body.levelone .option img{width:465px; height:233px;}

body.leveltwo .option img{width:235px; height:233px;}
body.leveltwo .option{width:235px; height:233px;  position:relative; float:left;  margin-right:6px }
body.about-us .half-panels{height:400px;}

#options .lastCAT{margin-right:0px!important;}
.option img{ padding:0px; border:1px solid #e8e8e8;}
.option span{ position:relative; padding:0px}


/*Product Info*/
#product{width:960px; float:left}
#product-list{float:left; width:370px; }
#product-info{float:right; width:540px; padding:15px; border:1px solid #e8e8e8; }
#product-info p{color:#666666; line-height:165%}
#zoom-icon{padding:18px 0;}
#product-options{float:right;  width:540px; padding:15px; border:1px solid #e8e8e8; margin:30px 0}
#product-options form fieldset {border:0;}
#product-options form fieldset ol{list-style:none;}
#product-options form fieldset ol li{float:left}
#product-options form fieldset ol li select{ border:1px solid #E8E8E8; background:#FFFFFF; padding:5px; width:110px}
#product-options form fieldset ol #product-color{width:180px;}
#product-options form fieldset ol #product-size{width:180px;}
#product-options form fieldset ol #product-price p{color:#d95656; font-size:1.6em}
#product-options form fieldset ol #product-add{float:right; padding: 0 43px 0 0}
#product-options ul.colour-swatches { margin-top: 10px }

ul.colour-swatches { list-style-type: none; }
ul.colour-swatches li { clear: both; }

.mycarousel {list-style:none;}
.mycarousel li{float:left; width:50px}
.carouselflat span {display:none}

/*Cart Page*/

.cart-table{padding:5px;}
.cart-table th{padding:5px;}

#cart-basket{}

#basket-view {width:100%;}
#basket-view thead tr th{padding:5px; background:#000000; color:#FFFFFF}
#basket-view tbody tr td{padding:5px;}
#basket-view tbody tr td textarea, input[type="text"], select {border:1px solid #000000; color:#000000; font-size:11px; width:20px; padding:5px}
#basket-view tbody tr td .linkbutton{background:#000000; color:#FFFFFF; padding:3px; margin-right:10px}
#continue-shopping-btn{float:left}
#checkout-btn{ float:right}
.detailss{padding:5px; margin-bottom:5px}
.detailss ol{list-style:none;}
.finished {list-style:none;}
.finished li{margin-bottom:5px}


.gallerys{list-style:none;width:200px}
.gallerys li{display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0}
.gallerys li a{display:none}
.gallerys li div{position:absolute;display:none;top:0;left:180px}
.gallerys li div img{cursor:pointer}
.gallerys li.active div img,.galleria li.active div{display:block}
.gallerys li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.gallerys li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#887;}
.gallerys{position:relative;margin-top:2em;}
.gallerys{width:370px; float:left; list-style:none}
.gallerys li{width:100px; cursor:pointer;height:100px; float:left; border:3px double #111;margin:2px;background:#000;}
.gallerys li div{left:240px}
.gallerys li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image{float:right; height:438px; width:540px; background:white; border:1px solid #E8E8E8; overflow:hidden}
#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
ul#basewords { width:960px; margin:auto!important; float:none!important; clear:both; padding-top:40px }
ul#basewords li { float:left; margin-right:8px }
ul#basewords strong { font-weight:normal }
/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */
.extra{float:left; padding:10px 0 0 0; margin-bottom:0px; color:#735d5d!important; font-weight:bold}

.read-more-btn{background:url(../images/global/read-more-btn.gif) no-repeat; display:block; text-indent:-3000em; width:136px; height:26px;}
.wrapper{width:960px; text-align:left; margin:0 auto}
.inline-link{color:#fff; font-weight:bold}
#seo{padding:200px 0 0 0}
#seo h1{color:#CCC;}
#seo p{color:#ccc;}
.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 }