/*
Tokens:
{Main-A} = #f20020
{BG-Top} = #05021a
{BG-Bottom} = #f7f7f7
{font} = Tahoma
{background} = 
*/

/* CONTENTS
1. General elements and resets
*/


/* [1] ================== General Elements & Resets ===================== */
html
{
  /* Fixes an issue with the imageZoom on small screens */
  overflow-x:hidden !important;
  /* fallback */
  background-color: #f7f7f7;
}

body
{
    /*height:100% !important; Fixes bg gradient but breaks the fisheye image zoom*/  
  font-family:Tahoma, Arial, Helvetica, sans !important;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#05021a));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #05021a, #f7f7f7);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #05021a, #f7f7f7);

  /* IE 10 */
  background: -ms-linear-gradient(top, #05021a, #f7f7f7);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f7f7f7, #05021a);
  
  background: ;
  -webkit-background-size:;
  -moz-background-size:;
  -o-background-size:;
  background-size:;
  
  /* Fixes an issue with the imageZoom on small screens */
  overflow-x:hidden !important;
}

/* COLORS */
.featured_number
{
   background-color:#f20020;
   color:#f7f7f7;
}

/* Link color? */
a { color:#f20020}

/* We need to hard code this as the bg color for the panel is white. */
.panel a { color:#2ba6cb;}

/* Resets to stop ipad/iphone from doing the crazy ugly buttons */
input[type=text], input[type=submit],input[type=image],input[type="email"], input[type="search"], input[type="password"]   {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none; /* mobile firefox too! */
}

/* Buttons */
.button, #btnQuickSearch, .contact_send_btn
{
  background-color:#f20020 !important;
  border-color:#05021a !important;
  color:#f7f7f7 !important;
}
.button a { color:#f7f7f7;  }

#btnQuickSearch { border-style:none; border-width:0px; }


hr
{
 border-width:0px 0 0 !important;
}

.row
{
  max-width:98% !important;
}

/* Stop the NivoSlider getting out of hand */
#slider
{
  float:none !important;
  max-width:1200px;
  margin:0 auto;
}


#fws_content
{
   margin-top:2em;
   float:left;
   width:100%;
}

#shop_header_banner
{
  text-align:center;
  margin-top:1em;
  margin-bottom:1em;
}

#logo_holder
{
  margin-top:1em;
  margin-bottom:1em;
}

@media only screen and (max-width: 577px) {

#shop_header_banner
{
  text-align:center;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

#logo_holder
{
  margin-top:0.5em;
  margin-bottom:0.5em;
}

}

#social_bookmarks a, footer a { color:#f20020; }

/* Tooltip reset */
.has-tip, .has-tip:hover
{
  font-weight:normal;
  border-bottom:none;
  max-width:180px;
}

/* Central Page Content */
#central_content
{
   width:98%;
   margin:0 auto;
}

header, .contact_form header,.contact_address h1, .stock_notify h3, .shop_product_review_form h3
{
   border-top:solid 2px #f20020;
   line-height:3em;
   border-bottom:solid 2px #f20020;
   margin-bottom:2em;
   font-family: 'Audiowide', cursive;
   font-size:1.4em;
   color:#f20020;
}

h3.subheader {
font-family: 'Audiowide', cursive;
color: #f20020;
}

/* [1] ================== END OF General Elements & Resets ===================== */


/* [2] ================== TopBar, QuickSearch, Top Level Categories, Currency, Google Translate ===================== */

.top-bar { margin-bottom: 0px !important; }

/* [x] ======================== Quick Search ============================ */
#txtQuickSearch { width:150px; margin-top:0.15em; }
#btnQuickSearch { margin-top:2px; }
#btnQuickSearch, #txtQuickSearch
{
   float:left;
}

/* Fix Quicksearch on ipads */
#txtQuickSearch
{
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

nav.expanded li #txtQuickSearch { width:75%; height:30px !important;}
nav.expanded li #btnQuickSearch { width:25%; height:30px !important; }

/* Product Categories - top level */
#top_lvl_categories li { height:1.9em !important; }
#top_lvl_categories li a
{
    font-size: 0.7em; 
    text-transform: uppercase;
}

#logo_holder
{ text-align:center;}

/*  ======================== My Account Links ======================= */

@media only screen and (max-width: 940px) {
  .myaccounticon { display:none;}
}

@media only screen and (min-width: 940px) {
  .myaccounttext { display:none;}
}



/*  ======================== Currency Selector ======================= */

.shop_currency_selector {
padding-top:0.4em;
margin-left:1em;
margin-right:1em;
}
#display_currency { width:auto !important; }

/* ======================== Google Translate ======================= */
/*  Google Translate */
#translator_container { background-color:#aaa; padding-left:1em; }
.goog-te-combo { max-width:250px; }

/* [2] ================== END OF TopBar, QuickSearch & Top Level Categories ===================== */

/* [3] ================== Featured Products ===================== */

/* Featured Product */
.featured_item
{
  text-align: center;
  height: 276px !important;
  overflow: hidden;
  width: 233px;
  margin: 6px;
  padding: 0px;
  float:left;
}

/* First Item Template - medium and up screens */
@media only screen and (min-width: 577px) {

.featured_item:nth-of-type(1)
{
   border:solid 1px #f20020;
   height: 564px !important;
   width:478px;
}

.featured_item:nth-of-type(1) .featured_image_container
{
   background-color:#f20020;
}

.featured_item:nth-of-type(1) img
{
   width:100%;
   padding-top:21px;
   padding-bottom:21px; 
}
.featured_item:nth-of-type(1) .featured_footer
{
   border-top:solid 1px #f20020;
}
}
/* End First Item Template */

.featured_item:last-child
{
  float:left;
}

/*on small screens where there is no room to float side by side simply stack them*/
@media only screen and (max-width: 600px) {

.featured_container { width: 100%; }
header { text-align:center; }
.featured_item
{
  float:none !important;
  margin:0 auto;
  margin-bottom:1em;
}  
}


/* Grows in increments and always centers content */

@media only screen and (min-width: 600px) and (max-width: 766px) {
.featured_container { width: 490px; margin:0 auto;}
}

@media only screen and (min-width: 766px) and (max-width: 1017px) {
.featured_container { width: 735px; margin:0 auto;}
}

@media only screen and (min-width: 1017px) and (max-width: 1517px) {
.featured_container { width: 1017px; margin:0 auto;}
}

@media only screen and (min-width: 1517px) and (max-width: 1840px) {
.featured_container { width: 1517px; margin:0 auto;}
}

@media only screen and (min-width: 1840px) { 
.featured_container { width: 1840px; margin:0 auto;}
}

@media only screen and (min-width: 2000px) { 
.featured_container { width: 100%; margin:0 auto;}
}

/* End of incremental growth */


.featured_footer
{
  width:100%;
  height:43px;
  background-color:#f20020;
  color:#f7f7f7;
  border-top:solid 1px #e9e9e9;
}

.featured_number
{
   color:#f7f7f7;
   text-align:center;
   padding-top:1em;
   font-weight:bold;
   width:43px;
   height:43px;
   float:left;
}
.featured_details
{
    padding:0.3em;
    padding-left:4em !important;
    font-size:0.8em;
    text-align:left;
    text-overflow:ellipsis;
    background-color:white;
    height:43px;
}



/* [3] ================== END OF Featured Products ===================== */



/* [4] ================== Custom Pages ===================== */

#custom_pages
{
 margin-top:3em;
}

#pages_container
{
  width:90%;
  margin:0 auto;
}

#custom_pages li {
width:400px;
background-color:#f20020;
text-align:center;
line-height:2.5em;
margin:0.5em;
}
#custom_pages li a
{
 color:#f7f7f7;
}


/* Make the Custom Pages Links Easier to use on mobiles and tablets */
@media only screen and (max-width: 768px) {
#custom_pages > header {
text-align:center
}

#custom_pages li {
width:100%;
background-color:#f20020;
text-align:center;
line-height:3em;
margin-bottom:1em
}

#custom_pages a {
display:block;
 color:#f7f7f7;
}
}

/* [4] ================== END OF Custom Pages ===================== */



/* [5] ================== Category/Browse/Results ========================== */

/* Category header */
#shop_category_header img
{
   vertical-align:baseline !important;
   margin:1em;
}
#shop_category_header p 
{
   text-align:left;
}

#pager_sort_by
{
  float:right;
}

#pager_sort_by li, #pager_sort_by li a
{ color: #f20020; }

.breadcrumbs
{
  background-color:#f7f7f7;
}
.breadcrumbs li a
{
  color:#f20020;
}

#product_results article
{
   clear:right;
}

#product_results article:last-child
{
  float:left;
}

/* Product Results Sort By */
.results_sortby_container li:first-child
{
   font-family: 'Audiowide', cursive;
   color:#f20020;
   margin-left:1em !important;  
}

.results_sortby_container li:first-child:after
{
   content:' :';
}

/* Product Results Item */
#product_results article 
{
   width:250px;
}
#product_results article:last-child { float:left; }

/* Grows in increments and always centers content */
@media only screen and (max-width: 537px) {
#product_results > article { float:none !important;margin:0 auto }
}


@media only screen and (min-width: 538px) and (max-width: 783px) {
#product_results { width: 538px; margin:0 auto;}
}

@media only screen and (min-width: 783px) and (max-width: 1017px) {
#product_results { width: 784px; margin:0 auto;}
}

@media only screen and (min-width: 1017px) and (max-width: 1517px) {
#product_results { width: 1017px; margin:0 auto;}
}

@media only screen and (min-width: 1517px) and (max-width: 1840px) {
#product_results { width: 1517px; margin:0 auto;}
}

@media only screen and (min-width: 1840px) { 
#product_results { width: 1840px; margin:0 auto;}
}

@media only screen and (min-width: 2000px) { 
#product_results { width: 100%; margin:0 auto;}
}

/* End of incremental growth */

/* Make the sortby and pager easier to use on small screens */
@media only screen and (max-width: 537px) { 
.results_sortby_container
{
  width:100%;
  text-align:center;
}

#pager_sort_by li { margin-left:0 !important; }

#pager_sort_by
{
   float:none;
   margin:0 auto;
   margin-bottom:2em;
}
#pager_sort_by li
{
    float:none;
    margin-bottom:1em;
}
#pager_sort_by li a
{
   background-color:#f20020;
   color:#05021a;
}
}

/* Results Pager */
.results_pager_container {
width:100%;
float:left
}

@media only screen and (max-width: 537px) {
.results_pager_container { float:none; }
}

.results_pager_container ul {
max-width:150px;
margin:0 auto;
margin-bottom:2em;
}

.results_pager_container a
{
  color:#f20020 !important;
}
.results_pager_container .pagination li.current a, .results_pager_container .pagination li a:hover
{
  background:#f20020;
  color:#05021a !important;
}


/* [5] ================== END OF Category/Browse/Results ========================== */


/* [6] ================== Sub Categories ========================== */

/* Sub-categories */

#shop_subcategories
{
   border-top:solid 2px #f20020;   
   padding-top:1em;
}
#shop_subcategories li:first-child
{
   font-family: 'Audiowide', cursive;
   font-size:1.4em;
   color:#f20020;
   margin-left:1em !important;
}

#shop_subcategories li a
{
  color:#f20020;
  font-size:1em;
  line-height:2.3em;
}


/* [6] ================== END OF Sub Categories ========================== */


/* [7] ================== PRODUCT DETAILS ================================== */

/* Stops product details from getting too wide on large screens */
.pricing-table 
{ 
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 2em;
}

.pricing-table li { background-color:#fff;}
.pricing-table li.title { background-color:#f20020; height:4em; color:#05021a; overflow:hidden;}
.pricing-table li.title a { color:#05021a; font-size:0.8em; }
.pricing-table li.prodimg { text-align:center; background-color:#fff}


/* Price Details Span */
.price_breakdown {
font:16px Verdana,Geneva,sans-serif;
border:1px solid #ccc;
background:#fff;
padding:10px;
-moz-border-radius:6px;
border-radius:6px;
-moz-box-shadow:1px 1px 3px #ccc;
box-shadow:1px 1px 3px #ccc;
position:relative;
overflow:visible;
width:100%;
min-width:150px;
max-width:250px;
margin:0 auto;
display:inline-block;
margin-top:1em
}

.price_inc_tax {
font-size:1.25em;
font-weight:700;
padding:0 10px;
float:left
}

.price_inc_tax span {
font-size:.5em;
font-weight:400;
color:#666;
position:relative;
top:-1px;
text-decoration:none
}

.price_breakdown hr {
width:100%;
border:0;
height:1px;
color:#ccc;
background:#ccc;
float:left;
clear:left
}

.price_ex_tax {
font-size:1em;
padding:0 10px;
color:#666;
float:left
}

.price_ex_tax span {
font-size:.625em;
position:relative;
top:-1px;
text-decoration:none
}

.price_breakdown a {
font-size:.875em;
font-weight:700;
padding:0 5px;
text-decoration:none;
color:#FFF;
background:#999;
-moz-border-radius:0 6px;
border-radius:0 6px;
position:absolute;
top:0;
right:0;
cursor:help;
float:right
}

.price_breakdown a span {
display:none;
width:120px;
font-size:11px;
line-height:16px;
font-weight:400;
padding:7px 10px;
text-align:center;
position:absolute;
bottom:0;
left:0;
color:#FFF;
background:#666;
-moz-border-radius:6px;
border-radius:6px;
text-decoration:none
}

.price_breakdown a:hover span {
display:inline
}

/* Product Details Images */
#details_image_container
{
  background-color:#fff;
  border:solid 1px #ccc;
  text-align:center;
}
.details_thumbnail {
float:left;
margin:.5em
}

/* Make the Product Details Gallery Launcher Easier to click */
#gallery_launcher {
display:block;
width:100%;
line-height:3em;
background-color:#f20020;
border:solid 1px #ccc;
text-decoration:underline;
margin-bottom:1em;
color:#05021a;
}

/* ====================== Product Options ============================*/

/* Make Product Option Radiobuttons easier to click */
#product_details_options input[type="radio"] {
float:left;
height:2.5em;
margin-left:1em
}

#product_details_options > div
{
   margin-left:10%;
}

#product_details_options label {
display:block;
line-height:2.5em;
width:90%!important;
padding-left:2.5em;
background-color:#f20020;
color:#05021a;
max-width:500px;
}

/* Add to Cart button */
#product_details_add_to_cart {
min-width:140px;
max-width:250px !important;
margin:0 auto;
margin-top:1em
}

#product_details_add_to_cart input {
height:2.4em;
width:100%
}

/* Product description - slight spacing */
#product_details_desc {
margin-top:1em
}

/* RRP in product details */
.rrp {
text-align:center;
line-height:3em;
font-weight:700
}

.saving {
text-align:center;
line-height:3em;
color:red;
font-weight:700
}

/* [7] ========================= End  Of Product Details ============================ */

/* [8] ============== Related Products =================== */

#related_products_item { width:250px; float:left; margin: 0 1em }

#related_products_item .title {
height:3.5em;
max-height:3.5em;
text-overflow:ellipsis;
overflow:hidden;
white-space:normal;
font-size:1em
}

#related_products_item:last-child {
float:left
}

#related_products_item .title a {
color:#FFFFFF!important
}


/* [9] ================ Contact Page Things ========================= */

address {
font-style:normal;
font-size:.9em;
line-height:1.5em
}

.contact_map {
margin-top:1em
}

.contact_map a {
text-decoration:underline
}

.contact_form {
margin-top:2em
}

.contact_form textarea {
min-height:12em
}

.contact_send_btn {
width:8em;
height:2em;
font-weight:700;
float:right
}


/* [9] =============== End of Contact Page Things ================ */

/* [10] ============== Google Recaptcha ========================== */

/* Google ReCaptcha - make responsive. */
@media only screen and (max-width: 577px) { #recaptcha_table tr:nth-child(2) td:nth-child(2), #recaptcha_table tr:nth-child(1) td:nth-child(3) {    display:none; } }

/* [11] ==================== Stock Notify Page ==================== */
.stock_notify {
max-width:75%;
margin:0 auto
}

.stock_notify table {
margin:0 auto
}

.stock_notify textarea {
height:12em
}

/* [12] ==================== Product Review Page ==================== */
.shop_product_review_form {
max-width:75%;
margin:0 auto
}

.shop_product_review_form textarea {
height:12em
}

/* [13] ================= BASKET SECTION ========================= */

/* Make basket arrows easier to control */
.basket_links_arrows {
display:none
}

.basket_links a {
border-radius:5px!important;
padding:0 14px!important
}

.basket_links .basket_links_back a {
border-radius:5px!important;
padding:0 14px!important
}

/* End of basket arrows */

.basket_title {
height:3em!important
}

.basket_title_left {
width:auto!important;
line-height:3em!important;
float:left!important;
text-align:left!important;
padding-left:1em!important
}

.basket_title_right {
width:auto!important;
line-height:3em!important;
float:right!important;
padding-right:1em!important
}

.basket_product_quantity input {
height:22px!important
}

.basket_product_redeem input {
height:22px!important
}

.basket_login_field input,.basket_login_field textarea {
font-size:1.3em!important
}

.basket_product_remove a {
font:bold 12px verdana!important;
padding-top:3px
}

.basket_product_image {
border:none!important
}

.basket_totals_discount {
width:100%!important
}

/* [13] ============================= End of BASKET SECTION ========================= */

/* [14] ============================= Checkout Forms =========================== */
.basket_login_field input,.basket_login_field textarea {
width:auto!important
}

.basket_container {
  float:none !important;
  max-width:1200px;
  margin:0 auto;
}

.basket_summary {
border-color:#ddd!important;
float:none !important;
}

.basket_box_fullwidth {
padding:0!important;
width:100%!important
}

.basket_login_box_title {
width:100%!important
}

.basket_login_box_main {
width:100%!important;
border:solid 1px #ccc!important
}

.basket_login_field_title label {
font-size:1.3em!important
}

.basket_login_error {
clear:both!important;
min-height:1em!important
}

/* [14] ============================ End of Checkout Forms ======================= */

/* [15] ============================= Basket/Checkout overrides =================== */
.basket_product_price, .basket_subtotal
{
  white-space:nowrap;
}

/* Float the totals so they are more flexible on small screens */
.basket_links
{
  width:100% !important;
  height:auto !important;
  padding:1em !important;
  margin-bottom:0px !important;
}
.basket_totals
{
   text-align:right;
   padding-right:1em;
   padding-bottom:1em;
}

.basket_totals_right, .basket_totals_left
{
     padding:0px!important;
}

.basket_totals > .basket_totals_left
{
   width:auto !important; 
   float:none;   
}
.basket_totals > .basket_totals_right
{
   width:auto !important; 
   float:none;   
   text-align:right !important;
}
.basket_product_redeem
{
  text-align:right;
  padding-bottom:0.8em;
}
.basket_product_redeem input[type=text]
{
    width:auto !important;
    max-width:15em !important;
    min-width:4em;
    display:inline !important;
    float:none !important;
    height:2em !important;
}
.basket_product_redeem a
{
    float:none !important;
    margin-top:13x !important;    
    padding:2px 5px;
    font-size:1.1em!important;
}
.basket_produdct_right, .basket_product_quantity, .basket_product_price, .basket_product_remove
{
  padding:0px !important;
}
.basket_payment .basket_payment_text label
{
  width:auto !important;
}

@media screen and (max-width: 514px) {
.basket_product_price { width:49% !important; margin:0px !important; }
.basket_product_quantity a {display:none;}
}
@media screen and (max-width: 452px) {
  .basket_product_price { width:70% !important; }
  .basket_product_remove { width:30% !important; }
}
@media only screen and (max-width: 350px) {
    /* Stack the continue shopping and checkout buttons */
	.basket_links{   height:auto !important;   margin:0 auto;}
	.basket_links .basket_links_back, .basket_links_back a, .basket_links a {   width:100% !important;   text-align:center !important;}
}

/* Social Icons */
#social
{
clear:both;
max-width:500px;
}

/* Language Select */
#lang_select { clear:both;padding-right:1em;}
#lang_select li { padding:0.5em;margin:0px;width:70px; }
#lang_select li a { border:solid 1px #fff}
#lang_select li a:hover { border:solid 1px red}
#lang_select li:first-child { width:94px;}
#lang_select li:first-child a { border:solid 1px red}

@media screen and (max-width: 614px) {
  #lang_select li:first-child { width:70px;}
}

/* Modal Popup Styling */
.md-modal{width:100%;max-width:540px;color:#fff;}
.md-content{background: #e74c3c;position: relative;border-radius: 3px;margin: 0 auto;}
.md-content > h3{color:#fff !important;	margin: 0;padding: 0.4em;text-align: center;font-size: 2em;	font-weight: 300;opacity: 0.8;background: rgba(0,0,0,0.1);border-radius: 3px 3px 0 0;}
.md-content div	{padding: 15px 40px 50px;margin: 0;font-weight: 300;font-size: 1em;line-height:1.4em;}        
.md-content > div p { margin: 0;}
.md-content button{border: none;padding: 0.6em 1.2em;background: #c0392b;color: #fff;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;display: inline-block;border-radius: 2px;display:block;margin: 0 auto;font-size: 0.8em;}
.md-content button:hover { background: #A5281B;}
.md-cancel { position:absolute;bottom:2em;left:2em; }
.md-ok { position:absolute;bottom:2em;right:2em; }


/*===================== ContactUsv2.ascx ============================*/
/* Contact Form Error Messages */
.contact_form { display:block;}
.contact_form span:before 
{ 
  content: '\a' ; 
  white-space: pre;    
}
.contact_form span
{
  line-height:2em;
  font-weight:bold;
}
/*===================== END ContactUsv2.ascx ============================*/