/*
============
INFORMATION
============

This design uses the Foundation framework. Version 5. So all default styles are powered by the foundation.css stylesheets.
The defaults are very good and only some have been overridden below. You are free to override as you see fit.

Customisation Options
{colorA} = #FF0066 This is the main highlight colour of the store. Swap to whatever you like.
{colorB} = #669933 This is the border (secondary highlight color. Default bbb)
{BG-Top} = #FFFFFF
{BG-Bottom} = #FFFFFF
{font} = Verdana

breakpoints @ 577px / 640px / 1024px
*/

    /* =============================================================================================================== */
    /* General overrides and defaults */
    
    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:Verdana, Helvetica, Arial, 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: ;    
			-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;
    }
	
	h1,h2,h3,h4,h5,hr,.homelink, span.brand, #ui_stock_qty, #sitemap_pages li a, #sitemap_categories li a { color:#FF0066 !important}
	h6, label, blockquote, cite, span.rrp, #pager_sort_by li { color:#669933 !important; }
    
        /* Font Icon colours */
        i { color:#FF0066; margin-right:0.2em;}    

        /* ----------------Product containers and general rules------------------ */

        /* Some padding for the product containers */
        #popular_products, #related_products, #recent_products { padding:1em; }

        /* Restrain width of repeating product items */
        .featured_product, .popular_product, .search_product, .related_product { max-width:250px;margin:0 auto; }
        .recent_product { max-width:180px; margin:0 auto; } /* recent products are slightly smaller */
    
        /* Last product in a list of products needs to float left to avoid leaving a gap */
	    #featured_products .featured_product:last-child { float:left; }
        #popular_products .popular_product:last-child { float:left; }   
        #product_results .search_product:last-child { float:left; }  
        #recent_products .recent_product:last-child { float:left; }
        #related_products .related_product:last-child { float:left; }
    
        /* Product images */    
        .featured_product img, 
        .popular_product img, 
        .search_product img,
        .recent_product img,
        .related_product img { border:solid 1px #fff;}
        
        .featured_product img:hover, 
        .popular_product img:hover,
        .search_product img:hover,
        .recent_product img:hover,
        .related_product img:hover { border:solid 1px #669933;	}

        /* The all important generic placeholder */
        #fws_content { float:left; width:100%;}
    
        /* This the color circle overlay used on all products. To auto show NEW, SALE, HOT etc */
        .overlay_gfx
	    {
		    min-width:48px;
    		font-family: helvetica;
    		background-color: #FF0066;
    		opacity: .9;
    		filter: alpha(opacity=90);
    		-webkit-font-smoothing: subpixel-antialiased;
    		position: absolute;
    		text-transform: uppercase;
    		z-index: 9999;
    		font-size: 11px;
    		line-height: 14px;
    		right: -10px;
    		top: -10px;
    		color: #ffffff !important;
    		padding: 17px 10px; 
    		-moz-border-radius: 40px;
    		-webkit-border-radius: 40px;
    		border-radius: 40px;
    		font-weight: 700;
    		-webkit-font-smoothing: subpixel-antialiased;
            z-index:auto;
	    }		


        /* ====================================================================================== */
        /* Start of Featured Products*/
        
        
		/* End of Featured Products*/
        /* ================================================================================ */
        /* Popular Products */
        
        /* The number overlay used on the POPULAR PRODUCTS control */
        .overlay_number
        {
            width: 38px;
            height: 38px;
            font-family: helvetica;
            background-color: #FF0066;
            opacity: .9;
            filter: alpha(opacity=90);
            -webkit-font-smoothing: subpixel-antialiased;
            position: absolute;
            text-transform: uppercase;
            z-index: 9999;
            font-size: 18px;
            line-height: 5px;
            left: 0px;
            top: -10px;
            color: #ffffff !important;
            padding: 17px 10px;
            -moz-border-radius: 40px;
            -webkit-border-radius: 40px;
            border-radius: 40px;
            font-weight: 700;
            -webkit-font-smoothing: subpixel-antialiased;
            z-index: auto;
            text-align: center;
        }
        
        /* End of Popular Products */
        /* ================================================================================== */
        
        /* ================================================================================== */
        /* Top bar - menu */
		
		.top-bar-section ul li > a.button { background-color:#FF0066;}
		.top-bar-section ul li:hover > a.button { background-color:#FF0066;}	
		.top-bar-section li a:hover {   color:#FF0066 !important;}		
		.top-bar-section li .icon-basket-1:hover { color:#fff !important;}
		
        /* Search Box */
		#searchbox {margin-top:1em;}
		#searchbox a {  color:#669933;	}
		#searchbox input { border-right:none; border-color:#669933;}
        #searchbox:hover * { border-color:#FF0066; color:#FF0066}
        #searchbox div { padding-left:0px;padding-right:0px}
		
        /* MyAccount login/logout icons */
		ul.right li a.icon-user-add, ul.right li a.icon-user-delete  { font-size:1.4em;}
        
        /* End of Top bar menu */
        /* ================================================================================== */
		
		
        /* ============================================================================================================================ */        
        /* START OF PRODUCT DETAILS */
        
        
        /* ================================================================================== */
        /* Breadcrumbs */
        /* The category breadcrumbs across top of product details page */
    	.breadcrumbs { margin-top:1.2em;}
		.breadcrumbs > *  a{ color:#FF0066;}        
        ul.breadcrumbs li:last-child a { color:#666 }
        /* ================================================================================== */
        
    	.product_details
		{
		   height:6em;
		   overflow:hidden;
		}
		.product_details h5
		{
		   font-size:0.8em;
		   font-weight:bold;
		   margin-bottom:0;
		}
		.product_details span
		{
		  float:left;
		  clear:both;
		  font-size:0.8em;
		  color:#000;
		  line-height:1.4em;
		}			
		.product_details .price_rrp { clear:left; color:#999; text-decoration:line-through; }
		.product_details .price_sale { clear:none; color:#999; margin-left: 0.5em; color:red; }
		.product_details .price { color:#999; }
        
        
        /* Font Icon in header */
        .details_product_name > .icon-info-circled { color:#999 !important;}
        .details_product_name { color:#FF0066; }
        
		#product_details h4 { color:#999; font-size:1.5em; }        
        h6.rrp { text-decoration:line-through; color:red; }
        h6.sale_price { font-weight:bold; }
        h6.saving { font-weight:bold; color:green; }
        
        /* Add to cart quantity box and button */        
    	#txtQty { width:80px; }        
        #add_to_cart_row { padding-top:2em;}
        #add_to_cart { padding-top:1em; margin-left: 1em; }
        .add_to_cart_qty {   width:85px;  float:left;}
        .add_to_cart_button {  float:left;}
        
        /* Main and additional images shared css */
        #main_image_container { text-align:center; padding-top:1em; max-height: 750px; overflow-y: auto;}    
        
        /* Main Product Image */
        #main_image_container { text-align:center;overflow:hidden; }
        #main_image_container img { border:solid 1px #669933; }
        
        /* Additional Images */         
        #gallery_01  { margin-top:1em;}
        #gallery_01 a { float:left;margin-right:1em;padding:1em;}         
        
        /* Fix for zoom window that appears on/in the main product image on the product details page */
        .zoomWindow {    border-top:solid 1px #669933;   border-left:solid 1px #669933;}
                
        /* Product Description */
        #description_container { margin-top:1em; }        
		
		/* Out of stock things */
		#container_out_of_stock
		{
		  margin-top:1em;
		}
		#container_out_of_stock a
		{
			color:#FF0066;
		}
        
        /*======================================= */
        /* Product Details - Price Breakdown */
        /* 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:#FF0066;
            -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:#FF0066;
            -moz-border-radius:6px;
            border-radius:6px;
            text-decoration:none
        }

        .price_breakdown a:hover span {
            display:inline
        }
        /* End of Product Details Price Breakdown */
        /*======================================= */
        
        /* Product Details > Reviews */
        #product_reviews_container a { color:#FF0066 !important;}

        
        /* END OF PRODUCT DETAILS */
        /* =============================================================================================================================== */
        
        /* PRODUCT RESULTS/CATEGORY BROWSE */
        
        #results_header_title {clear:both}
        
        /* 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}
        
        /* Sort By*/
        #pager_sort_by li { color:#FF0066 }
        .results_sortby_container {width:100%;float:left}
        .results_sortby_container ul {float:right}        
        
        /* Pager < 1 | 2 | 3 > */
        .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:#FF0066 !important;}
        .results_pager_container a:hover { text-decoration:underline; }
        .pagination li.current a{ background:#FF0066 !important;  color:#fff !important;}
                
        /* The Sort By Word on pager sort */
        #pager_sort_by li {color:grey}
        #pager_sort_by a {   color:#FF0066;}
        #pager_sort_by a:hover{   text-decoration:underline;}
        
        /* Product Subcategories */
    	.product_subcategories { list-style:none;}
		.product_subcategories label { font-weight:bold; }
		.product_subcategories a {color:#FF0066; font-size:0.8em;}
        
        /* For product results with a special offer */
        .search_product span.rrp { text-decoration:line-through; }
        .search_product span.saving { color:#FF0066; font-weight:bold; }
        
        /* END OF PRODUCT RESULTS/CATEGORY BROWSE PAGE */
        /* =================================================================================================================================== */
        
        
        /* =================================================================================================================================== */
        /* BASKET PAGES */

        /* Basket fixes and gloss */
        .basket_summary { padding-bottom:1em; }
        .basket_product_redeem input { height:1.58em; }
        
        /* Some store form fixes */
        
        /* All purpose BUTTONS */
        .stock_notify_cancel, .stock_notify_submit, .shop_review_form_submit, .shop_review_form_cancel, #divForm input[type=submit]
        {   min-width: 5em;
            text-align: center;
            height: 3em;
            background-color: #FF0066;
            padding-bottom: .35rem;
            margin-bottom: 0;
            display: block;
            padding-top: .45rem;
            padding-bottom: .35rem;
            margin-bottom: 0;
            line-height: 2em;
            color: #fff;
        }
		
		.shop_product_review_form label, .stock_notify label{ color:#000 !important;}
		.shop_product_review_form a:hover, .stock_notify a:hover { color:#bbb; border:solid 1px #bbb;}
        
        /* Google reCaptcha and the contact page map link */
        #recaptcha_table a, .contact_map a { color: #FF0066;}
        
        .contact_form header { line-height:3em; font-size:1.4em;color:#666; }
        .contact_form span { font-size:1.2em; clear:both;float:left;color:red;line-height:2em;}
        .contact_send_btn { float:right; padding:0.5em 3em;background-color:#FF0066;color:#fff;}
        
        /* Textarea on the review form and contact form */
        .shop_product_review_form textarea, .contact_form textarea, .stock_notify textarea {min-height:12em;}

        /* ====================================================================================== */
        /* BOTTOM BANNER */
        #banner_bottom { margin-bottom: 1.3em;	}

        /* ====================================================================================== */
        /* FOOTER */
    
        #footer	{ background: #333333;padding: 24px 0 10px;color:#669933;}
        #footer a { color:#669933;}
        #footer a:hover { color:#FF0066; }
    
        ul.social { font-size:2em; }
        ul.legal {font-size:0.8em; line-height:2em;}
    	a.icon-home { font-size:1.4em;}

        /* Supports bar in store footer. ie/html5/css3/responsive icons */
        ul.supports li a i {color:#669933;font-size:1.4em;    }
        
        p.copyright{margin: 6px 0 0;font-size: 0.66667rem;color: #999;}
        /* ====================================================================================== */
        /* GOOGLE TRANSLATE */        
        #google_translate_element { margin:0 auto; max-width:800px; margin-bottom:1em; }
        #translator_container { background-color:#aaa; padding-left:1em; }
        
        
        /* ====================================================================================== */
        /* RESPONSIVE STUFF */
        
        /* Hide this by default and get foundation to display them on larger+ screens */
        .customer_name_account_login, .icon-user-delete, .icon-user-add, .browse-products, .left-banner { display:none;}
        .browse-products .icon-home { color: #669933;font-size: 1.4em;}
        
        /* On small screens there is only space for one product. So we dont want float - just centrally align in the window space */
        @media only screen and (max-width: 640px) {
			.featured_product,
    		.popular_product,
            .search_product,
            .recent_product,
            .related_product { float:none !important; }
        }


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

        /* Responsive subcategories */
        @media only screen and (max-width: 1024px) {
        .product_subcategories li a
        {
           width:100%;
           max-width:60em;
           text-align:center;
           display:block;
           background-color:#FF0066;
           color:#fff;
           margin:0 auto;
           margin-bottom:1em;
           height:2.6em;
           line-height:2.6em;
        }
        }

        /* Fix Search results float/clear issue on small screens */
        @media only screen and (max-width: 640px) {.search_product { clear:both; }.search_product ~ .search_product { clear:none; }}
        @media only screen and (max-width: 1024px) {  #product_details  {padding:2em;}}
		/* Additional images on smaller screens */		
		@media only screen and (max-width: 1024px) { #gallery_01 {width:90%; margin:0 auto} }
		

		/* Adbar fixes and styles */
		/*#gloss_body { margin-top:0px !important }
		#fwsbar_content ul {margin:-0.1em !important; margin-bottom:1em !important}
		#fwsbar_content li{padding:0px !important; font-size:0.9em !important}*/
		
		/* Additional language packs */
		
        
        /* Currency Selector */
        
    .shop_currency_selector { margin-top:1.2em; }
    .shop_currency_selector select { width:58px; }
    .shop_currency_selector img
    {
       position:absolute;
       top:27px;
       left:25px;
    }
    
	
	
        /* For new language selector */
     #languagebox { position:relative; min-height:5em; }
    .shop_language_selector {  z-Index:0; background:#fff;border:solid 1px #fff; }
    .lang_item { float:left; padding:1em; text-align:center; }
    .lang_item a {display:block;}    
    .lang_item img { border:solid 2px #fff; min-width:48px; min-height:32px;}
    .lang_item img:hover { border:solid 2px red;}
    .lang_item.active img { border:solid 2px #ccc; }

       @media only screen and (min-width: 1024px) {    
     .shop_language_selector {  position:absolute;height:5em; overflow:hidden; }
     .lang_item.active img { border:solid 2px #ccc;}
     .lang_item img { width:50%; }
     .shop_language_selector:hover { z-index:500; border:solid 1px #ccc; height:auto; overflow:visible; }
     .shop_language_selector:hover .lang_item img { width:75%; }
     }
	 
	 
 @media only screen and (max-width: 1024px) {  
 .lang_item img { width:10%; }
 .lang_item {width:60px;}
 #languagebox{min-height:1em;}
 .shop_currency_selector select { width:100%;padding-left:40px }
}

/* Fix for currency converter in Chrome and Safari in full screen*/
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   @media only screen and (min-width: 1024px) {  
     .shop_currency_selector img { display:none; }
  }
}

/* ad fix */
#fdivnav_content ul { margin-left:0 !important; }


/* Modal Window 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; }