@charset "utf-8";
/* =Reset
------------------------------------- */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,blockquote {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}ol,ul {list-style: none;}:focus {outline: 0;}a img {border:none;}

/* =Clearing
------------------------------------- */
/*.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;}*/
.clear {clear:both;}

/* =Typography (http://pxtoem.com)
------------------------------------- */
body						{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1; background: #000 url(../images/BG_html.png) repeat-x 0 0; }

h2							{ font-family: "Times New Roman", Times, serif; font-size: 1.333em; text-transform: uppercase; margin: 0 0 16px 0; }
h3							{ margin: 0 0 6px 0; padding: 0 0 3px 0; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; }

p							{ line-height: 1.5; margin: 0 0 1.5em; }
#main .detail p				{ font-family: "Times New Roman", Times, serif; line-height: 1.167; }

a:link, a:visited 			{ color: #000; text-decoration: none; }
a:active, a:hover 			{ color: #000; text-decoration: underline; }

a.btn:link, a.btn:visited 	{ padding: 2px 8px; color: #fff; font-size: 0.917em; background: #000; text-decoration: none; text-transform: uppercase; }
a.btn:active, a.btn:hover 	{ color: #858585; background: #000; text-decoration: none; }

.submitbtn 					{background-color:#000000; color:#FFFFFF; padding: 2px 8px;font-size: 0.917em;text-transform: uppercase; border:none; margin-top:20px;cursor:pointer}

/* =Main Layout
------------------------------------- */
#wrap						{ background: url(../images/BG_body.png) no-repeat 50% 0; width: 100%; display: table; }

#home-feature				{ clear: both; width: 960px; margin: 0 auto; padding: 12px 0; background: #fff; }
#home-feature .inner		{ width: 936px; height: 474px; overflow: hidden; margin: 0 auto; }

#main-wrap					{ clear: both; width: 960px; height: 458px; margin: 0 auto; padding: 20px 0; background: #fff; }
html>body #main-wrap		{ height: auto; min-height: 458px; }
#main						{ width: 920px; margin: 0 auto; overflow: hidden; }

/* =Header
------------------------------------- */
#header						{ width: 936px; height: 62px; overflow: hidden; margin: 0 auto; padding: 19px 0 0 0; position: relative; }
#header .logo				{ width: 180px; height: 62px; position: absolute; left: 50%; top: 19px; margin: 0 0 0 -90px; color: #fff; font-size:1px; line-height:1px; text-indent:-9999px; background: url(../images/farage_logo.png) no-repeat 0 0; }
#header .toplinks			{ margin: 0; padding: 8px 0 0; text-align: right; }
#header .toplinks a,
#header .toplinks a:visited	{ margin-left: 10px; color: #858585; font-size: 0.917em; text-decoration: none; text-transform: uppercase; }
#header .toplinks a:hover	{ color: #858585; text-decoration: underline; }

/* =Nav Common styles (Center Nav)
------------------------------------- */
.nav-wrap					{ clear: both; float: left; overflow: hidden; width: 100%; text-align: center; }
.nav-wrap ul				{ float: left; position: relative; left: 50%; }
.nav-wrap ul li				{ display:block; float:left; list-style-type:none; position: relative; right: 50%;}
.nav-wrap ul li a			{ display:block; color: #fff; text-decoration:none; }

/* =Main Nav
------------------------------------- */
#nav, #nav li				{ height: 59px; }
#nav a						{ height: 59px; margin: 0 24px; font-size:1px; line-height:1px; text-indent:-9999px; position: relative; }
#nav a:hover				{ background-position: 0 -59px; }
/* Images */
.nav_men a					{ width: 32px; background: url(../images/nav_men.png) no-repeat 0 0; }
.nav_women a				{ width: 60px; background: url(../images/nav_women.png) no-repeat 0 0; }
.nav_shop a					{ width: 96px; background: url(../images/nav_shop.png) no-repeat 0 0; }
.nav_boutiques a			{ width: 82px; background: url(../images/nav_boutiques.png) no-repeat 0 0; }
.nav_corporate a			{ width: 84px; background: url(../images/nav_corporate.png) no-repeat 0 0; }


/* =Sub Nav
------------------------------------- */
#sub-nav					{ margin: 16px 0; }
#sub-nav, #sub-nav li		{ height: 12px; }
#sub-nav a					{ height: 12px; margin: 0 12px; font-size:1px; line-height:1px; text-indent:-9999px; position: relative; }
#sub-nav a:hover			{ background-position: 0 -12px; }
/* Images */
.sub-nav_about a			{ width: 55px; background: url(../images/sub-nav_about.png) no-repeat 0 0; }
.sub-nav_media a			{ width: 80px; background: url(../images/sub-nav_media.png) no-repeat 0 0; }
.sub-nav_careers a			{ width: 47px; background: url(../images/sub-nav_careers.png) no-repeat 0 0; }
.sub-nav_contact a			{ width: 69px; background: url(../images/sub-nav_contact.png) no-repeat 0 0; }
.sub-nav_joinus a			{ width: 69px; background: url(../images/b_join_us_facebook.png) no-repeat 0 0; }


/* =Page Header and Shopping Cart
------------------------------------- */
.page-head					{ width: 573px; height: 80px; float: left; }
html>body .page-head		{ height: auto; min-height: 80px; }
.page-head p				{ margin: 0 0 6px; font-size: 0.917em; text-transform: uppercase; }
.page-head .header img		{ display: block; }
.crumb span					{ padding: 0 4px; }

.cart						{ margin: 0 0 0 587px; text-align: right; }
.cart p						{ margin: 0 0 2px 0; font-size: 0.917em; }
.cart p strong				{ text-transform: uppercase; }
.cart a.btn					{ font-size: 1em; }


/* =Sidebar
------------------------------------- */
.sidebar					{ width: 200px; float: left; }
.sidebar .title				{ height: 16px; margin: 0 0 10px; background: #000; color: #fff; font-size: 1px; line-height: 1px; }
.title-boutiques			{ height: 16px; background: #000; color: #fff; font-size: 1px; line-height: 1px; }

.menu						{ margin: 0 10px 10px; }
.menu li					{ margin: 0 0 5px 0; }
.menu ul					{ margin: 5px 0 0 10px; }
.menu .active				{ font-weight: bold; }

.collectionlist				{ padding-top: 2px; padding-bottom:2px; }
.collectioncat				{ padding-top: 2px; padding-bottom:2px; }

/* =Content
------------------------------------- */
.content					{ width: 700px; float: right; margin: 0 0 0 20px; display: inline; }
.content .copy				{ padding: 6px 0 0; border-top: 3px solid #000; }
.img-col					{ width: 353px; overflow: hidden; margin: 0 14px 0 0; float: left; display: inline; }
.img-col span				{ display: block; width: 333px; height: 333px; overflow: hidden; border: 10px solid #000; }
.img-col span a img			{ display: block; }

.contact-col					{ width: 333px; margin: 0; float: left; display: inline; padding: 6px 0 0; border-top: 3px solid #000; position: relative; }
.copy-col					{ width: 333px; margin: 0; float: left; display: inline; padding: 6px 0 0; border-top: 3px solid #000; position: relative; }
.copy-col .back				{ position: absolute; right: 0px; top: -16px; }
* html .copy-col .back		{ right: -1px; } /* IE6 positioning fix */

.copy-col p					{ font-size: 1.167em; line-height: 1.286; margin: 0 0 16px; }
.copy-col .small			{ font-size: 1em; margin: 0 0 21px 0; }
.copy-col p strong span		{ font-weight: normal; }
.copy-col p em				{ font-size: 0.857em; }

/* Form Elements */
.copy-col .form				{ margin: 0 0 2em; }
.copy-col label				{ float:left; width:5em; display:block; clear:left; margin-right:1em; text-align:left; cursor:hand; font-size: 1.167em; }
.copy-col input, .copy-col select, .copy-col label { margin-top:5px; }
.copy-col select			{ width: 10em; }

/* List elements  */
.copy-col li ul, .copy-col li ol	{ margin: 0.5em 1.5em 0; }
.copy-col ul, .copy-col ol			{ margin: 0 1.5em 1.5em 1.5em; }

.copy-col ul         				{ list-style-type: disc; }
.copy-col ol         				{ list-style-type: decimal; }

.copy-col li						{ margin: 0 0 0.5em; }


/* =Thumbnails
------------------------------------- */
.thumbs a					{ float: left; width: 116px; height: 165px; overflow: hidden; position: relative; cursor:pointer; }
.thumbs a:hover span		{ display: block; width: 116px; height: 165px; background: #000; -moz-opacity:.4; opacity:.4;filter: Alpha(Opacity=40); ;position: absolute; left: 0; top: 0; }



/* =Pagging
------------------------------------- */
/*
.pagging					{ width: 100%; margin: 9px 0 0; border-top: 1px solid #000; text-align: center; position: relative; }
.pagging a					{ position: absolute; font-weight: bold; text-transform: uppercase; }
.pagging .previous				{ left: 0; }
.pagging .next				{ right: 0; }
*/

/* =hero images
------------------------------------- */
.heroimage 	{border-style:solid; border-color:#000; border-width:2px;margin-right:25px;margin-bottom:25px;}

/* General content
------------------------------------- */
.general-copy p                                                         { font-size: 1.167em; line-height: 1.286; margin: 0 0 16px; }

/* List elements  */
.general-copy li ul, .general-copy li ol        { margin: 0.5em 1.5em 0; }
.general-copy ul, .general-copy ol                      { margin: 0 1.5em 1.5em 1.5em; }

.general-copy ul                                                { list-style-type: disc; }
.general-copy ol                                                { list-style-type: decimal; }

.general-copy li                                                        { margin: 0 0 0.5em; }

/* Slider
------------------------------------- */
/*
#loopedSlider                   { width:700px; position:relative; }
.container                              { width:700px; overflow:hidden; position:relative; }
.slides                                 { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides .slide-item             { position:absolute; top:0; width:700px; display:none; padding:0; margin:0; }
*/

/* Slider
------------------------------------- */

#slider { width: 700px; position: relative; }
.scroll { overflow: hidden; position: relative; clear: left; }
.scrollContainer div.panel { width: 700px; }

.pagging { clear: both; width: 100%; height: 30px; margin: 9px 0 0; border-top: 1px solid #000; text-align: center; position: relative; }
.scrollButtons { position: absolute; margin: 10px 0 0; cursor: pointer; }
.scrollButtons.left { left: 0px; z-index: 10; }
.scrollButtons.right { right: 0px; }

.heightOnLoad { height: 354px; }

/* Related Items

------------------------------------- */
.related-wrap { width: 367px; margin: 14px -14px 0 0; overflow: hidden; }
.related-item { width: 108px; float: left; display: inline; margin: 0 14px 10px 0; overflow: hidden; }
.related-item h3 { border: 0; margin-top: 7px; }

/* shipping and delivery infomation */

#shipping {overflow:scroll;height:300px;}
#shipping .title {font-weight:bolder;text-decoration:underline;}
#shipping .bigsubtitle {font-weight:bolder;}
#shipping .subtitle {font-weight:bolder;color:gray;}