/* @override 
	http://localhost:8888/shop/style.css
	http://localhost:8888/shop/shop/cart/style.css
	http://localhost:8888/shop/shop/pay/style.css
	http://localhost:8888/shop/shop/style.css
	http://exactapparel.com/shop/pay/style.css
	http://exactapparel.com/style.css
*/

body {
	margin: 0;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #000 url(images/big-bg-fun.jpg) no-repeat center top;
}

h1, h2, h3 {
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: #d40010;
}

hr {
	border: 1px solid #e5e5e5;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	margin-top: 10px;
}
img {
	border: none !important;
}
a img {
	border: none !important;
}

a map {
		border: none !important;

}
.clear {
	float: none !important;
	clear: both !important;
}

.alert {
	color: #d40010;
}

.mid-center {
	text-align: center;
	display: block;
}

#page {
	width: 858px;
	padding-top: 0;
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 30px;
}

#header {
	width: 858px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/header/max-1-header.png);
	/*height: 162px;*/
	height: 20px;
	margin-bottom: 0;
	opacity: 0;
}

#header.max {
	background-image: url(images/header/max-1-header.png) !important;
}

#header.max-two {
	background-image: url(images/header/max-header.png) !important;
}

#header.nelson {
	background-image: url(images/header/nelson-header.png) !important;
}

#header.steffen {
	background-image: url(images/header/steffen-header.png) !important;
}

#header.sarah {
	background-image: url(images/header/sarah-header.png);
}

/*NAVI*/

.outer-navi {
	background: url(images/line.png) repeat-x center 0;
}

ul#navi {
	width: 580px;
	padding: 27px 0 0 10px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

ul#navi li {
	list-style: none;
	display: block;
		margin-right: 15px;
	float: left;
}
#navi li#logo {
	position: relative;
	display: block;
	width: 96px;
	height: 96px;
	background-image: url(images/logo.png);
	float: left;
	top: 24px;
	margin-top: -50px;
}
ul#navi li a {
	display: block;
	color: #000;
	height: 19px;
	float: left;
	padding-top: 30px;
	background-position: 0 center;
	background-repeat: no-repeat;
}
#navi a.home {
	background-image: url(images/small/home.jpg);
	width: 46px;
}

#navi a.kollektion {
	background-image: url(images/small/kollektion.jpg);
	width: 91px;
}

#navi a.shop {
	background-image: url(images/small/shop.jpg);
	width: 42px;
}

#navi a.reseller {
	background-image: url(images/small/reseller.jpg);
	width: 72px;
}

#navi a.story {
	background-image: url(images/small/story.jpg);
	width: 51px;
}

#navi a.kontakt {
	background-image: url(images/small/kontakt.jpg);
	width: 70px;
}
#navi a.team {
	background-image: url(images/small/team.jpg);
	width: 43px;
}

ul#navi li.active a {
	padding: 0px !important;
	height: 38px;
	border-bottom: 3px solid #d40010;
}
#navi .active a.home {
	background-image: url(images/big/home.jpg);
	width: 87px;
}
#navi .active a.kollektion {
	background-image: url(images/big/kollektion.jpg);
	width: 180px;
}
#navi .active a.shop {
	background-image: url(images/big/shop.jpg);
	width: 83px;
}
#navi .active a.reseller {
	background-image: url(images/big/reseller.jpg);
	width: 145px;
}
#navi .active a.story {
	background-image: url(images/big/story.jpg);
	width: 95px;
}
#navi .active a.kontakt {
	background-image: url(images/big/kontakt.jpg);
	width: 136px;
}
#navi .active a.team {
	background-image: url(images/big/team.jpg);
	width: 84px;
}
/*MAIN*/
#main {
	margin-top: 28px;
	padding: 0 25px 0 28px;
}

.col-left, .col-right {
	width: 390px;
	padding-bottom: 10px;
}
.col-left {
	float: left;
}
.col-right {
	float: right;
}
.col-left h3, .col-right h3, .fresh h3, .collection h3 , .intro h3 {
 
	font: normal normal 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #d40010;
	margin-bottom: 5px;
}

.col-left h3 a, .col-right h3 a {
	text-transform: none;
	font-size: .7em;
	margin-left: 10px;
	color: #d40010;
	line-height: 21px;
}
.col-left .text, .col-right .text {
	color: #636363;
	text-align: justify;
}

#footer {
	font-size: .8em;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #363636;
}
/*HOME*/

.fresh h3 {
	padding-top: 15px;
	border-top: 1px solid #e7e7e7;

}

.mini-product {
	float: left;
	margin: 10px 7px 0 6px;
	border-right: 1px solid #e7e7e7;
	padding-right: 5px;
}



/*SHOP*/

#main.shop {
}

#main.show h3 {
	border-bottom: 2px solid #d40010 !important;
	color: #000;
	margin-bottom: 15px;
	width: 370px;
}
.product {
	float: left;
	width: 170px;
	margin: 20px 10px;
}
.product .sold-out {
	position: absolute;
	z-index: 1000;
	background: url(images/soldout.png);
	width: 164px;
	height: 200px;
	margin-top: -244px;
	margin-left: 0;
}
.out-of-stock {
	color: #af0000;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding-left: 11px;
}


.product h4 {
	margin: 1px 0;
	font-size: 12px;
}
.price {
	color: #d40010;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}
.product-price {
	position: absolute;
	z-index: 10000;
	margin-top: -31px;
	background-image: url(images/price.png);
	width: 45px;
	height: 16px;
	padding: 12px 68px 19px 12px;
	font-size: 13px;
	color: #d40010;
	margin-left: 8px;
}

.product select {
	float: left;
}

.zoom {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(images/zoom.png);
	float: left;
	margin-right: 4px;
}
.notice {
	padding-top: 23px;
	padding-bottom: 25px;
	padding-left: 31px;
	background: url(images/notice.png) no-repeat center top;
	margin-top: -8px;
	font-size: 13px;
	text-align: center;
}

/*SHOP*/

table.cart {
	margin: 30px auto;
	width: 800px;
}
.cart tr.header td {
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
	color: #838383;
}

td.small {
	width: 5px;
}
td.middle {
	width: 70px;
}
td.right {
	text-align: right;
}

td.center {
	text-align: center;
}

.cart td {
	border-bottom: 1px solid #e9e9e9;
}

.cart tr.sum td {
	border-bottom-style: none !important;
	border-top: 2px solid #e9e9e9;
}

.cart tr.sum {
	font-size: 1.2em;
	font-weight: bold;
}
.cart .sum td, .cart .shipping td, .cart .coupon td {
	padding: 6px 0 6px 6px;
}
input.small {
	width: 25px;
}
img#sry, img#thankyou {
	display: block !important;
	margin: 40px auto auto;
}

fieldset {
	border: none !important;
	background-color: #f2f2f2;
	padding: 25px 20px 20px;
	margin: 20px auto;
	width: 760px;
}

fieldset label {
	display: block;
	color: #7f7f7f;
	padding-left: 4px;
	margin-top: 6px;
	font-size: .9em;
}

fieldset hr {
	border-style: none;
	border-top: 2px solid #cbcbcb;
}

fieldset h4 {
	margin-top: 3px;
	margin-bottom: 11px;
	color: #3f3f3f;
	font-size: 1.2em;
}

fieldset input.button {
	margin-top: 10px;
	margin-left: 9px;
}



.coupon-notice, div.info {
	margin-top: 5px;
	color: #d40010;
	font-size: .9em;
}
.negative {
	color: #d40010;
}

a.big {
	text-align: right;
	font-size: 1.5em;
	display: block;
	float: right;
	width: 200px;
}
/*PAYMENT*/

table.small {
	width: 280px;
	font-size: 1.1em;
}

table.small .alt td{
	background-color: #e4e4e4;
}

table.small td {
	padding: 3px;
}

table.small .sum td {
	border-top: 3px double #cbcbcb;
}

table.small .shipping td, table.small .coupon td {
	border-top: 1px solid #cbcbcb;
}

fieldset div.left {
	float: left;
	border-right: 2px solid #cbcbcb;
	padding-right: 25px;
	margin-right: 25px;
	width: 280px;
}
fieldset div.right {
	float: right;
} 

.payment {
	font-size: 1.15em;
}

input.order {
	margin-left: auto;
	font-size: 1.2em;
	display: block;
	
}
textarea {
	margin-top: 15px;
	height: 80px;
	width: 770px;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}
/*HOVER CART*/

#hover-cart.empty .full {
	display: none;
}
#hover-cart.full .empty {
	display: none;
}
#hover-cart-container {
	z-index: 30000;
	width: 100%;
	height: 100px;
	position: absolute;

}

#hover-cart {
	position: fixed;
	height: 90px;
	bottom: 0;
	z-index: 200000;
	width: 90%;
	background-image: url(images/cart-bg.png);
	padding: 5px 1%;
	display: none;
}

#hover-cart img {
	padding: 3px;
	background: #fff;
}

#hover-cart.hover {
	border-color: #d40010;
}
#hover-cart ul {
	list-style: none;
	padding-left: 0;
	width: 550px;
	display: block;
	margin: 7px auto 0;
}
#hover-cart ul li {
	margin: 0 10px;
	float: left;
	width: 45px;
	height: 50px;
}
.product.draggable *{
	display: none;
}
.product.draggable img {
	width: 100px;
}
.money {
	display: block;
	font: 1.7em Georgia, "Times New Roman", Times, serif;
}

.over #hover-cart-image {
	background-image: url(images/cart-image-over.png);
}

#hover-cart-image {
	display: block;
	background-image: url(images/cart-image.png);
	width: 78px;
	color: #d40010;
	float: left;
	padding-bottom: 7px;
	margin-left: 16px;
	margin-bottom: 10px;
	margin-top: -55px;
	height: 3px;
	position: absolute;
	padding-top: 105px;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}

.empty #hover-cart-image {
	margin-top: -80px;
}
.badge {
	text-align: center;
	font-style: italic;
	position: absolute;
	background-color: #d40010;
	color: #fff;
	font-size: .8em;
	padding: 1px 3px;
	border-width: 1px;
	border-style: solid;
	top: 75px;
	margin-left: 31px;
}

#checkout {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	text-align: center;
	margin-right: 50px;
	margin-top: 13px;
}

#checkout input {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

#checkout a {
}
#big-hint {
	font-size: 1.5em;
	text-align: center;
	margin-right: auto;
	margin-top: 40px;
	margin-left: auto;
	width: 600px;
	color: #818181;
}
.over #big-hint {
	color: #d40010;
}
.over #hint {
	color: #d40010;
}

#hint {
	text-align: center;
	margin-top: 8px;
	color: #7f7f7f;
}

.puff {
	width: 100px;
	height: 100px;
	z-index: 10000000;
	position: absolute;
	background-image: url(images/woosh.gif);
}

li.drag {
	list-style: none;
	padding: 0;
	margin: 0;
}
.drag .badge {
	display: none;
}

#scroll {
	z-index: 100000000;
	width: 750px;
	margin: 0 auto;
}
#scroll .more {
	width: 85px;
	display: block;
	margin-top: 20px;
	float: right;
}

/*HOVER WINDOW*/

.hover-window {
	background-repeat: no-repeat;
}

.hover-window-inner {
	background-color: #fff;
	padding: 20px 20px 30px;
}

.hover-window .close-button {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 19px;
	font-size: 15px;
	margin: ;
	top: 8%;
	right: 8%;
	font-weight: bold;
}

/*SIZES*/

.hover-window h1 {
	margin-top: 0;
	font-size: 16px;
	color: #d40010;
} 
.f .clear {
	clear: both;
	float: none;
}

.f .help {
	font-style: italic;
}

.f {
	width: 300px;
	float: left;
}

.f img {
	width: 250px;
	margin: 0 auto;
	display: block;
}
.f table {
	font-size: 11px;
	margin: 0 auto;
	width: 250px;
}

.f table td {
	padding: 5px;
	text-align: center;
}
.f td.header {
	font-weight: bold;
	background-color: #e5e5e5;
}
/*ZOOM*/
img.center {
	display: block;
	margin: 0 auto;
}
h1.center {
	text-align: center;
}
/*CONTENT*/

.coll {
	margin-right: auto;
	margin-left: auto;
	width: 716px;
	text-align: justify;
	margin-top: 20px;
}
.small input.button {
	display: block;
	margin-left: auto;
	margin-top: 20px;
	margin-right: 10px;
}
fieldset.small {
	width: 340px;
	margin: 30px 0;
}
.small textarea {
	width: 330px;
	height: 130px;
}
.welcome {
	font: 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-top: 2px solid #d40010;
	border-bottom: 2px solid #d40010;
}