/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://skin.workweardiscounts.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.ampreorder_note {
    font-weight: bold !important;
    color: #00aa00;
}
.am_search_popup{
    
    position: absolute;
    /*right: 29px;*/
    right: 0;
    width: 315px;
    margin-top: 10px;
    text-align: left;
    
    
    border-radius: 8px;
    /*border: 1px solid #CCC;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);*/
    font: 12px Arial,Helvetica,sans-serif;
    /*padding-top: 10px;*/
    
    /*overflow: hidden;*/
    /*padding-top: 10px;*/
    
    
    z-index: 1000;
}

.am_search_popup_triangle{
   height: 50px;
    width: 50px;
    margin-top: 5px;
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
    position: absolute;
    right: 28px;
    
}

.am_search_popup_inner{
    border: 1px solid #a5a5a5;
    border-radius: 7px;
    overflow: hidden;
}


.am_search_popup div.am_element{
    /*min-height: 90px;*/
    /*display: inline-block;*/
    float: none;
    width: 100%;
    /*padding: 5px;*/
    color: black;
    
    border-bottom: 1px solid #a5a5a5;
    
    background: #fafafa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fafafa 0%, #fafafa 60%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(60%,#fafafa), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#fafafa 60%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#fafafa 60%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#fafafa 60%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#fafafa 60%,#eeeeee 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );  IE6-8 */
    background-color: #fafafa;
    
}

.am_search_popup div.am_element > div{
    padding: 10px;
    float: none;
    
}



/*.am_search_popup div{
    float: left;
}*/

.am_image>img{
    width: 90px;
    height: 90px;
    /*padding-right: 5px;*/
    
    border: 1px solid #bec4c8;
}


.am_search_popup .price-box{
    float: left;
}

.am_search_popup .regular-price .price,
.am_search_popup .am_title{
    font-weight: normal;
    font-size: 12px;
    float: none;
    
}

.am_search_popup .am_title{
    font-weight: bold;
}


.am_search_popup .am_image{
    display: table-cell;
    padding-right: 10px;
    width: 90px;
    height: 90px;
}

.am_search_popup .am_right{
    display: table-cell;
    vertical-align: top;
    
    padding-left: 10px;
    border-left: 1px solid #adb5b9;
}

.am_search_popup a{
    text-decoration: none;
}

.form-search #search.loading {

    background-image: url(https://skin.workweardiscounts.com.au/skin/frontend/default/default/images/amxsearch_loader.gif); 
    background-position: 95% center; 
    background-repeat: no-repeat;
    
} 

.am_search_popup .ratings{
    margin: 0px;
    margin-bottom: 3px;
}



.am_search_popup .rating-box{
    background: url(https://skin.workweardiscounts.com.au/skin/frontend/default/default/images/am_xsearch_bkg_rating.png) 0 0 repeat-x;
}

.am_search_popup .rating {

    background: url(https://skin.workweardiscounts.com.au/skin/frontend/default/default/images/am_xsearch_bkg_rating.png) 0 100% repeat-x;
}

.am_search_popup div.am_element:hover .rating-box{
   background: url(https://skin.workweardiscounts.com.au/skin/frontend/default/default/images/am_xsearch_bkg_rating_white.png) 0 0% repeat-x;
}

.am_search_popup div.am_element:hover .rating{
   background: url(https://skin.workweardiscounts.com.au/skin/frontend/default/default/images/am_xsearch_bkg_rating_white.png) 0 100% repeat-x;
}

.am_search_popup .am_title{
    font-weight: bold;
    padding-bottom: 3px;
}

.am_search_popup div.am_element{
    font-size: 10px;
}

.am_search_popup .regular-price .price{
    font-style: italic;
    font-weight: bold;

}

#am_search_container{
    position: relative;
    clear: both;
    z-index: 40000;
    /*margin-top: 5px;*/
}

.am_search_popup .more_results{
    background: #FFF;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    display: block;
}
#animated_div {
    border:    #ADADAD 1px double;
    background:    #E9E9E9;
}

/********************** Tabs */
.product-view .tabs { margin: 15px 0px; overflow:hidden; border-bottom:1px solid #496778;  zoom: 1;}
.product-view .tabs li                { float:left; border-right:1px solid #ffffff; border-left:1px solid #fff; font-size:0.9em; line-height:1em;  background: #f2f2f2; }
.product-view .tabs li.first          { border-left:0; }
.product-view .tabs li.last           { border-right:0; }
.product-view .tabs a                 { display:block; padding:6px 10px; color:#444; text-decoration: none;}
.product-view .tabs a:hover           { background-color:#ddd; text-decoration:none; color:#444; ; text-decoration: none;}
.product-view .tabs li.active a,
.product-view .tabs li.active a:hover { background:#496778;  font-weight:bold; color:#fff; }

#product_tabs_tags_tabbed_contents.input-box input	{ width: 300px; }
#product_tabs_tags_tabbed_contents .input-box	{ width: 300px; float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents li	{ float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents ol	{ clear: both;}
.product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom: 1}
/*
Responsive 996px grid system ~ Base CSS.

Uses the HTML5 Boilerplate by Paul Irish with a few tweaks
html5boilerplate.com

*/


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/*
 * Clear after each row
 */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}



h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.resp-tabs-container ul li { list-style-position: inside; margin-left: 15px; line-height: 1.7;}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}
.resp-tab-content h3 { text-transform: uppercase;}
.resp-tab-content p+h3 { margin-top: 7px; }
.resp-tab-content p+p { margin-top: 7px;}
@media only screen and (min-width: 768px) {
	.resp-tab-content {
	    border: 1px solid #c1c1c1;
	    height: 340px;
		overflow: auto;
	}
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 767px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
        height: 200px;
        overflow: scroll;
    }
.resp-tab-content {
    border: 1px solid #c1c1c1;
     max-height: 250px;
        overflow: auto;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
        height: auto;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99999;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	/*margin-bottom: 1em;*/
}
.sf-menu ul {

	/*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	/*border-left: 1px solid #fff;*/
	/*border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	/*border-top: 1px solid rgba(255,255,255,.5);*/
	padding: .75em .5em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}

.sf-menu li {
	/*background: #FFF;*/
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	/*-webkit-transition: background .2s;
	transition: background .2s;*/
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/*  GRID SYSTEM SETUP   ==================================================================== */
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12  {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.col {
	margin-left: 2%;
}

.col:first-child {
  margin-left:0;
}
.margin-top { margin-top: 2%;}
.margin-bottom {margin-bottom: 2%;}
.margin-right { float: right; }
.padding-top { padding-top: 2%; }
.padding-top-large { padding-top: 5%; }

.span_1_of_12{
 width: 6.5%;

}
.span_2_of_12{
  width: 15%;

}
.span_3_of_12{
  width: 23.5%;

}
.span_4_of_12{
  width: 32%;

}
.span_5_of_12{
  width: 40.5%;

}
.span_6_of_12{
  width: 49%;

}
.span_7_of_12{
   width: 57.5%;

}
.span_8_of_12{
  width: 66%;

}
.span_9_of_12{
  width: 74.5%;

}
.span_10_of_12{
 width: 83%;

}
.span_11_of_12{
	width: 92%;

}
.span_12_of_12{
  width: 100%;
  margin-left: 0;
}


img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}
* {
  margin: 0;
  padding: 0;
}
html, body {
	font-size: 13px;
	font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;

	line-height:1.5;
	color: #333333;
	font-weight: 400;

}
body {
	background: #FFFFFF;
}

/* =============================================================================
  	header styling
   ========================================================================== */

header .contact a { color: #333333; text-decoration:none; }
header .contact a:hover { color: #999999; }
header .right { text-align: right; }
header .logo { text-align:center;}

/* =============================================================================
  	Nav styling
   ========================================================================== */

nav.right li { float: left;padding: 0 10px; }
nav.right li a { color: #333333; text-decoration: none; }
nav.right li a:hover { color: #999999; }

nav .sf-menu { margin-left:2px; margin-right:2px;}
nav .sf-menu > li:first-child a { padding-left:0;}
nav .sf-menu li a { color: #000000; font-size: 13px;  line-height: 1.5; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 36px; padding-right: 35px;}
nav .sf-menu li a:hover { color: #999999;}
nav .sf-menu li ul { background: #FFFFFF; border: 1px solid #CCC;}
nav .sf-menu li ul li { border-bottom: 1px solid #CCC;}
nav .sf-menu li ul li:last-child { border:none;}
nav .sf-menu li ul li a { padding-left:10px;}
nav .sf-menu .fa-home { font-size:20px; }

/* =============================================================================
  	search styling
   ========================================================================== */

.search { text-align: right; float:right;}
.search input[type=text] { border: 1px solid #CCC; padding: 5px; width:175px; }
.search button { border: none; background: none; }
.search button .fa-search { font-size: 15px; color: #CCC;}

/* =============================================================================
  	breadcrumbs styling
   ========================================================================== */

.breadcrumbs { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding-left: 10px;}
.breadcrumbs ul {  text-align: center; list-style-type:none;}
.breadcrumbs ul li { padding-right: 5px; padding-top: 5px; padding-bottom: 5px; display: inline-block; zoom: 1; *display: inline;}
.breadcrumbs ul li em { font-size: 11px !important; font-style: normal; }
.breadcrumbs ul li a { color: #000000; text-decoration: none;}
.breadcrumbs ul li a:hover { color: #999999; }

/* =============================================================================
  	front styling
   ========================================================================== */

.hero { margin-top: 2%;}
.hero img { width:100%;}
h1 { font-size: 24px; line-height: 1.3; font-weight: 700; text-transform: uppercase; }
h2 { font-size: 20px; line-height: 1.3; font-weight: 400;  }
h3 { font-size: 18px; line-height: 1.3; font-weight: 400;  }
h4 { font-size: 16px; line-height: 1.3; font-weight: 700; font-family: 'Lucida Grande' }
ul.product-catagory { margin-top: 2%;}
ul.product-catagory li h4 { text-transform: uppercase; }
ul.product-catagory li a { color: #333333; text-decoration: none;}
ul.product-catagory li:hover a { color: #999999; }
ul.product-catagory li { list-style-type: none; margin-bottom: 2%;}
ul.product-catagory li img { margin-bottom: 5px;}
ul.product-catagory li { font-size: 18px; text-align:center; }
ul.product-catagory li.col:nth-child(3n+1) { margin-left:0;}



.video-container .video-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  background-color: rgba('0,0,0,0.5');
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
ul.product-catagory .item {
  position: relative;

 border: 1px solid #ccc;
}
.responsive {position:relative;padding-bottom:66%;height:0;background-size:cover;background-position:center}
/* Line 1 */
ul.product-catagory .item:hover .video-shadow {
  opacity: 0.8;
  background: rgba(255,255,255,0.3);
}
ul.product-catagory .text { position: absolute; bottom:0; color: #FFFFFF; z-index:999; font-size: 18px; text-align:center; width:100%; text-shadow: 1px 0px 1px rgba(150, 150, 150, 1);}
ul.product-catagory .text h3 { padding: 2%;  background: rgba(0,0,0,0.7); text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); border-top: 2px solid #FFFF00;}

.img-container {
  display: block;
  position: relative;
}

.inner-style a, .cart-empty a { color: #999999; text-decoration: none}
.inner-style a:hover, .cart-empty a:hover { color: #666666; text-decoration: none}
/* =============================================================================
  	Product list styling
   ========================================================================== */
.inner ul.products li { list-style-type: none; text-align: center; margin-bottom: 10px;}
.inner ul.products li .image-group { margin:0; padding:0;}
.inner ul.products li:nth-child(3n+1) { margin-left: 0;}
.inner ul.products li .product-info h4 { font-size: 12px; font-weight: 400;}
.inner ul.products li .product-info { padding: 2%;margin:0; }
.inner ul.products li a { color: #999999; text-decoration:none;}
.inner ul.products li a:hover { color: #333 !important;}
.inner ul.products li .product-info h4 { height: 60px; overflow: hidden; text-transform: uppercase;}
.inner ul.products li .product-price { font-weight: 700; font-family: 'Lucida Grande',sans-serif; }
.inner ul.products li:hover .product-info { background: #CCC; width:96%;color: #333 !important }


/* =============================================================================
  	Product styling
   ========================================================================== */

.product-page h1 { color: #666666; font-size:19px; font-weight: 400 }
.product-page .product-price { color:#000000; font-family: 'Lucida Grande',sans-serif; font-weight: 700; line-height: 2;}
.product-page .product-image { padding: 2%; border: 1px solid #CCC;}
.product-page .product-availablity { width:100%; line-height: 1.7;}
.product-page .product-price+.product-attribute { margin-top: 5px; }
.product-page .product-attribute { width:100%; }
.product-page .product-attribute+.product-attribute { float: left;margin-top: 5px;}
.product-page .product-attribute .product-attribute-left { float: left; width:40%; margin-right:2%; vertical-align: middle; text-transform: uppercase;}
.product-page .product-attribute .product-attribute-right { float: left; width:38%;  vertical-align: middle;}
.product-page .product-attribute .product-attribute-right select { float: left;width: 100%;  height: 24px;  vertical-align: middle; border: 1px solid #CCC;}
.product-page .product-attribute .product-attribute-right input[type=text] { width: 94%; padding:3%; vertical-align: middle;border: 1px solid #CCC;}
#horizontalTab ul { margin-top: 5px; margin-bottom: 5px; }

/* =============================================================================
  	Checkout styling
   ========================================================================== */

.checkout ol, .checkout ul { list-style-type: none;}
.checkout ol.steps .step-title { display: block; background: #E5E5E5; padding: 5px 10px; /*border-top: 2px solid #FFFF00;*/ margin-bottom: 3px; text-transform: uppercase;}
.allow .step-title { background: #666666 !important;}
.checkout ol.steps .step-title a { color: #999999; text-decoration:none; display:block;}
.checkout ol.steps .step-title a:hover { color: #999999; text-decoration:none;}

.checkout ol.steps li.allow .step-title a { color: #FFFFFF !important; text-decoration:none;}
.checkout ol.steps li.allow .step-title a:hover { color: #FFFFFF !important; text-decoration:none;}

.checkout ol.step li .a-item { margin: 10px; }

.checkout .onepage .signupInfo ul li { list-style-type: disc; margin-left: 30px;}
.checkout .onepage .required em, .billing-form .required em { color: red; }
.checkout .onepage .signupInfo ul { margin-top: 5px; margin-bottom: 5px;}
.checkout .onepage .signupInfo ul li+li { margin-top: 5px;}
.checkout .billing-form label { display: block; margin-top: 5px;}
.checkout .onepage select, .checkout .onepage .form-list input[type=text], .checkout .onepage input[type=password], .checkout .wide input[type=text], .checkout .fields input[type=text], .checkout .billing-form input[type=password] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 94%;}
.field.name-lastname, .field { margin-top: 4px;}
.checkout .wide input[type=text] {  width:97%; }
.billing-form select {  width:95.50%; height: 30px !important; padding: 1%; /*border: 1px solid #333333;*/}
.checkout .billing-form select:focus, .checkout .onepage .form-list input[type=text]:focus, .checkout .onepage .form-list input[type=password]:focus, .checkout .billing-form input[type=text]:focus, .checkout .billing-form input[type=password]:focus { border: rgba(82, 168, 236, 0.8) 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); background: #FFFFFF; }
.checkout .onepage .form-list #advice-required-entry-pass, .checkout .onepage .form-list #advice-required-entry-email, .validation-advice { color: red; }
.checkout button.generic { margin:0; padding:0; vertical-align: middle !important; width:100% !important; }
.checkout .onepage .signupButtons { margin-top: 29px; margin-bottom: 15px;}
.checkout select { height: 30px !important; border:none; border: 1px solid #CCCCCC; }
.checkout .fields { float: left; width:100%; }
.checkout .field { float: left; width: 49%; margin-left: 2%;}
.checkout .field:first-child { margin-left: 0;}
.checkout .wide+.wide { /*margin-top: 5px;*/ margin-top: 5px; /* margin-bottom: 5px;*/}
.checkout .onepage .loginSet { margin-top: 9px;}
.checkout .onepage .loginSet .required { margin-bottom: 5px;}
.checkout .onepage .forgotPassword { text-align: right; margin-top: 5px}
.checkout .onepage .f-left { text-align: right;}
.checkout .onepage a { color: #999999; text-decoration: none;}
.checkout .onepage a:hover { color: #333333; }
.checkout .onepage .control label { display: inline-block; }
.checkout .onepage .control { margin-top: 5px;}
.button-container .required { margin-bottom: 5px;}
.billing-form { margin-bottom: 10px; }

.block-title { background: #000000; color: #FFFFFF; padding: 2%;text-transform: uppercase;/* margin-bottom: 2px;*/}

#checkout-progress-wrapper .block-content dl #billing-progress-opcheckout { margin-top: 2px; }
#checkout-progress-wrapper .block-content dl #billing-progress-opcheckout, #shipping-progress-opcheckout, #shipping_method-progress-opcheckout, #payment-progress-opcheckout {  margin-bottom: 2px;}
#checkout-progress-wrapper .block-content dl dt { background: #e5e5e5;padding: 2%; display: block; text-transform: uppercase;   color: #999999;}
#checkout-progress-wrapper .block-content dl dt a { color: #999999; text-decoration: none; text-align: right;}
#checkout-progress-wrapper .block-content dl dt a:hover { color: #333333; }
#checkout-progress-wrapper .block-content dl dd { border: 1px solid #e5e5e5; padding: 5px; }
.eWayForm input[type=text] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 50%;}
.eWayForm select {  width:50% !important; height: 30px; padding: 1%; /*border: 1px solid #333333;*/}
.eWayForm .span_3_of_12 select {  width:98% !important; height: 30px; padding: 1%; /*border: 1px solid #333333;*/}
.eWayForm .required em { color: red;}


.commentField { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 100%;}
.commentField:focus { border: rgba(82, 168, 236, 0.8) 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); background: #FFFFFF; }
/* =============================================================================
  	Shopping cart styling
   ========================================================================== */
.shoppingCart a { color: #999999; text-decoration: none; font-weight: 400 !important;}
.shoppingCart a:hover { color: #333333; text-decoration: none;}
.shoppingCart .product h3.product-name { text-transform: uppercase; font-size: 14px;}
.shoppingCart td.model, .shoppingCart td.unitPrice, .shoppingCart td.price, .shoppingCart td.quantity { text-align: center;}
.shoppingCart td.quantity input[type=text].input-text.qty { width: 4px;}
.page-title.title-buttons ul li, .cart-collaterals ul li	 {list-style-type: none; }
.data-table {  margin-bottom: 20px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; width:100%;}
.data-table thead { background: #F7F7F7; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #dddddd;}
.data-table thead th { padding:5px; font-family: 'Lucida Grande',sans-serif;}
.data-table tbody tr { border-bottom: 1px solid #dddddd; }
.data-table tbody td { vertical-align: top;  padding: 10px;}
.data-table tbody td.image {text-align: center;}
.data-table tbody td.total { text-align: center;}
.subtotal { text-transform: uppercase; /*font-weight: 700;*/ font-family: 'Lucida Grande',sans-serif; font-size:14px;}

.grandtotal { font-weight: 700; text-transform: uppercase; /*font-weight: 700;*/ font-family: 'Lucida Grande',sans-serif; font-size:14px;}
/* =============================================================================
  	sidebar styling
   ========================================================================== */

h4.cart-info { background: #000000; padding: 6px; color: #FFFFFF; text-transform: uppercase; font-size: 14px;}
.cart-box { border: 1px solid #999999; padding: 5px; }
.cart-box a { color: #999999; text-decoration:none;}
.cart-box a:hover { color: #333333; }
h4.cart-items { color: #666; background: #E5E5E5; padding:5px;  text-transform: uppercase;font-size: 14px; }
.cart-items-box { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px; }
.cart-items-box li { list-style-type: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; float: left;}
.cart-items-box li img { width:60px; }
.cart-items-box li:last-child { border-bottom: none; margin-bottom: 0;}
.cart-items-box li h4 { font-weight: 400; text-transform: uppercase; font-size:12px;}
.cart-items-box li a { color: #999999; text-decoration:none; }
.cart-items-box li a:hover { color: #333333;}
.cart-items-box li p { line-height: 1.3;}

/* =============================================================================
  	Account styling
   ========================================================================== */
.block-account .block-title { margin-bottom: 2px;}
.block-account ul.customer li { list-style-type: none; text-transform: uppercase; }
.block-account ul.customer li {  background: #999999; color: #FFFFFF;}
.block-account ul.customer li.current {  background: #999999; color: #FFFFFF; padding: 5px 10px;display: block;}

.block-account ul.customer li a { color: #FFFFFF;  text-decoration:none;display: block;padding: 5px 10px; }
.block-account ul.customer li+li { margin-top: 2px; }
/* =============================================================================
  	Login styling
   ========================================================================== */
.login a { color: #999999; text-decoration: none;}
.login a:hover { color: #333333; }
.login .account-login h3 { font-size: 15px; }
.login .account-login ul li { list-style-type: none; }
.login .account-login .new-users ul { margin-top: 10px; margin-bottom: 10px;}
.login .account-login .new-users ul li { list-style-position: outside; margin-left: 30px; list-style-type: disc;}
.login .account-login .new-users ul li+li { margin-top: 5px;}
.login .account-login .new-users .loginSet { margin-top: 52px;}
.login .required em { color: red; }
.login .form-list { margin-top: 5px; margin-bottom: 5px; }
.login .form-list li+li { margin-top: 7px; }
.login .form-list label { display: block;}
.login .form-list #advice-required-entry-pass, .login .form-list #advice-required-entry-email { color: red; }
.login .form-list input[type=text], .login .form-list input[type=password] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 75%;}
.login .form-list input[type=text]:focus, .login .form-list input[type=password]:focus { border: rgba(82, 168, 236, 0.8) 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); background: #FFFFFF; }
.login .form-list button.generic { margin:0; padding:0; vertical-align: middle !important; }
.login .forgotPassword { margin-top: 15px;}

/* =============================================================================
  	Register styling
   ========================================================================== */
.register a { color: #666666; text-decoration: none;}
.register a:hover { color: #333333; }
.register .personal-information { margin-top: 10px; border: 1px solid #CCCCCC; padding: 3% 3%; margin-bottom: 10px;}
.register .personal-information h3 { font-size: 15px; color: #666666; text-transform: uppercase; }
.register form.registration { }
.register form.registration .form-list { margin-top: 5px; margin-bottom: 5px; list-style-type: none;}
.register form.registration .form-list li+li { margin-top: 7px; }
.register form.registration .form-list label { display: block;}

.register form.registration .form-list input[type=text], .register form.registration .form-list input[type=password] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 96%;}
.register form.registration .form-list input[type=text]:focus, .register form.registration .form-list input[type=password]:focus { border: rgba(82, 168, 236, 0.8) 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); background: #FFFFFF; }
.register form.registration .form-list button.generic { margin:0; padding:0; vertical-align: middle !important; }
.register .required em { color: red; }
.register .form-list #advice-required-entry-password, .register .form-list #advice-required-entry-email_address, .register .form-list #advice-required-entry-firstname, .register .form-list #advice-required-entry-lastname, .register .form-list #advice-required-entry-entry-password, .register .form-list #advice-required-entry-confirmation { color: red; }

/* =============================================================================
  	Generic styling
   ========================================================================== */
.account-generic p { padding-top: 5px; padding-bottom: 5px; }
.account-generic ul.form-list li { list-style-type: none;}
.account-generic ul.form-list li+li { margin-top: 5px; }
.account-generic ul.form-list li label { display: block;}
.account-generic ul.form-list li .required em, .account-generic p.required em { color: red; }
.account-generic p.required { padding-top: 5px; }
.required-field em { color: red;}
.account-generic ul.form-list li input[type=text], .account-generic ul.form-list li input[type=password], .account-generic ul.form-list li input[type=email],.account-generic ul.form-list li textarea, .account-generic ul.form-list li select { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 50%; }
.account-generic ul.form-list.contacts li input[type=text], .account-generic ul.form-list.contacts li input[type=email], .account-generic ul.form-list.contacts li textarea { width:95%; }
.account-generic ul.form-list li input[type=text]:focus,.account-generic ul.form-list li input[type=email]:focus,.account-generic ul.form-list li textarea:focus,  .account-generic ul.form-list li select:focus { border: rgba(82, 168, 236, 0.8) 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); background: #FFFFFF; }
.monkey-additional-lists { list-style-type:none; }
.monkey-additional-lists li+li { margin-top: 5px; }
.inner-style ul.disc { list-style-position: outside;}
.inner-style ul.disc li { margin-left: 25px; }
.inner-style ul.disc li+li { margin-top: 3px; }
.inner-style dt { margin-top: 5px; font-weight: 700; font-family: 'Lucida Grande' }
.inner-style dd { margin-top: 5px;}

#recaptcha_widget_div { float: right; text-align: right; }
/* =============================================================================
  	Pager styling
   ========================================================================== */
.pages ol {
	float: left;

	margin: 20px 0 0;
}
.pages ol li {
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
}
.pages ol li.current {
	padding-top: 5px;
	padding-bottom: 5px;
padding-left: 10px;
	padding-right: 10px;
	background: #999;
	color: #e5e5e5;
	border: solid 1px #999;
}
.pages ol li  {


	border: solid 1px #999;
	color: #999;
	background: #e5e5e5;
}
.pages ol li a { 		padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	 display:block;
}
.pages ol li a:hover {
	background: #999;
	color: #e5e5e5;
}

.pages ol li img { vertical-align: middle; margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;

}
/* =============================================================================
  	button styling
   ========================================================================== */
button.checkout, button.generic {  background: #FFFFFF; margin: 10px 0; color: #FFFFFF; font-size: 13px; text-transform: uppercase; cursor: hand; border:0; border: 1px solid green; vertical-align: middle; }
button.black {  background: #FFFFFF; margin: 10px 0; color: #FFFFFF; font-size: 13px; text-transform: uppercase; cursor: hand; border:0; border: 1px solid #000000; vertical-align: middle; }

button.checkout { width: 100%;  }
button.generic { width: 85%; }
button.black { width: 85%; }
button.checkout:hover, button.generic:hover { cursor: pointer;}
.cartButton { float:left; background: green; margin:2px; width:98%; padding: 3% 0;}
button.checkout:hover .cartButton, button.generic:hover .cartButton  { background: #000 !important; }

button.black .cartButton { float:left; background: #000000; margin:2px; width:98%; padding: 3% 0;}
a.addtocart { float: left; }
button.addtocart, a.addtocart {  width: 100%; background: #FFFFFF; margin: 10px 0; color: #FFFFFF; font-size: 13px; text-transform: uppercase; cursor: hand; border:0; border: 1px solid green;}
button.black:hover, button.addtocart:hover, a.addtocart:hover { cursor: pointer;}
.addButton { float:left; background: green; margin:2% 2% ; padding: 3% 0% 2%; width:96%; text-align: center;}

button.addtocart:hover .addButton, a.addtocart:hover .addButton  { background: #000000 !important; color: #FFFFFF !important; }
button.black:hover .cartButton { background: #FFFF00 !important; color: #000000; }

.std p+p { margin-top: 7px;}

/* Line 1324 */
.submitBtn, .resetBtn
{

  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 100px;
  height: 30px;
}
.resetBtn { margin-left: 20px;}

/* =============================================================================
  	Social Media styling
   ========================================================================== */
ul.social-icons img { vertical-align: middle; margin-right:5px; }
ul.social-icons li+li { margin-top: 7px; }
/* =============================================================================
  	Footer styling
   ========================================================================== */
footer { padding-bottom: 10px; }

.footer-columns {
	background: #f1f1f1;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	margin-top: 20px;
	margin-bottom: 10px;
}
.footer-inner {
	margin: 0 auto;
	width:996px;
	padding: 20px 0 0;
	line-height: 1.7;
}
.footer-inner ul { list-style-type: none; padding-bottom:20px;}
.footer-inner ul li a { color: #333333; text-decoration: none;}
.footer-inner ul li a:hover { color: #999999;  }


@-moz-document url-prefix() {
	.login .account-login .new-users .loginSet { margin-top: 54px;}
	.checkout button.generic { margin:0; padding:0; vertical-align: middle !important; width:100% !important; }
.checkout .onepage .signupButtons { margin-top: 31px; margin-bottom: 15px;}
}


.discount input[type=text] {
	border:none;
border: 1px solid #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  background-color: #e8e8e8;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  width: 60%;
}
ul.messages ul {
	list-style: none;
	margin-bottom: 5px;
}
ul.messages li.success-msg, ul.messages li ul li {
	list-style-type: none !important;
	list-style: none;
}

/* WWDC-48
 * Install Onestepcheckout
 * - theme conflict styles 
 */
  #one-step-checkout-form ol, 
  ol.one-step-checkout.clearfix, 
  .address-information ul li,
  ul#onestepcheckout-login-table,
  #onestepcheckout-register-table li,
  #onestepcheckout-forgot-table li,
  .one-step-checkout ul.messages
  {
    list-style-type: none;
  }

  #osc_top_links {
    display: none;
  }

  #one-step-checkout-form .checkout-review-load .data-table td dd {
    margin-left: 10px;
  }
  
  #one-step-checkout-form .checkout-review-load .data-table td dl {
      margin-left: 65px !important;
      margin-top: 10px !important;
      font-weight: bold;
  }

  p.forgot-link {
      padding-top: 15px !important;
      padding-bottom: 5px !important;
  }

  .one-step-checkout .radioparent .outer {
    width: 10px !important;
    height: 10px !important;
  }

  #onestepcheckout-login-popup #onestepcheckout-register-button, 
  #onestepcheckout-login-popup #onestepcheckout-forgot-button, 
  #onestepcheckout-login-popup #onestepcheckout-login-button
  {
    border: 2px solid !important;
    padding: 0 10px 10px 10px !important;
    width: 27%;
  }

  #onestepcheckout-login-popup #onestepcheckout-forgot-button {
    width: 37% !important;
  }

  .one-step-checkout ul.messages li.error-msg {
    color: red;
  }

  .eWayForm {
    width: 90%;
  }

  .eWayForm ul li, .payment-method .payment-method ul li {
    list-style-type: none;
  }

  .one-step-checkout .a-right {
    text-align: right;
  }

/* End */

@media (min-width: 996px) {
	.wrapper {	margin:5px auto; width:996px; }
	nav.right ul { float: right; }
	.footer-inner { width: 996px; }

}

@media (min-width: 768px) and (max-width: 995px) {
	.wrapper {	margin:5px auto; width:96%; }
	nav.right ul { float: right; }
	.footer-inner { width: 768px; }
	nav .sf-menu li a { padding-left: 16px; padding-right: 16px; }
	.search input[type=text] { width:130px; }
	.text h3 { font-size: 14px; }

	.login .account-login .new-users .loginSet { margin-top: 15px;}
}
@media screen and (min-width:768px) {
	.tinynav, .mobile { display:none;}
	.inner ul.products .image-group { position: relative; }
	.inner ul.products .image-group .badge { position: absolute; z-index:9999; max-width:  80px; right: 5px; bottom: 10px; }
	.inner ul.products .image-group .badge img { max-width:80px;}
	.contact-form { border-right: 1px dotted #999;height: 570px;  }
	.contact-form-large { border-right: 1px dotted #999;height: 670px;}
	.contact-recaptcha {float: right; text-align: right; margin-right:10px; }
	.contact-submit { float: right; text-align: right; margin-right:10px; }
}
@media screen and (max-width: 767px){

	.wrapper {	margin:5px auto; width:96%; }
	nav.right { width:100% !important;  text-align: center !important;}
	nav.right ul { width:100%;text-align: center !important;}
	nav.right ul li {display: inline-block; float:none;}
	nav.right li a { padding: 10px; display: inline-block;}
	nav .span_9_of_12 { width:100% !important; }
	.tinynav { display: block; width:100% !important; padding: 5px; margin-bottom:4%; height: 40px;}
	.contact  { display:none; }
	.search input[type=text] { margin:0;width:86%; padding: 3%; font-size:13px;}
	.search { width:96%; text-align: center;  padding-bottom: 4%}
    .sf-menu { display: none }

    .text h3 { font-size: 14px; }
    .desktop { display: none; }
    .mobile-top { padding-top:5%;}
    .cart-items-box .span_4_of_12 { float:left; width:100%; margin-left: auto; margin-right: auto; text-align: center;}
    .cart-items-box .span_4_of_12 img { width:55%; }
    .cart-items-box .span_8_of_12 { width: 100%;}

    .login .account-login .new-users .loginSet { margin-top: 25px;}


    .inner .products li .product-info h4 { height: 80px; overflow: hidden;}
    .product-catagory li p { display: none; }
    .hero { display: none;}

	.span_5_of_12, .span_7_of_12, .span_9_of_12, .span_3_of_12  { width: 100%; }
	.span_3_of_12.col {margin: 0;}
	.product-img-box { text-align: left !important; overflow: hidden !important;}
	.inner ul.products .image-group { position: relative; overflow: hidden;}
	#amasty_gallery, #amasty_zoom { overflow: hidden !important; background: #FFFFFF;}
	.inner ul.products .image-group .badge { position: absolute; z-index:9999; max-width:  80px; right: 5px; bottom: 10px; }
	.zoomWindow { display: none;}

   /* =============================================================================
  	Login styling
   ========================================================================== */
	.login .account-login .new-users .loginSet { margin-top: 0px;}
	.login .login-page { margin-top: 10px;}
	.login .form-list li { margin-top: 5px;}
	.login .form-list label { font-size: 14px; }
	.login .form-list input[type=text], .login .form-list input[type=password] { width:92%; padding: 4%; font-size:15px;}
	.loginSet { text-align: center; }
	button.checkout, button.generic { width:75%; text-align:center; margin: 0 auto; }
	.cartButton { float:left; background: green; margin:1% 0%; width:100%; padding: 5% 0;}

	.account-generic ul.form-list li input[type=text], .account-generic ul.form-list li select { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 94%; }
	/* =============================================================================
  	Register styling
   ========================================================================== */
   .register form.registration .form-list input[type=text], .register form.registration .form-list input[type=password] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 2%;  width: 96%; font-size:15px;}

   .eWayForm input[type=text] { border: 1px solid #CCCCCC; background: #E8E8E8; padding: 7px;  width: 94%;}
	.eWayForm select {  width:98% !important; height: 30px; padding: 1%; /*border: 1px solid #333333;*/}
	.eWayForm .span_3_of_12 select {  width:98% !important; height: 30px; padding: 1%; /*border: 1px solid #333333;*/}
	.eWayForm .required em { color: red;}

   .contact-submit { text-align: center !important; }

	.desktop { display: none;}
	.mobile { display:block;}
	.mobile-top { margin-top: 5%;}
	.footer-inner { width: 100%; }
	.footer-inner { text-align:center; margin:0;}
	.footer-inner ul li { display: inline-block; line-height:2; }
	.footer-inner ul li a {  padding: 0 10px; border-right: 1px solid #999;}
	.footer-inner ul li:last-child a { border:none;}
}
@media screen and (min-width:540px) and (max-width: 767px) {
	.inner .products li .product-info h4 { height: 80px !important; overflow: hidden;}
	.inner .products .image-group .badge { position: absolute; z-index:9999; max-width:  50px; right: 5px; bottom: 10px; }
	.inner .products .image-group .badge img { max-width:50px;}

}
@media screen and (max-width: 539px){
	.span_1_of_12, .span_2_of_12,.span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .footer-inner  { width: 100%; }
	 .col{ margin:0;}
	 nav.right ul {text-align: center;}
	 nav.right li a { padding: 2px; display:block; }

	 th.image, td.image, th.model, td.model, th.unitPrice, td.unitPrice { display: none; }
	button.checkout, button.generic, button.black { width:100% !important; text-align:center; margin: 5px auto; }

	button { margin-top: 5px;}
	.cartButton { float:left; background: green; margin:1%; width:98%; padding: 3% 0;}
	button.black .cartButton {  float:left;  margin:1%; width:98%; padding: 3% 0;}
	 .box-line .span_4_of_12 { width: 49%; }
	 .box-line .col { margin-left: 2%; }
	 .box-line .col:first-child { margin-left: 0;}
	 .box-line .span_4_of_12:last-child { display: none }
	 .mobile-hide { display: none; }
	 .footer-inner { width: 96%; }
	 .inner .products li .product-info h4 { height: auto; overflow: auto; font-size: 14px;}

	.inner .products .image-group .badge { position: absolute; z-index:9999; max-width:  80px; right: 5px; bottom: 15px; }
	.inner .products .image-group .badge img { max-width:80px;}
}

@media screen and (max-width: 467px){
	.wrapper { margin: 5px auto; width: 96%;}
	.product-image { margin-left: 15px;}
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.amtooltip-label{
    text-align: center;
    font-weight: bold;
}

.amtooltip-img{
    margin-bottom: 3px;
}

.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-light {
    border-radius: 5px; 
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}
.tooltipster-noir {
    border-radius: 0px; 
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-punk {
    border-radius: 5px; 
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}
.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}