/* Coded By : Wes Smith / wes@monstersedge.com / Monsters Edge Ltd */

/* --- GLOBAL STYLES --- */
body { font-size:14px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 50px 0; background:#022052; color:#000000; text-align:left;}
img { display:block; border:0;}
p { padding:0 0 15px 0; margin:0; line-height:18px;}
address { font-style:normal;}

#holding { width:400px; margin:100px auto; text-align:center;}
#holding img { margin:0 auto 50px auto;}
#holding #text { color:#fff; font-size:16px;}

/* ----- FONTS ----- */
@font-face {
    font-family: 'revival';
    src: url('../fonts/revival_565_bt-webfont.eot');
    src: url('../fonts/revival_565_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/revival_565_bt-webfont.woff') format('woff'),
         url('../fonts/revival_565_bt-webfont.ttf') format('truetype'),
         url('../fonts/revival_565_bt-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'revival-bold';
    src: url('../fonts/revival_565_bold_bt-webfont.eot');
    src: url('../fonts/revival_565_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/revival_565_bold_bt-webfont.woff') format('woff'),
         url('../fonts/revival_565_bold_bt-webfont.ttf') format('truetype'),
         url('../fonts/revival_565_bold_bt-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#container { width:994px; margin:0 auto;} 
#container header { width:994px; height:165px; position:relative;}
#container header #logo { position:absolute; top:8px; left:17px;}
#container header #tagline { position:absolute; top:75px; right:17px; color:#977840; font-size:30px; line-height:32px; font-family: 'revival-bold';}

#content { width:994px; background:#ffffff; height:auto !important; height:400px; min-height:400px;}
#content #cPadding { padding:17px;}

#content #banner { width:960px; height:405px; background:url(../images/bannerShadow.png) bottom left no-repeat; margin:0 0 15px 0; position:relative;}
#content #banner ul#slider { width:960px; height:392px; list-style:none; padding:0; margin:0;}
#content #banner ul#slider li { width:960px; height:392px; position:relative;}
#content #banner ul#slider li .text { position:absolute; top:95px; right:40px; color:#FFFFFF; font-size:48px; line-height:54px; font-family: 'revival-bold'; width:350px; text-align:right; text-shadow:3px 2px #050605;}
#content #banner .bx-prev { position:absolute; top:180px; left:5px; width:38px; height:38px; display:block; background:url(../images/slideBtnPrev.png) 0 0 no-repeat; font-size:0; z-index:100;}
#content #banner .bx-next { position:absolute; top:180px; right:5px; width:38px; height:38px; display:block; background:url(../images/slideBtnNext.png) 0 0 no-repeat; font-size:0; z-index:100;}

#content #features { width:960px;}
#content #features .feature { float:left; width:306px; text-decoration:none;} 
#content #features .feature.middle { float:left; width:306px; margin:0 21px;} 
#content #features .feature h2.featureTitle { color:#FFFFFF; text-align:center; display:block; background:#1e305e; font-size:18px; font-weight:normal; padding:10px 0; line-height:18px;}

#content #featuresWide { width:960px;}
#content #featuresWide .feature { float:left; width:468px; text-decoration:none; margin:0 24px 24px 0;} 
#content #featuresWide .feature.alt { float:left; width:468px; margin:0 0 24px 0;} 
#content #featuresWide .feature h2.featureTitle { color:#FFFFFF; text-align:center; display:block; background:#1e305e; font-size:18px; font-weight:normal; padding:10px 0; line-height:18px;}

#content #feeds { width:960px; margin:0 0 15px 0;}
#content #feeds .feed { float:left; width:304px; text-decoration:none; border:1px solid #1e305e; height:auto !important; height:347px; min-height:347px;} 
#content #feeds .feed.middle { float:left; width:304px; margin:0 21px; height:auto !important; height:347px; min-height:347px;} 
#content #feeds .feed h3.feedTitle { color:#FFFFFF; display:block; background:#1e305e; font-size:18px; font-weight:normal; padding:10px 15px; line-height:18px;}
#content #feeds .feed h3.feedTitle.twitter { background:#1e305e url(../images/iconTwitter.png) 98% 6px no-repeat;}
#content #feeds .feed h3.feedTitle.facebook { background:#1e305e url(../images/iconFacebook.png) 98% 6px no-repeat;}
#content #feeds .feed h3.feedTitle.facebook img { display:inline-block;}
#content #feeds .feed h3.feedTitle.instagram { background:#1e305e url(../images/iconInstagram.png) 98% 6px no-repeat;}
#content #feeds .feed .content { padding:10px;}
#content #feeds .feed.first { border:none; width:306px;}
#content #feeds .feed h2.featureTitle { color:#FFFFFF; text-align:center; display:block; background:#1e305e; font-size:18px; font-weight:normal; padding:10px 0; line-height:18px;}

#content #feeds .feed .tweet_list { list-style:none; margin:0 0 0 0; padding:0; overflow-y:hidden;}
#content #feeds .feed .awesome, .tweet_list .epic { text-transform: uppercase;}
#content #feeds .feed .tweet_list li { overflow-y: auto;overflow-x: hidden; padding:0 0 20px 0;list-style-type: none; padding:10px 0 10px 0px; font-size:12px; border-bottom:1px solid #d6d6d6;}
#content #feeds .feed .tweet_list li a { color:#093c7d; font-weight:normal; text-decoration:underline;}
#content #feeds .feed .tweet_list li a:hover { text-decoration:none;}
#content #feeds .feed .tweet_list .tweet_even {}
#content #feeds .feed .tweet_list .tweet_avatar { padding-right: .5em; float: left;}
#content #feeds .feed .tweet_list .tweet_avatar img {vertical-align: middle;}

#content #leftCol { float:left; width:470px;}

#content #rightCol { float:right; width:470px;}
#content #rightCol #video { margin:0 0 25px 0;}

/* --- SHOP STYLES --- */
#content #leftColNarrow { float:left; width:225px;}
#content #leftColNarrow.contact { float:left; width:225px; border-right:1px solid #d9d9d9;}
#content #leftColNarrow a#login { background:url(../images/iconPadlock.gif) 3px 0 no-repeat; padding:0 0 0 30px; display:block; color:#0e1d44; font-size:18px; font-weight:normal; text-decoration:none; margin:0 0 20px 0;}
#content #leftColNarrow a#basket { background:url(../images/iconBasket.gif) 0 0 no-repeat; padding:0 0 0 30px; display:block; color:#0e1d44; font-size:18px; font-weight:normal; text-decoration:none; margin:0 0 20px 0;}
#content #leftColNarrow a#myDetails { background:url(../images/iconAccount.gif) 1px 0 no-repeat; padding:0 0 0 30px; display:block; color:#0e1d44; font-size:18px; font-weight:normal; text-decoration:none; margin:0 0 20px 0;}
#content #leftColNarrow a#myOrders { background:url(../images/iconOrder.gif) 1px 2px no-repeat; padding:0 0 0 30px; display:block; color:#0e1d44; font-size:18px; font-weight:normal; text-decoration:none; margin:0 0 20px 0;}
#content #leftColNarrow a#login:hover, #content #leftColNarrow a#basket:hover, #content #leftColNarrow a#myDetails:hover, #content #leftColNarrow a#myOrders:hover { text-decoration:underline;}
#content #leftColNarrow #crest { margin:0 0 20px 0;}
#content #leftColNarrow #contactDetails { color:#000000; margin:0 0 20px 0;}

#content #rightColWide { float:right; width:710px;}
#content #rightColWide #products { margin:0 0 50px 0;}
#content #rightColWide #products ul { list-style:none; padding:0; margin:0;}
#content #rightColWide #products ul li { float:left; width:220px; margin:0 25px 25px 0; height:auto !important; height:280px; min-height:280px;}
#content #rightColWide #products ul li.last { margin:0 0 25px 0;}
#content #rightColWide #products ul li a { font-weight:normal; text-decoration:none;}
#content #rightColWide #products ul li a .prdImage { border:1px solid #fff; margin:0 0 8px 0;}
#content #rightColWide #products ul li a:hover .prdImage { border:1px solid #e9e2d6;}
#content #rightColWide #products ul li a .prdName { display:block; width:220px; text-align:center; color:#022052; font-size:16px; line-height:18px; margin:0 0 3px 0;}
#content #rightColWide #products ul li a .prdPrice { display:none; width:220px; text-align:center; color:#022052; font-size:16px; line-height:18px;}
#content #rightColWide #products ul li a:hover .prdPrice { display:block; width:220px; text-align:center; color:#022052; font-size:16px; line-height:18px;}
#content #rightColWide #products .pagination { clear:both; text-align:center; font-size:16px; color:#022052; border-top:1px solid #d9d9d9; padding:10px 0 0 0;}

#content #rightColWide #checkoutButtons { text-align:right; margin:0 0 25px 0;}
#content #rightColWide #checkoutButtons .btn { display:inline-block; width:auto !important; background:#fff; border:1px solid #022052; color:#022052; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 0 0 10px; padding:4px 10px !important; line-height:22px !important; height:25px;}
#content #rightColWide #checkoutButtons .btn:hover { cursor:pointer;}
#content #rightColWide #checkoutButtons a.btn { display:inline-block; width:auto !important; background:#fff; border:1px solid #022052; color:#022052; text-transform:uppercase; font-size:12px !important; font-weight:bold; margin:0 0 0 10px; padding:2px 10px 6px 10px !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; line-height:22px; top:1px; position:relative; height:15px;}
#content #rightColWide #checkoutButtons a.btn:hover { cursor:pointer;}

#content #rightColWide #checkoutButtons.alt { text-align:left; margin:0 0 25px 0;}
#content #rightColWide #checkoutButtons.alt .btn { display:inline-block; width:auto !important; background:#fff; border:1px solid #022052; color:#022052; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 10px 0 0; padding:4px 10px !important; line-height:22px !important; height:25px;}
#content #rightColWide #checkoutButtons.alt .btn:hover { cursor:pointer;}

#content #rightColWide #billingDetails { float:left; width:340px;}
#content #rightColWide #shippingDetails { float:right; width:340px;}

#content #rightColWide #product {}
#content #rightColWide #product #imagery { float:left; width:470px;}
#content #rightColWide #product #imagery { margin:0 0 50px 0;}
#content #rightColWide #product #imagery #imageZoom { margin:0 0 23px 0;}
#content #rightColWide #product #imagery ul#imageGallery { list-style:none; padding:0; margin:0;}
#content #rightColWide #product #imagery ul#imageGallery li { display:block; float:left; margin:0 23px 23px 0;}
#content #rightColWide #product #imagery ul#imageGallery li a { display:block; float:left; width:98px; border:1px solid #e9e2d6;}
#content #rightColWide #product #imagery ul#imageGallery li a.active { display:block; float:left; width:98px; border:1px solid #0e1d44;}
#content #rightColWide #product #imagery ul#imageGallery li.last { margin:0 0 23px 0;}
#content #rightColWide #product #imagery ul#imageGallery li:hover { cursor:pointer;}
#content #rightColWide #product #info { float:right; width:220px;}
#content #rightColWide #product #info h1 { color:#022052;}
#content #rightColWide #product #info h2 { color:#000000; font-size:14px; font-weight:normal;}
#content #rightColWide #product #info #prdLast, #content #rightColWide #product #info #prdFitting, #content #rightColWide #product #info #prdCode { padding:0 0 15px 0;}
#content #rightColWide #product #info #prdPrice { padding:0 0 30px 0;}

/* --- TESTIMONIALS STYLES --- */
#content #leftColTs { float:left; width:310px;}
#content #leftColTs #crest { margin:100px auto;}
#content #rightColTs { float:right; width:610px; padding:45px 0 0 0;}
#content #rightColTs .testimonial { border:1px solid #cccccc; background:#f5f5f5 url(../images/quoteOpen.png) 20px 15px no-repeat; padding:30px 20px 20px 74px; color:#000000; font-size:18px; line-height:22px; margin:0 0 25px 0;}
#content #rightColTs .testimonial .tInner { padding:0 40px 40px 0; background:url(../images/quoteClose.png) bottom right no-repeat;}
#content #rightColTs .testimonial .tText { font-style:italic; margin:0 0 15px 0;}
#content #rightColTs .testimonial .tAuthor { text-align:right; color:#022052;}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}
.divider { width:100%; height:2px; line-height:0; font-size:0; background:url(../images/dividerBg.gif) 0 0 repeat-x; margin:20px 0; padding:0;}
.floatLeft { float:left;}
.floatRight { float:right;}
.imageLeft { float:left; margin:0 0 30px 0;}
.imageRight { float:right; margin:0 0 30px 0;}
.blue16 { color:#022052; font-size:16px; font-weight:bold;}
.blue20 { color:#022052; font-size:20px; font-weight:bold; line-height:24px;}
.grey { color:#7d7d7d;}
.error { color:#F00;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:12px; line-height:16px; font-weight:bold;}
h1 { color:#9e8353; font-size:24px; line-height:28px;}
h2 { color:#022052; font-size:18px; line-height:22px;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:122px; left:17px; z-index:200;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav ul li { display:inline; float:left; position:relative;}
#topNav ul li a { display:block; color:#FFFFFF; font-size:16px; font-weight:normal; text-decoration:none; padding:4px 33px 5px 33px;}
#topNav ul li a:hover { background:#133672; text-decoration:none;}
#topNav ul li.active a { background:#133672; text-decoration:none;}
#topNav ul li a.shop { background:#133672; text-decoration:none;}
#topNav ul li.hover a { background:#133672; text-decoration:none;}

/* ----- TOP NAV LEVEL 2 ----- */
#topNav ul.dropdown ul { width:212px !important; display:none; position:absolute; top:25px; left:0; padding:0; padding:5px 0;}
#topNav ul.dropdown ul li { font-weight:normal; padding:0; margin:0 0 1px 0; border:none;}
#topNav ul.dropdown ul li a { font-weight:normal !important; color:#fff !important; width:146px !important; text-align:left !important; padding:6px 33px 6px 33px !important; display:inline-block !important; background:#133672 !important; font-size:16px !important;}
#topNav ul.dropdown ul li a:hover { color:#ab7c28 !important;}
#topNav ul.dropdown ul li.first a { background:none !important;}
#topNav ul.dropdown li.hover ul { display:block;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { margin:0 0 40px 0;}
#leftNav ul { list-style:none; padding:0; margin:0;}
#leftNav ul li {}
#leftNav ul li a { float:left; display:block; color:#0e1d44; font-size:18px; font-weight:normal; text-decoration:none; width:205px; padding:10px;}
#leftNav ul li a:hover { background:#022052; color:#9e8353;}
#leftNav ul li.active a { background:#022052; color:#9e8353;}

/* --- FOOTER --- */
footer { width:934px; padding:30px; color:#fff;}
footer #quickLinks { float:left;}
footer #quickLinks h3 { font-size:18px; line-height:20px;}
footer #quickLinks ul { list-style:none; padding:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; float:left; width:150px;}
footer #quickLinks ul#alt { list-style:none; padding:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; float:left; width:180px;}
footer #quickLinks ul li {}
footer #quickLinks ul li a { color:#fff; text-decoration:none; font-size:13px;}
footer #quickLinks ul li a:hover { text-decoration:underline;}
footer #fRight { float:right; width:300px;}
footer #fRight h3 { font-size:18px; line-height:20px; float:left; padding:3px 0 0 0;}
footer #fRight ul#socialLinks { list-style:none; padding:0; margin:0 0 25px 0; float:right;}
footer #fRight ul#socialLinks li { float:left; margin:0 0 0 6px;}
footer #fRight address { font-size:16px; text-align:right;}
footer #fLinks { border-top:1px solid #abb5c5; border-bottom:1px solid #abb5c5; padding:10px 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0 6px 0;}
footer #fLinks a { color:#fff; text-decoration:none; font-weight:normal;}
footer #fLinks a:hover { text-decoration:underline;}
footer #fLinks #links { float:left; padding:3px 0 0 0;}
footer #fLinks #cards { float:right;}
footer #copyright { font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
footer #siteBy { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
footer #siteBy a { color:#5c6882; text-decoration:none; font-weight:normal;}
footer #siteBy a:hover { text-decoration:underline;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline;}
a:hover { text-decoration:none;}
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0;}
fieldset { padding:0; margin:0 0 15px 0; border:0px none; display:block;}
textarea, input, select { font:12px; font-family:Arial, Helvetica, Verdana, sans-serif;}

#formBuy div { margin:0 0 5px 0;}
#formBuy label { font-size:14px; font-weight:bold; color:#022052; float:left; width:50px; padding:2px 0 0 0;}
#formBuy #btn { margin:10px 0 0 0;}

#formCheckout legend { color:#022052; font-size:18px; line-height:22px; padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #d9d9d9; width:100%;}
#formCheckout label { margin:0 0 5px 0; display:block;}
#formCheckout .row { margin:0 0 10px 0;}
#formCheckout input { width:236px; height:32px; padding:2px 10px 0 10px; background:url(../images/formInputBgShort.gif) 0 0 no-repeat; border:none; font-size:14px; line-height:32px; margin:0;}
#formCheckout .checkbox { margin:0 0 10px 0;}
#formCheckout .checkbox label { display:inline-block !important; font-weight:bold;}
#formCheckout .checkbox input { width:20px !important; display:inline-block; margin:0 0 0 10px; padding:0 !important; height:auto !important;}
#formCheckout .help-inline { color:#F00; display:inline-block;}
#formCheckout .input-mini { background:#fff !important; width:auto !important; padding:0 !important; margin:0 !important; height:auto !important; border:1px inset #ccc !important;}
#formCheckout .details div { margin:0 0 5px 0;}

#content #rightColWide legend { color:#022052; font-size:18px; line-height:22px; padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #d9d9d9; width:100%;}
#content #rightColWide .details div { margin:0 0 5px 0;}

/* ----- CONTACT FORM ----- */
#contactForm div { margin:0 0 10px 0;}
#contactForm label { font-size:14px; color:#000; float:left; width:90px; padding:7px 0 0 0;}
#contactForm .input { width:336px; height:32px; padding:2px 10px 0 10px; background:url(../images/formInputBg.gif) 0 0 no-repeat; border:none; font-size:14px; line-height:32px; margin:0;}
#contactForm .textarea { width:587px; height:138px; padding:10px; background:url(../images/formTextareaBg.gif) 0 0 no-repeat; border:none; font-size:14px; margin:0; resize:none;}

/* ----- TABLES ----- */
.dataTable  { font-family:Arial, Helvetica, sans-serif;}
.dataTable th { background:#29407b; color:#fff; font-weight:normal; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0;}
.dataTable td { background:#e7e8f1; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0;}
.dataTable th.padLeft { padding:0 0 0 10px;}
.dataTable td.padLeft { padding:0 0 0 10px;}
.dataTable td.padRight { padding:0 10px 0 0;}