@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin,latin-ext);


* {
	outline: none;
}

html, body {
	display: block;
    margin: 0;
    padding: 0;
}

body, input, select, textarea {
	font: 14px/24px 'Open Sans', Arial, sans-serif;
	color: #000000;
}

a,
a:hover {
	color: #000000;
	text-decoration: none;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #000000;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 32px;
}

h3 {
	margin: 0 0 10px 0;
	font: 300 34px 'Oswald';
	text-transform: uppercase;
	color: #319936;
}

p {
	margin: 15px auto;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.borderRight {
	border-right: 1px solid #EBF0F5;
}
.w100 {
	width: 100% !important;
}

.pointer {
	cursor: pointer;
}

.no-radius {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}


.button {
	background-color: #319936;
	color: #ffffff;
	font: bold 11px 'Open Sans', sans-serif;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	display: inline-block;
	min-width: 100px;
	height: 38px;
	padding: 9px 20px 8px 20px;
	border: 1px solid #319936;
	border-radius: 0;
	vertical-align: middle;
	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button:hover,
.button:focus,
.button:active,
.button.active {
	border: 1px solid #319936;
	color: #319936;
	text-decoration: none;
	background-color: #FFF;
}

.button.active:hover,
.button.active:focus,
.button.active:active {
	border: 2px solid #319936;
	color: #fff;
	text-decoration: none;
	background-color: #319936;
}

.button.active2 {
	border: 2px solid #545E6E;
	color: #fff;
	text-decoration: none;
	background-color: #545E6E;
}


.button.navy {
	border: 2px solid #545E6E;
	color: #fff;
	text-decoration: none;
	background-color: #545E6E;
}

.button.navy:hover,
.button.navy:focus,
.button.navy:active {
	border: 2px solid #545E6E;
	color: #545E6E;
	text-decoration: none;
	background-color: #FFF;
}

.button.gray {
	border: 1px solid #C6C6C6;
	color: #fff;
	text-decoration: none;
	background-color: #C6C6C6;
}

.button.gray:hover,
.button.gray:focus,
.button.gray:active {
	border: 1px solid #C6C6C6;
	color: #BBB;
	text-decoration: none;
	background-color: #FFF;
}

.button-bold {
	padding: 5px 12px 9px 12px;
	font: bold 23px 'Open Sans';
}


.button-xs {
	display: inline-block;
	min-width: 90px;
	height: 38px;
	padding: 9px 10px 8px 10px;
	
	font: bold 11px 'Open Sans', sans-serif;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	
	
	border: 1px solid #F0F0F0;
	background: #FFF;
	vertical-align: middle;
	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
/*
.button-xs:hover,
.button-xs:focus,
.button-xs:active,
.button-xs.active {
	text-decoration: none;
	border: 1px solid #F0F0F0;
	background-color: #F0F0F0;
}
*/

.button-xs-red {
	color: #FFF;
	border-color: #E10513;
	background: #E10513;
}
.button-xs-red:hover,
.button-xs-red:focus {
	color: #FFF;
}

.button-big {
	display: inline-block;
	width: 295px;
	margin: 38px 0 6px 0;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	border: 0;
	background: #319936;
}
.button-big:hover,
.button-big:focus,
.button-big:active {
	color: #FFF;
}



img.effect {
	opacity: 0.8;
}

img.effect.left {
	margin-left: -50%;
}

img.effect.right {
	margin-left: 50%;
}

img.effect.top {
	margin-top: -50%;	
}

img.effect.bottom {
	margin-top: 50%;
	margin-bottom: -50%;	
}

img.effect.left.floatRight {
	margin-right: 50%;
}
img.effect.left.floatRight.active {
	margin-right: 0;
}

img.effect.active {
	margin: 0;
	opacity: 1;
}




.full-width {
    width: 100% !important;
}

form label {
    text-transform: uppercase;
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
}

.input-text, textarea, span.custom-select {
    padding-left: 15px;
    padding-right: 15px;
    height: 41px;
}

.input-text, select, textarea, span.custom-select {
    border: 1px solid #F0F0F0;
    line-height: normal;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}


/*************************
 * SELECT
 *************************/

.selector {
  position: relative;
  min-width: 60px;
  line-height: 0; }
  .selector select {
    position: absolute;
	padding-top: 17px;
    z-index: 1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    -webkit-appearance: menulist-button;
    line-height: 30px; }
  .selector span.custom-select {
    display: inline-block;
    line-height: 38px;
    padding: 0 30px 0 15px;
    position: relative;
    width: 100%;
	cursor: pointer;
    overflow: hidden;
    white-space: nowrap; }
    .selector span.custom-select:before {
      position: absolute;
      right: 0;
      top: 0;
      content: '';
      background: url(../images/select_arrow.gif) top right no-repeat;
      width: 24px;
      height: 100%; }

  .selector.style1 span.custom-select:before {
    background: transparent; }
  .selector.style1 span.custom-select:after {
    border-top-color: #D6D6D6; }




header,
section,
footer {
	min-width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

section {
	padding: 0 0 20px 0;
	overflow: hidden;
}

.effect {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

img.effect {
	-webkit-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	-o-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}

.red {
	color: #E10513;
}

.uppercase {
	text-transform: uppercase;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

div.wrapper {
	display: table;
	position: relative;
	width: 1140px;
	min-width: 1140px;
	margin: 0 auto;
}

.container {
	width: 1170px !important;
}




/*************************
 * HEADER
 *************************/

#header {
	height: 150px;
}

#header div.logo {
	float: left;
	padding: 20px 0 0;
}



/*************************
 * HEADER
 *************************/

#header div.cart {
	position: absolute;
	top: 28px;
	right: 0;
}
#header div.cart div.price {
	float: left;
	margin: 0 20px 0 0;
	padding: 8px 45px 8px 0;
	font-size: 16px;
	background: url(../images/top_cart.png) right center no-repeat;
}
#header div.cart div.show {
	float: right;
	width: 43px;
	height: 43px;
	cursor: pointer;
	background: url(../images/top_cart_button.png) no-repeat;
}
#header div.cart div.show.active {
	-ms-transform: rotate(7deg); /* IE 9 */
	-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	transform: rotate(7deg);
}
#header div.cart div.miniBox {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 360px;
	border: 1px solid #CCC;
	background: #FFF;
	overflow: hidden;
	z-index: 999;
}
#header div.cart div.miniBox div.row {
	padding: 5px 15px;
	border-bottom: 1px dotted #CCC;
}
#header div.cart div.miniBox div.row:last-child {
	border-bottom: 0;
}
#header div.cart div.miniBox div.title {
	color: #138719;
}



#header div.social {
	float: right;
	padding: 89px 0 0 8px;
}

#header div.social > div {
	float: left;
	padding-left: 8px;
}

#header div.social div.register a.button {
	color: #000000;
	border-color: #F0F0F0;
	background: #FFF;
}

#header div.social div.zamow.active a.button:hover {
	color: #FFF;
}



/*************************
 * MENU
 *************************/

#header div.menu {
	float: right;
	padding: 86px 0 0 0;
}

#header div.menu > ul {
	display: table;
	margin: 0 auto;
}

#header div.menu > ul > li {
	position: relative;
	float: left;
	padding-right: 0;
}

#header div.menu > ul > li > a {
	display: block;
	padding: 10px 12px 35px 12px;
	font: bold 16px 'Open Sans', sans-serif;
	text-transform: uppercase;
}

#header div.menu > ul > li:hover > a,
#header div.menu > ul > li.active > a {
	text-decoration: none;
	color: #319936;
}

#header div.menu > ul > li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -15px;
	width: 240px;
	margin: -1px 0 0 0;
	padding: 20px 30px 33px 30px;
	background: #319936;
	z-index: 999;
}

#header div.menu > ul > li > ul > li {
	border-bottom: 1px solid #FFF;
}

#header div.menu > ul > li > ul > li > a {
	display: block;
	padding: 11px 0;
	font: bold 13px 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #FFF;
}

#header div.menu > ul > li > ul > li > a:hover {
	text-decoration: none;
	opacity: 0.85;
}

#header div.menu > ul > li > ul > li:last-child {
	border-bottom: 0;
}

#header div.menu > ul > li:hover > ul {
	display: block;
}





/*************************
 * HOME
 *************************/

#home div.buttons a {
	display: block;
	height: 82px;
	margin: 0 0 12px 0;
	padding: 22px 0 0 100px;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	background-position: 25px center;
	background-repeat: no-repeat;
}
#home div.buttons a span {
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}
#home div.buttons a:hover {
	text-decoration: none;
	opacity: 0.85;
}

#home div.buttons a.button_1 {
	background-color: #319936;
	background-image: url(../images/home_button_1.png);	
}
#home div.buttons a.button_2 {
	background-color: #DA0B14;
	background-image: url(../images/home_button_2.png);	
}
#home div.buttons a.button_3 {
	background-color: #0A84E2;
	background-image: url(../images/home_button_3.png);	
}
#home div.buttons a.button_4 {
	background-color: #858585;
	background-image: url(../images/home_button_4.png);	
}



/*************************
 * SALE STATS
 *************************/

.saleStats div {
	padding: 10px 0 12px 0;
	text-align: center;
	text-transform: uppercase;
	color: #A7A7A7;
}
.saleStats div b {
	display: block;
	padding: 16px 0;
	font-size: 32px;
	font-family: 'Oswald';
	color: #000;
}



/*************************
 * PRODUCT LISTING
 *************************/

.productListing div.row > div:nth-child(3n+1) {
	clear: both;
}

.productListing a {
	position: relative;
	display: table;
	margin: 0 0 20px 0;;
}
.productListing span.image {
	display: block;
	margin: 0 0 10px 0;
	border: 1px solid #EEEEEE;
	overflow: hidden;
}
.productListing span.sale {
	display: block;
	position: absolute;
	top: 13px;
	right: 13px;
	width: 52px;
	height: 52px;
	background: url(../images/product_sale.png) no-repeat;
}
.productListing span.over {
	display: none;
	position: absolute;
	top: 94px;
	left: 50%;
	width: 184px;
	margin: 0 -92px;
	padding: 11px 0;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: #319936;
}
.productListing span.over.order {
	padding-right: 46px;
	background: url(../images/product_over_order.png) right center no-repeat;
	background-color: #319936;
}



.productListing span.colors {
	position: absolute;
	top: 200px;
	left: 11px;
}
.productListing span.colors span {
	float: left;
	margin: 0 2px 0 0;
	padding: 2px;
	border: 1px solid #F3F3F3;
	
	-moz-border-radius: 70px; 
	-webkit-border-radius: 70px; 
	border-radius: 70px;
}
.productListing span.colors span b,
.productListing span.colors span img {
	display: block;
	width: 11px;
	height: 11px;
	overflow: hidden;
	
	-moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.productListing span.colors span.black b {
	background: #000;
}
.productListing span.colors span.gray b {
	background: #BBBBBB;
}
.productListing span.colors span.green b {
	background: #A1D22E;
}
.productListing span.colors span.blue b {
	background: #18A2FA;
}

.productListing span.manufacturer {
	position: absolute;
	top: 190px;
	right: 11px;
}


.productListing span.name {
	display: block;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}
.productListing span.price {
	float: left;
	display: block;
	line-height: 20px;
	color: #AFAFAF;
}
.productListing span.size {
	float: right;
	display: block;
	line-height: 20px;
	color: #AFAFAF;
}

.productListing a:hover {
	text-decoration: none;
}
.productListing a:hover span.over {
	display: block;
}
.productListing a:hover span.name {
	color: #319936;
}



/*************************
 * FREE SHIPPING
 *************************/

#freeShipping div.box {
	height: 155px;
	padding: 63px 0 0 210px;
	font-size: 33px;
	font-family: 'Oswald';
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: url(../images/free_shipping.png) no-repeat;
}



/*************************
 * reviewsBox
 *************************/

#reviewsBox {
	margin-top: -45px;
}

#reviewsBox h3 {
	margin: 10px 20px;
	font: 300 34px 'Oswald';
	text-transform: uppercase;
	text-align: right;
	color: #319936;
}

#reviewsBox div.boxes {
	border: 1px solid #F0F0F0;
	background: #FDFDFD;
}
#reviewsBox div.boxes div.box {
	width: 100%;
	background: #FFF;
}
#reviewsBox div.item {
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 1px dotted #C5C5C5;
}
#reviewsBox div.description {
	height: 51px;
	margin-top: -4px;
	padding: 0 17px;
	font-style: italic;
	line-height: 24px;
	color: #3B3B3B;
}
#reviewsBox div.stars {
	float: left;
	padding: 0 17px;
}
#reviewsBox div.author {
	float: right;
	padding: 0 17px;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	color: #A1A1A1;
}
#reviewsBox div.author b {
	display: block;
	text-transform: uppercase;
	color: #319936;
}

#reviewsBox div.box div.item:last-child {
	border: 0;
}
#reviewsBox div.box div.item:first-child div.description,
#reviewsBox div.box div.item:first-child div.stars {
	margin-left: 15px;
}
#reviewsBox div.box div.item:last-child div.description,
#reviewsBox div.box div.item:last-child div.author {
	margin-right: 15px;
}


#reviewsBox div.nav {
	position: absolute;
	top: 35px;
	left: 21px;
}
#reviewsBox div.nav a {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-left: 11px;
	background: #A3A3A3;
	text-indent: -9999px;
	overflow: hidden;
}
#reviewsBox div.nav a.activeSlide {
	background-color: #319936;
}



/*************************
 * FOOTER
 *************************/

footer {
	margin: -10px 0 40px 0;
	font-size: 13px;
}

footer div.wrapper div {
	padding: 0 15px;
}

footer,
footer a,
footer a:hover {
	color: #AFAFAF;
}



/*************************
 * PRODUCT MENU
 *************************/

.productMenu {
	padding: 13px 0 35px 0;
	background: #319936;
}

.productMenu h3 {
	padding: 10px 0 10px 25px;
	font: 300 34px 'Oswald';
	text-transform: uppercase;
	color: #FFF;
}

.productMenu li a {
	display: block;
	width: 250px;
	padding: 2px 0 3px 27px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	border: 1px solid #319936;
	border-left: 0;
	background: url(../images/product_menu_arrow.png) right center no-repeat;
}

.productMenu li.active a,
.productMenu li.active a:hover {
	border-color: #FFF;
	background-color: #138719;
}
.productMenu li a:hover {
	border-color: #138719;
	background-color: #138719;
}



/*************************
 * ETAPY
 *************************/

.steps {
	display: table;
	width: 100%;
	margin: 0 0 25px 0;
	border: 1px solid #EEEEEE;
	background: #FDFDFD;
	overflow: hidden;
}
.steps div {
	display: table-cell;
	width: 15%;
	height: 65px;
	padding: 20px 0 19px 20px;
	font: 300 18px 'Oswald';
	text-transform: uppercase;
	color: #A4A4A4;
	background: url(../images/steps_normal.png) right center no-repeat;
	overflow: hidden;
}
.steps div:first-child {
	color: #138719;
}
.steps div:last-child {
	background: none;
}
.steps div.active {
	color: #FFF;
	background: url(../images/steps_active.png) right center no-repeat;
	background-color: #319936;
}
.steps div.beforeActive {
	background: url(../images/steps_before_active.png) right center no-repeat;
}
.steps div.active:last-child {
	background-image: none;
}

.steps div a {
	color: #A4A4A4;
}
.steps div.active a {
	color: #FFF;
}



/*************************
 * CREATE STAMP
 *************************/

#create div.image {
	border: 1px solid #EEEEEE;
}
#create div.sale {
	position: absolute;
	top: 11px;
	right: 25px;
	width: 52px;
	height: 52px;
	background: url(../images/product_sale.png) no-repeat;
}

#create div.input b {
	display: block;
	margin-top: -5px;
}
#create div.input .selector {
	display: block;
	width: 100%;
	padding: 7px 0 13px 0;
}
#create div.input .selector option {
	padding: 3px 0 3px 49px;
	background-position: 13px 0;
	background-repeat: no-repeat;
}
#create div.input .selector .custom-select {
	padding-left: 50px;
	background-position: 13px 7px;
	background-repeat: no-repeat;
}

#create div.input-normal .selector .custom-select,
#create div.input-normal .selector option {
	padding-left: 15px;
}
#create div.input input[type="text"] {
	width: 100%;
	margin: 7px 0 13px 0;
}


#create div.price_label {
	font-weight: bold;
}
#create div.price {
	font-weight: bold;
	font-size: 60px;
	line-height: 50px;
	color: #319936;
}
#create div.price small {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	line-height: 24px;
}
#create div.name {
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 40px;
	text-transform: uppercase;
}
#create div.shipping {
	padding: 0 0 13px 0;
}


#create div.container-2 {
	padding-top: 15px;
}
#create div.styles {
	padding: 15px 0 0;
	text-align: center;
}
#create div.styles input {
	margin: 0 5px;
}

#create div.fields > div:nth-child(n+2) {
	padding-left: 8px;
}
#create div.fields > div:nth-child(n-1) {
	padding-right: 0;
}

#create div.fields div.input .selector {
	padding: 7px 0 1px 0;
}

#create div.fields div.input input[type="text"] {
	margin: 7px 0 1px 0;
}

#create div.fields div.input span.custom-select,
#create div.fields div.input input[type="text"] {
	background-color: #FDFDFD;
}

#create div.size {
	font-size: 15px;
}
#create div.preview {
	display: table;
	width: 100%;
	margin: 0 0 6px 0;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}
#create div.preview div.cell {
	display: table-cell;
	width: 100%;
	height: 194px;
	vertical-align: middle;
	text-align: center;
	
}

#create div.preview div.ruler {
	position: relative;
	display: inline-block;
	padding: 18px;
	font: 0/0 Arial;
	background: url(../images/create_ruler.gif) no-repeat;
}
#create div.preview div.ruler.loading {
	padding: 0;
	background: none;
}
#create div.preview div.ruler div.overflow {
	position: relative;
	overflow: hidden;
}
#create div.preview div.shadow-x {
	position: absolute;
	left: 0;
	height: 1000px;
	background: rgba(0,0,0, 0.25);
}
#create div.preview div.shadow-y {
	position: absolute;
	top: 0;
	width: 1000px;
	height: 1000px;
	background: rgba(0,0,0, 0.25);
}



#create a.generateButton {
	display: block;
	width: 100%;
	padding: 7px 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: #C6C6C6;
}
#create a.continueButton {
	display: inline-block;
	width: 295px;
	margin: 38px 0 6px 0;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: #319936;
}
#create.upload a.continueButton {
	margin-top: 4px;
}
#create a.addNextProduct,
#register a.addNextProduct {
	width: 295px;
}

#create div.addRemoveRow a {
	margin: 6px 3px 0 0;
}



#create div.rowHeader {
	padding: 0 0 13px 0;
}
#create div.upload {
	padding: 22px;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}
#create div.upload div.text {
	padding: 0;
}
#create div.upload div.title {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
}
#create div.generatePreview {
	padding: 10px 0 0 0;
	text-align: right;
}

#create div.generatePreview a {
	display: inline-block;
	width: 50%;
}


/*************************
 * SHRORTCUTS
 *************************/

#shortcuts div.box {
	padding: 12px 20px;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}

#shortcuts div.box > div.row > div {
	padding-top: 8px;
	padding-bottom: 8px;
	border-right: 1px dotted #C5C5C5;
}
#shortcuts div.box > div.row > div:last-child {
	border-right: 0;
}
#shortcuts div.box  div.text {
	padding: 0;
}
#shortcuts div.box div.title {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
}



/*************************
 * NEWSLETTER BOX
 *************************/

#newsletterBox div.box {
	height: 99px;
	padding: 35px 0 0 240px;
	font-size: 33px;
	font-family: 'Oswald';
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: url(../images/newsletter_box.png) no-repeat;
}



/*************************
 * LOGIN
 *************************/

#login {
	padding: 0 0 80px 0;
}
#login div.wrapper {
	padding: 0 15px;
}

#login h3 {
	margin-bottom: 25px;
}

#login input.input-text{
	width: 100%;
	height: 48px;
	margin: 4px 0;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}

#login div.forgot {
	padding-top: 12px;
	font-size: 13px;
}

#login div.login-button {
	text-align: right;
}
#login div.login-button input {
	margin: 6px 0;
}

#login div.text {
	display: table;
	width: 100%;
	height: 144px;
}
#login div.text {
	margin-top: -25px;
}



/*************************
 * REGISTER
 *************************/

#register {
	padding: 0 0 55px 0;
}
#register div.wrapper {
	padding: 0 15px;
}

#register h3 {
	margin-bottom: 25px;
}

#register div.left {
	padding-right: 35px;
}
#register div.right {
	padding-left: 35px;
}

#register div.header {
	padding-bottom: 13px;
}
#register div.name {
	padding-right: 0;
	line-height: 16px;
}
#register .input-text {
	width: 100%;
	height: 48px;
	margin: 4px 0;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}
#register textarea.input-text {
	height: 103px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#register .selector {
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#register .selector .custom-select {
	border: 1px solid #E2E2E2;
	background: #FDFDFD;	
}
#register label {
	font-weight: normal;
	font-size: 13px;
}
#register label input {
	margin: 22px 10px 25px 0;
	vertical-align: middle;
}

#register div.required-text {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

#register #newsletterBox {
	margin-top: 60px;
}
#register #newsletterBox div.wrapper {
	padding: 0;
}

#register div.checkboxes {
	margin: -12px 0;
	text-align: right;
}

#register p.info_box {
	margin-top: -5px;
}
#register div.info_box {
	display: table;
	padding: 8px 0 15px 0;
}
#register div.info_box_row {
	display: table-row;
	width: 100%;
}
#register div.info_box div.left_box,
#register div.info_box div.right_box {
	display: table-cell;
}
#register div.info_box div.left_box {
	padding: 0 25px 0 0;
	font-weight: bold;
}
#register div.info_box div.right_box a {
	font-weight: bold;
	color: #319936;
}




/*************************
 * INFOPAGE
 *************************/

#infopage {
	padding: 0 0 40px 0;
}
#infopage div.wrapper {
	padding: 0 15px;
}
#infopage div.description p {
	margin: 12px 0 24px;
}



/*************************
 * REVIEWS
 *************************/

#reviews div.wrapper {
	padding: 0 15px;
}

#reviews div.item {
	border-top: 1px dotted #C5C5C5;
}
#reviews div.item div.box {
	display: table;
	width: 100%;
	margin-top: 29px;
	margin-bottom: 29px;
	border-right: 1px dotted #C5C5C5;
}

#reviews div.item div.description {
	height: 102px;
	margin-top: -4px;
	padding: 0 17px;
	font-style: italic;
	line-height: 24px;
	color: #3B3B3B;
}
#reviews div.item div.stars {
	float: left;
	padding: 0 17px;
}
#reviews div.item div.author {
	float: right;
	padding: 0 17px;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	color: #A1A1A1;
}
#reviews div.item div.author b {
	display: block;
	text-transform: uppercase;
	color: #319936;
}

#reviews div.item:nth-child(-n+4) {
	border-top: 0;
}
#reviews div.item:nth-child(3n+1) div.box,
#reviews div.item:last-child div.box {
	border-right: 0;
}



/*************************
 * HELP
 *************************/

#help {
	padding: 0 0 35px 0;
}

#help div.wrapper {
	padding: 0 15px;
}

#help ul,
#help ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#help ul {
	margin: 20px 0 0 0 !important;
}
#help ul li {
	margin-top: 13px;
}

#help ul li div.bar {
	height: 50px;
	font-size: 14px;
	color: #FFF;
	background: #319936;
	cursor: pointer;
}

#help ul li div.bar b {
	float: left;
	padding: 14px 0 0 20px;
	font-weight: 600;
}

#help ul li div.bar div {
	float: right;
	width: 67px;
	height: 50px;
	font-size: 22px;
	font-weight: 600;
	line-height: 50px;
	text-align: center;
	background: #237C28;
}

#help ul li.active div.bar {
	background: #E10513;
}

#help ul li.active div.bar div {
	background: #CD2B16;
}

#help ul li div.description {
	display: none;
	width: 100%;
	padding: 0 15px 5px 15px;
}

#help ul li.active div.description {
	display: table;
}



#help ul .button-new {
	display: inline-block;
	min-width: 220px;
	padding: 9px 12px 13px 12px;
	
	font-weight: 800;
	font-size: 23px;
	
	text-align: center;
	text-transform: uppercase;

	color: #ffffff;
	border: 2px solid #545E6D;
	border-radius: 0;
	background-color: #545E6D;
	
	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

#help ul .button-new.red {
	padding: 10px 12px 12px 12px;
	font-weight: 400;
	font-size: 13px;
	border: 2px solid #FF3000;
	background-color: #FF3000;
}

#help ul .button-new:hover {
	color: #545E6D;
	background-color: #FFF;
}
#help ul .button-new.red:hover {
	color: #FF3000;
	background-color: #FFF;
}



/*************************
 * CONTACT
 *************************/

#contact {
	padding: 0 0 40px 0;
}

#contact div.wrapper {
	padding: 0 15px;
}

#contact div.left {
	padding-top: 13px;
}
#contact div.left div.icon {
	padding-right: 0;
}
#contact div.left div.text div.telephone {
	padding-top: 4px;
	font: 400 19px/28px 'Oswald';
}
#contact div.left div.text div.open {
	color: #AFAFAF;
}


#contact form b {
	display: block;
	padding: 8px 0;
}
#contact form .input-text {
	width: 100%;
	height: 48px;
	margin: 4px 0;
	border: 1px solid #E2E2E2;
	background: #FDFDFD;
}
#contact form textarea.input-text {
	width: 100%;
	height: 192px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contact form div.buttons {
	padding: 8px 0 0 0;
	text-align: right;
}
#contact form div.buttons input {
	width: 120px;
}



/*************************
 * ACCOUNT MENU
 *************************/

#accountMenu div.header {
	padding-right: 0;
	text-align: center;
}
#accountMenu div.header h3 {
	height: 92px;
	margin: 0;
	line-height: 92px;
	color: #FFF;
	background: #319936;
}

#accountMenu div.border {
	padding-left: 0;
}
#accountMenu div.border ul {
	display: table;
	width: 100%;
	height: 92px;
	padding-left: 45px;
	border: 1px solid #EEEEEE;
	border-left: 0;
}
#accountMenu div.border li {
	float: left;
	padding: 30px 25px 0 0;
	vertical-align: middle;
	text-transform: uppercase;
}
#accountMenu div.border li a {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}
#accountMenu div.border li.active a {
	color: #319936;
}
#accountMenu div.border li:last-child {
	padding-right: 0;
}



/*************************
 * INVOICES
 *************************/

#invoices {
	padding: 0 0 40px 0;
}

#invoices div.wrapper {
	padding: 0 15px;
}

#invoices div.box {
	padding: 10px 0;
	background: url(../images/invoices_line.png) center bottom no-repeat;
}
#invoices div.box div.title {
	padding: 0 0 2px 0;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
}
#invoices div.box div.download {
	text-align: right;
}



/*************************
 * ORDERS
 *************************/

#orders div.wrapper {
	padding: 0 15px;
}

#orders h5 {
	margin: 8px 0 20px 0;
}

#orders div.image {
	border: 1px solid #EEEEEE;
	overflow: hidden;
}
#orders div.sale {
	position: absolute;
	top: 11px;
	right: 25px;
	width: 52px;
	height: 52px;
	background: url(../images/product_sale.png) no-repeat;
}

#orders div.input b {
	display: block;
	margin-top: -5px;
}
#orders div.input .selector {
	display: block;
	width: 100%;
	padding: 7px 0 13px 0;
}
#orders div.input .selector option {
	padding: 3px 0 3px 49px;
	background-position: 13px 0;
	background-repeat: no-repeat;
}
#orders div.input .selector .custom-select {
	cursor: default;
	padding-left: 50px;
	background-position: 13px 7px;
	background-repeat: no-repeat;
}
#orders div.input .selector span.custom-select::before {
	background: none;
}

#orders div.input-normal .selector .custom-select,
#orders div.input-normal .selector option {
	padding-left: 15px;
}
#orders div.input input[type="text"] {
	width: 100%;
	margin: 7px 0 13px 0;
}


#orders div.price_label {
	padding: 14px 0 0 0;
	font-weight: bold;
}
#orders div.price {
	font-weight: bold;
	font-size: 60px;
	line-height: 50px;
	color: #319936;
}
#orders div.price small {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	line-height: 24px;
}
#orders div.name {
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 40px;
	text-transform: uppercase;
}
#orders div.shipping {
	padding: 0 0 13px 0;
}
#orders div.description {
	padding-left: 0;
}
#orders a.button.gray {
	width: 100%;
}


#orders div.box {
	padding-bottom: 25px;
}
#orders div.line {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background: url(../images/invoices_line.png) center no-repeat;
}

#orders div.grayscale * {
	color: #C6C6C6;
}
#orders div.grayscale a.button.gray {
	color: #FFF;
}



/*************************
 * PAYMENT
 *************************/

#payment div.image {
	border: 1px solid #EEEEEE;
	overflow: hidden;
}
#payment div.sale {
	position: absolute;
	top: 11px;
	right: 25px;
	width: 52px;
	height: 52px;
	background: url(../images/product_sale.png) no-repeat;
}

#payment div.input b {
	display: block;
	margin-top: -5px;
}
#payment div.input .selector {
	display: block;
	width: 100%;
	padding: 7px 0 13px 0;
}
#payment div.input .selector option {
	padding: 3px 0 3px 49px;
	background-position: 13px 0;
	background-repeat: no-repeat;
}
#payment div.input .selector .custom-select {
	cursor: default;
	padding-left: 50px;
	background-position: 13px 7px;
	background-repeat: no-repeat;
}
#payment div.input .selector span.custom-select::before {
	background: none;
}

#payment div.input-normal .selector .custom-select,
#payment div.input-normal .selector option {
	padding-left: 15px;
}
#payment div.input input[type="text"] {
	width: 100%;
	margin: 7px 0 13px 0;
}


#payment div.price_label {
	padding: 14px 0 0 0;
	font-weight: bold;
}
#payment div.price {
	font-weight: bold;
	font-size: 60px;
	line-height: 50px;
	color: #319936;
}
#payment div.price small {
	display: block;
	margin-top: 10px;
	font-size: 24px;
	line-height: 24px;
}
#payment div.name {
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 40px;
	text-transform: uppercase;
}
#payment div.shipping {
	padding: 0 0 13px 0;
}
#payment div.description {
	padding-left: 0;
}
#payment a.button.gray {
	width: 100%;
}
#create a.remove i,
#payment a.remove i {
	font-size: 20px;
	border: 1px solid #000;
}
#create a.remove:hover i,
#payment a.remove:hover i {
	border-color: #D8070E;
	color: #D8070E;
}



#payment .button-big,
#payment .button-xs {
	margin: 5px 0 5px 0;
}
#payment div.accept {
	padding-bottom: 7px;
	font-size: 13px;
}
#payment div.accept input {
	margin-right: 10px;
}


#payment .button-big {
	background: url(../images/payment_cart.png) 295px 15px #319936 no-repeat;
}



div.success,
div.error {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #9ADF8F;
	background: #D4FFCD;
}
div.error {
	border: 1px solid #DA0B14;
	background: #FFD2D3;
}
div.success b {
	color: #319021;
}
div.error b {
	color: #DA0B14;
}






#intro {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.83);
	z-index: 9999;
}
#intro > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 277px;
	margin: -182.5px 0 0 -138.5px;
}
#intro > div > img {
	height: 159px;
}
#intro #changeLang {
	display: block;
	position: static;
	padding: 0 25px;
	border: 1px solid #D0D0D0;
	background: #FFF;
	z-index: 100;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}



/*************************
 * LANGUAGE CHANGE
 *************************/

#changeLang {
	display: none;
	position: absolute;
	top: 45px;
	left: -20px;
	padding: 0 25px;
	border: 1px solid #D0D0D0;
	background: #FFF;
	z-index: 100;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#changeLang div.arrow {
	height: 12px;
	margin: -12px -25px 0 0;
	background: url(../images/top_change_arrow.png) no-repeat;
}

#changeLang a {
	display: table;
	width: 225px;
	padding: 17px 0;
	font-size: 12px;
	border-bottom: 1px solid #E1E4D9;
}

#changeLang b {
	color: #3E3E3E;
}

#changeLang a img {
	float: left;
	margin-right: 15px;
}

#changeLang b {
	display: block;
	padding-top: 8px;
	font-size: 13px;
}

#changeLang a:last-child {
	border: 0;
}

#changeLang a:hover {
	background: url(../images/top_change_circle.gif) right center no-repeat;
}

#changeLang a:hover b {
	color: #FDB913;
}