/*
Tokens:
{Main-A} = #FF9966
{Text-A} = #000000
{BG-Top} = #FFFFFF
{BG-Bottom} = #FFFFFF
{font} = Tahoma
{background} =  #a30003 left top repeat padding-box border-box scroll url('//cdn.freewebstore.com/origin/330444///d3l66gvjdr7rqw.cloudfront.net/design_media/backgrounds//graphic/bgns_subtle-pattern-11.jpg')
*/

/* CONTENTS
1. General elements and resets
2. Currency Selector
3. Google Translate
4. Action Bar
5. Product Search
6. Featured Products
7. Popular Products
8. Additional Pages
9. Special Offer Products
10. Subcategories
11. Category Browse/Results Pager & Links
12. Product Results/Category Listing Products
13. Basket Info
14. Product Details
15. Related Products
16. Contact Page
17. Stock Notify Page
18. Product Review Page
19. BASKET SECTION
20. Checkout Forms
21. Basket/Checkout overrides
22. Google Captcha
23. Social media icons
24. Language Selector
*/

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

html
{
  /* Fixes an issue with the imageZoom on small screens */
  overflow-x:hidden !important;
  /* fallback */
  background-color: #FFFFFF;
}

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(#FFFFFF), to(#FFFFFF));

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

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

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

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
  
  background:  #a30003 left top repeat padding-box border-box scroll url('//cdn.freewebstore.com/origin/330444///d3l66gvjdr7rqw.cloudfront.net/design_media/backgrounds//graphic/bgns_subtle-pattern-11.jpg');  
  -webkit-background-size:auto;
  -moz-background-size:auto;
  -o-background-size:auto;
  background-size:auto;  
  
  /* Fixes an issue with the imageZoom on small screens */
  overflow-x:hidden !important;
  overflow-y:hidden;
}

/* The minimum allowed width - beyond this it becomes hard to use. Scrolling is preferrable */
#shop_container
{
   min-width:250px;
}

a { color:#000000 }
a:hover { color:#FF9966}

.breadcrumbs
{
   border-color:#ccc;
}

.breadcrumbs a
{
 color:#FF9966;
}

.subheader
{
  color:#000000 !important;
}

.pricing-table li { background-color:white;}

.pricing-table .title
{
  background:#FF9966 !important;
  color:#fff;
}

.panel
{
  background-color:white !important;
}

/* Other pages. Stock notify, Review etc */
/* Some of the content loaded into Blank.xml is floated. So we need to float this panel so the child content is contained within it. */
#fws_content {
width:100%;
float:left;
background-color:transparent;
}

button, .button
{
  background-color:#FF9966 !important;
  border-color:#FF9966 !important;
}

li.cta-button a { color:#000000 !important; }

/* The view and add buttons need to be a bit smaller on small screens */
@media only screen and (max-width: 950px) {
  button, .button
   { padding-left:0.8em !important; 
   padding-right:0.8em !important;
  }
}

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

/* Small change - add a little margin to the icons in footer store links. */
#store_links_lower li i {
margin-right:.2em
}

/* [1] ================== End Of General Elements & Resets ===================== */



/* [2] ======================== Currency Selector ======================= */
#display_currency {
font-size:.8em
}

/* Hide Currency Selector on tiny screens */
@media only screen and (max-width: 250px) {
#display_currency { display:none }
}

.shop_currency_selector {
max-width:100px;
min-width:50px
}
/* [2] ======================== End Of Currency Selector ======================= */




/* [3] ======================== Google Translate ======================= */
#google_translate_element {
position:relative;
top:-.35em;
margin-left:3em;
max-width:200px
}

#google_translate_element select {
font-size:1em
}

/* powered by span */
.goog-te-gadget { color:#fff !important; }

/* Manage the translate widget for small screens */
@media only screen and (max-width: 768px) {
/* Hide powered by span as we dont have room! */
#translator_container {
width:240px;
overflow:hidden
}
}

@media only screen and (max-width: 577px) {
#translator_container,.shop_currency_selector img {
display:none
}
}

/* [3] ======================== End of Google Translate ======================= */

/* [4] ================== Action Bar ====================*/

#action_bar {
padding:0;
min-height:2.5em;
color:#fff;
padding-top:.5em;
padding-left:1em;
padding-right:1em;
font-size:.8em;
background:#FF9966 !important;
border-color:#FF9966 !important;
}

#action_bar a {
color:#fff;
font-weight:700
}

/* [4] ================== End Of Action Bar ====================*/

/* [5] ================== Product Search ====================*/
.quicksearch_container {
min-width:280px;
min-height:45px
}

#btnQuickSearch {
width:30%;
float:left;
height:30px;
background-color:#FF9966;
border-color:#FF9966;
color:#fff
}

#txtQuickSearch {
margin-right:1%;
width:67%!important;
float:left;
height:30px
}

/* [5] ================== End of Product Search ====================*/




/* [6] ==================== Featured Products ======================== */
#featured_products > header {
padding-left:.6em;
font-size:1.4em;
line-height:2em
}

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

#featured_products .title a {
color:#FFFFFF
}

#featured_products article:last-child {
float:left
}

/* [6] ==================== End Of Featured Products ======================== */

/* [7] ==================== Popular Products ======================== */
#popular_products {
text-align:center
}

#popular_products > header {
font-size:1.4em;
line-height:2em
}

#popular_product_item {
margin-bottom:25px
}

#popular_product_img {
border:1px solid #FF9966;
background:#fff;
}

#popular_number {
text-align:center;
background-color:#FF9966;
height:30px;
max-height:30px;
padding-top:.5em;
padding-left:0!important;
padding-right:0!important;
margin:0 auto;
border:1px solid #FF9966
}

#popular_title {
text-align:left;
font-size:.9em;
padding:.5em;
min-height:50px;
max-height:60px;
overflow:hidden;
margin:0 auto;
color:#FF9966
}

#popular_number a {
color:#fff
}

#popular_title a {
color:#000000
}

/* we want the last child to float left not right */
#popular_product_item:last-child {
float:left
}

/* [7] ==================== End Of Popular Products ======================== */


/* [8] ========================= Additional Pages ============================== */
#custom_pages > header {
font-size:1.4em;
line-height:2em
}

/* 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:#FF9966;
text-align:center;
line-height:3em;
margin-bottom:1em
}

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

/* [8] ========================= End Of Additional Pages ============================== */


/* [9] ========================= Special Offer Products ============================ */
#shop_special_offers > header {
padding-left:.6em;
font-size:1.4em;
line-height:2em
}

#shop_special_offers .title {
height:3.5em;
max-height:3.5em;
text-overflow:ellipsis;
overflow:hidden;
white-space:normal;
font-size:.8em;
background-color:#AE0000;
color:#fff
}

#shop_special_offers .title a {
color:#fff
}

#shop_special_offers .button {
background-color:#AE0000;
border-color:#8C0000
}

#shop_special_offers article:last-child {
float:left
}

/* [9] ========================= End Of Special Offer Products ============================ */


/* [10] ========================= Subcategories ==================================== */
#shop_subcategories > header {
padding-left:.6em;
font-size:1.4em;
line-height:2em
}

#shop_subcategories article .title {
background-color:#5da423;
height:3em
}

#shop_subcategories article .title a {
color:#fff
}

#shop_subcategories article .price a {
font-size:.8em;
text-decoration:underline
}

#shop_subcategories article:last-child {
float:left
}

/* [10] ========================= End Of Subcategories ==================================== */


/* [11] ==================== Category Browse/Results Pager & Links  ========================== */
#results_header_title {
clear:both
}

#pager_sort_by li { color:#000000 }

.results_sortby_container {
width:100%;
float:left
}

.results_sortby_container ul {
float:right
}

.results_pager_container {
width:100%;
float:left
}

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

.results_pager_container a
{
  color:#FF9966 !important;
}
.pagination li.current a
{
  background:#FF9966;
  color:#fff !important;
}

/* This stops them getting too wide on medium screens */
/* The X results found for Y header title */
#results_header_title header {
font-size:1.4em;
text-align:center
}

/* The Sort By Word on pager sort */
#pager_sort_by li {
color:grey
}

/* [11] ==================== End Of Category Browse/Results Pager & Links  ========================== */

/* [12] ==================== Product Results/Category Listing Products ================================== */
#product_results .pricing-table {
max-width:400px;
margin:0 auto;
margin-bottom:1em
}

#product_results > header {
padding-left:.6em;
font-size:1.4em;
line-height:2em
}

#product_results .title {
height:3.5em;
max-height:3.5em;
text-overflow:ellipsis;
overflow:hidden;
white-space:normal;
font-size:.8em;
color:#fff;
background-color:#FF9966
}

#product_results .title a {
color:#fff
}

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

/* Category Header Section */
#shop_category_header
{
   padding-left:0px;
   padding-right:0px;
}
#shop_category_header img
{
  margin:1.2em;
}

/* [12] ==================== End Of Product Results/Category Listing Products ================================== */


/* [13] ==================== Basket Info ==================================================================== */
/* Make basket info checkout link easier to press on mobile */
#basket_info_ul i {
display:block;
min-width:90px
}


/* [14] ==========================Start Of Product Details ============================ */

/* 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;
  margin-top:.5em
}
.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:#eee;
border:solid 1px #ccc;
text-decoration:underline;
margin-bottom:1em;
}

/* 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 label {
display:block;
line-height:2.5em;
width:90%!important;
padding-left:2.5em;
background-color:#eee;
border:solid 1px #ccc
}

#option_container label
{
    border:solid 1px #FF9966 !important;
}

/* Add to Cart button */
#product_details_add_to_cart {
min-width:140px;
max-width:250px;
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
}

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


/* [15] ============== Related Products =================== */

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

#related_products_item:last-child {
float:left
}

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

/* [15] ============== End Of Related Products =================== */

/* [16] ================ 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 header,.contact_address h1 {
font-size:1.4em;
margin-bottom:1em;
font-weight:200
}

.contact_form {
margin-top:2em
}

.contact_form textarea {
min-height:12em
}

.contact_send_btn {
width:8em;
background-color:#FF9966;
color:#fff;
height:2em;
font-weight:700;
float:right
}

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



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

.stock_notify table {
margin:0 auto
}

.stock_notify textarea {
height:12em
}
/* [17] =================== End of Stock Notify Page =============== */


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

.shop_product_review_form textarea {
height:12em
}
/* [18] ==================== End Of Product Review Page ==================== */


/* [19] ================= 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
}

/* Increase forgotten password input height */
.basket_login_field input.riTextBox {
height: 2em;
}

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


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

.basket_summary {
border-color:#ddd!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
}

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


/* [21] ============================= 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;}
}


/* [22] ============================= 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;}
}

/* [23] ============================= Social Media Icons ==================================== */
.social
{  
    list-style:none;
}
.social li a
{
   color:#000000;
   font-size:72px;
}

/* [24] ============================ Language Selector ======================================*/
.shop_language_selector { padding-bottom:1em;}
.lang_item { float:left; margin:5px;}
.lang_item img { min-width:48px; min-height:32px; border:solid 2px #000; margin:0; margin-left:1em; }
.lang_item img:hover { border:solid 2px red;}
.lang_item.active { border:none}
.lang_item.active img { border:solid 2px #fff;margin-right:0; }

@media only screen and (max-width: 640px) {
  .shop_language_selector { padding:0em;padding-bottom:1em;}  
  .lang_item { width:50px;float:left; }
}
/* Fix for social icons in IE/FF */
.social { width:100%;}

#instafeed > a > img { max-width:150px;}


/* 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 header 
{   font-size: 1.9em;
    color: #222222;
    font-family: "Open Sans",sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizelegibility; 
}

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