/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fixes element height when it contains floated object
http://www.webtoolkit.info/css-clearfix.html
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {    display: block; }
* html .clearfix { height: 1%; }

body { font-family: Arial; font-size: 13px; color: #333; background: #333; }


/**
 * Layout
 */
.wrap { width: 960px; margin: 0 auto }
#top { background-color: #e6e6e6 }
#logo { clear: both; display: block; height: 84px; background: url('/images/logo.jpg') no-repeat }
#content { position: relative; display: block; width: 100%; padding: 0 0 40px; overflow: hidden; background: #fff; }
#content .wrap { width: 920px }
#bottom { clear: both; min-height: 100px; margin-top: 50px; padding: 20px 0; color: #999; background: url('/images/footer-bg.png') no-repeat }


.left { width: 600px; margin-right: 300px }
.right { float: right; width: 290px }
.col-1 { width: 400px; margin-right: 420px; }
.col-2 { float: right; width: 500px; }

.box-error { margin: 0 0 20px; padding: 10px; color: #ee0000; font-weight: bold; border: 1px solid #ffcccc; background-color: #ffeeee; }
.box-error ul { padding: 0 0 0 20px; }
.box-error li { padding: 2px 0; color: #333; font-size: 12px; font-weight: normal; list-style: disc outside; }

/**
 * Typography
 */
a { color: #016090; text-decoration: none }
h1, h2, h3, h4, h5, h6 { color: #016090; font-weight: bold }
h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px; margin: 0; padding: 0; }
strong { font-weight:bold;}
.green { color: #00974f }

.hint { color: #999; font-size: 11px; }

textarea,
select,
input[type=text],
input[type=password] { padding: 3px; border: 1px solid; border-color: #ccc #e6e6e6 #e6e6e6; }

.error-field { color: #ee0000; }


/**
 * Content
 */
p { margin-bottom: 15px }
#content .right p { margin-bottom: 10px }
.left h1 { margin-bottom: 20px }
.left h2 { margin-bottom: 10px }



#bottom h1, #bottom h2, #bottom h3 { color: #fff }
#bottom a { color: #ccc }
#bottom table { margin: 20px 0 }
#bottom td { padding: 3px 80px 3px 0 }


/**
 * Carousel
 */
#carousel-holder { width: 960px; margin: 0 auto; position: relative; z-index: 12; display: block; height: 406px; }
#carousel-holder .thumbs { display: none }
#carousel { width: 960px; margin: 18px auto }
#carousel ul { list-style: none; width:20000px; margin: 0; padding: 0; position: relative; z-index: 12; }
#carousel li { display: inline; float: left }
#carousel li span p { display: none }
#hero-holder { position:absolute; top: 0; width: 100%; display: block; z-index: 100; height: 406px; background: url(/images/carousel/carousel-bg.png) no-repeat top center; }


/*
Checkout
*/
.checkout-section { min-height: 340px; height: auto !important; height: 340px; margin: 0 0 20px; padding: 20px; border: 1px solid #d6d6d6; border-radius: 3px; }
.checkout-section .hint { padding: 0 0 10px; }
.checkout-row { margin: 10px 0 0; }
.checkout-row-inline .field { float: left; }
.checkout-row .field select,
.checkout-row .field input[type=text] { width: 190px; padding: 4px; font-family: arial, sans; font-size: 14px; }
.checkout-row .field { margin: 0 20px 0 0; }
.checkout-row .field:last-of-type { margin-right: 0; }
.checkout-row label { display: block; font-size: 12px; margin: 0 0 2px; }
.checkout-row textarea { width: 410px; height: 40px; padding: 4px; }

.cart thead td,
.cart tfoot td,
.checkout-section { 
	background-color: #F0F0F0;	/* F0F0F5), to(#EBEBF0 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#ebebeb)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #F0F0F0, #ebebeb); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #F0F0F0, #ebebeb); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #F0F0F0, #ebebeb); /* IE10 */
	background-image:      -o-linear-gradient(top, #F0F0F0, #ebebeb); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #F0F0F0, #ebebeb);
}

.cart { width: 100%; margin: 20px 0; border: 1px solid #d6d6d6;}
.cart td { padding: 6px 20px; }
.cart thead td { font-size: 12px; font-weight: bold; text-align: center; background-color: #f6f6f6; }
.cart tfoot td { font-size: 14px; font-weight: bold; text-align: right; line-height: 26px; }
.cart-item td { border-color: #ddd; border-style: solid; border-width: 0 0 1px; background: #fff; }
.cart-item:first-of-type td { border-width: 1px 0; }
.cart-item-image { width: 150px; }
.cart-item-image img { height: 60px; border: 1px solid #ddd; }
.cart-item-name { font-weight: bold; }
.cart-item-description { width: 350px; color: #666; font-size: 11px; }
.cart-item-amount,
.cart tfoot .cart-item-amount { color: #333; font-size: 14px; font-weight: bold; text-align: right; }
.cart-total { margin: 4px 0 0; padding: 0; color: #016090; font-size: 18px; }

#card-options td,
#card-options th { padding: 5px 2px;  }
#card-options td { padding-right: 20px; }

.checkout-section .checkbox-field input { width: 25px; }
.checkout-section .checkbox-field label { display: inline; font-size: 13px; }
.ccnumber { width: 40px; margin: 0 10px 0 0; }
#credit-card-type label { display: inline; margin: 0; }
#credit-card-type a { font-weight: normal; color: #333; }
.checkout-billing .checkout-row input[type=text] { width: 320px; }
#order_billerfirstname,
#order_billerlastname  { width: 145px; }
#order_billerstate  { width: 80px; }
#order_billercity { width: 120px; }
#order_billerpostcode { width: 60px; }
#order_ccname { width: 300px }
#order_ccyear,
#order_ccmonth,
#order_cccvn { width: 60px; margin-right: 10px; }

.press-button {
    background: #016090;
	border: none;
    color: #f6f6f6;
	cursor: pointer;
    display: block;
    float: left;
    font-family: sans-serif;
    font-weight: bold;
    padding: 7px 20px 12px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0,0%,0%,1);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25);
       -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25);
            box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25);
    -webkit-transition: background .25s ease;
       -moz-transition: background .25s ease;
        -ms-transition: background .25s ease;
         -o-transition: background .25s ease;
            transition: background .25s ease;
}
.press-button:hover,
.press-button:focus {
    background: #0575ad;
}
.press-button:active {
    padding-bottom: 10px;
    top: 3px;
    -webkit-box-shadow: inset 0 -2px 0 hsla(0,0%,0%,.25);
       -moz-box-shadow: inset 0 -2px 0 hsla(0,0%,0%,.25);
            box-shadow: inset 0 -2px 0 hsla(0,0%,0%,.25);
}

.suggest { position: relative;  }
.suggest ul { position: absolute; z-index: 999; top: 0; left: 0; width: 300px; padding: 0 !important; margin: 0 !important; background-color: #fff; border: 1px solid #ddd; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 4px #ccc; }
.suggest ul li { padding: 5px; color: #222; list-style-image: none !important; cursor: pointer; border-top: 1px solid #eee; }
.suggest ul .active,
.suggest ul li:hover { background-color: #f3f3f3; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;}