/**
 * <maanfabriekje.be>
 *
 * Contains all general layout declarations.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2009-04-08
 * @lastmodified	2009-05-07
 */

/* Cufon
---------------------------------------------------------- */

.cufon-replace {
	visibility: hidden;
}
.change-font {
	visibility: visible;
}

/* page structure
---------------------------------------------------------- */

#container {
	background: #fff;
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 0 30px;
	overflow:hidden;
}

/* header
---------------------------------------------------------- */

#header {
	background: #fff url(../img/bg_header.png) no-repeat 100% 0;
	height: 120px;
	width: 945px;
	margin: 0 20px 0 15px;
}

#logo {
	position: absolute;
	top: 37px;
	left: 13px;
	width: 228px;
	height: 140px;
	text-indent: -999em;
	overflow: hidden;
	background: no-repeat 0 0;
	z-index: 50;
}

/* navigation
---------------------------------------------------------- */

#nav {
	position: absolute;
	top: 72px;
	right: 35px;
}

#nav ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#nav li {
	float: left;
}

#nav a {
	color: #c38187;
	display: block;
	float: left;
	font-size: 1.1667em;
	font-weight: normal;
	height: 48px;
	line-height: 48px;
	text-decoration: none;
	padding: 0 10px;
}

#nav a:hover {
	color: #c87b00;
}

#nav #login a {
	background-position: -17px -165px;
	padding: 0 5px 0 40px;
}

#nav .selected {
	background: transparent url(../img/sprite_nav.png) no-repeat 0 0;
}

#nav #login.hover a {
	background-position: -17px -225px;
}

#nav #login.selected a {
	background-position: -17px -285px;
}

#nav .selected a {
	color: #fff !important;
}

/* main
---------------------------------------------------------- */

#main {
	background: #fff;
	display: inline;
	float: left;
	position: relative;
	margin:47px 20px 0 15px;
	width: 945px;
}

/* content
---------------------------------------------------------- */

#content {
	background: transparent url(../img/bg_main.jpg) no-repeat 0 0;
	margin-left: 0;
	display: inline;
	float: right;
	width: 720px;
	min-height: 420px;
}

.nobg #content {
	background: none;
	min-height: 300px;
}

.background-img {
	padding-left: 20px;
	width: 700px !important;
	position: relative;
	left: -20px;
}

.assistant { min-height: 0 !important; }

.picture-holder {
	background: transparent url(../img/bg_main_empty.jpg) no-repeat 0 34px !important;
}

/* breadcrumb
---------------------------------------------------------- */

#breadcrumb {
	margin: 0;
	padding: 4px 0 0 20px;
	font-size: .9167em;
	text-transform: lowercase;
}

#breadcrumb a {
	color: #7ccbbd;
	float: left;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb span {
	float: left;
	width: 15px;
	text-indent: -999em;
	background: url(../img/sprite_icons-buttons.png) no-repeat -56px -95px;
}

#breadcrumb em {
	float: left;
	font-style: normal;
	color: #c38187;
}

/* sections
---------------------------------------------------------- */

.section,
.section-narrow,
.section-wide {
	clear: both;
	display: inline;
	float: left;
	margin-top: 5px;
	width: 700px;
	padding-left: 20px;
}

.section-wide {
	padding-left: 10px;
	width: 925px;
}

.section-narrow {
	padding-left: 0px;
	width: 340px;
}

.section h2,
.section-narrow h2,
.section-wide h2 {
	margin-top: 15px;
}

.plain-content h1 {
	margin-bottom: 20px;
	display: block;
}

#content .plain-content div.content {
	float: left;
	clear: both;
	font-size: .9167em !important;
	line-height: 1.4545em;
}

#content .plain-content div.content p {
	margin-left: 0;
	width: 570px;
	font-size: 1em !important;
}

/* category page
---------------------------------------------------------- */

.category {
	font-size: 1.1667em;
	line-height: 1.1429em;
	margin-top: 10px;
	height: 470px;
	position: relative;
}

.category a {
	float: left;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../img/bg_category.png) no-repeat 0 100%;
	padding: 8px 8px 6px;
}

.category ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 55px;
	right: 3px;
	width: 190px;
}

.category ul li {
	float: left;
	clear: both;
	width: 190px;
}

/* new in collection / our favourites
---------------------------------------------------------- */

.new-collection, .favs {
	margin-left: 380px;
	padding-bottom: 25px !important;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.favs h2 {
	margin-top: 0;
}

/* product details
---------------------------------------------------------- */

.product {
	position: relative;
}

.product-details {
	width: 220px;
	margin-left: 460px;
	position: relative;
	z-index: 25;
}

.product-details .stitches {
	float: left;
	margin-top: 50px;
	background-color: #b3dede;
	background-position: 0 100%;
	width: 100%;
}

.product-details h1 {
	font-size: 1.8333em;
	line-height: 1.0909em;
	padding-bottom: 10px;
}

.product-details .add-to-cart {
	clear: both;
	float: left;
	position: relative;
}

.product-details .add-to-cart a {
	display: block;
	width: 101px;
	height: 87px;
	left: 140px;
	bottom: -70px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
}

.add-to-cart .price {
	color: #fff;
	display: block;
	font-size:1.5em;
	font-weight: bold;
	width: 90px;
	float: right;
	margin: 40px 0 0;
	text-align: center;
}

.add-to-cart .price-vat {
	display: block;
	font-size: .5555em;
	font-weight: normal;
}


.product-pictures {
	background: none;
	clear: both;
	position: absolute;
	top: 11px;
	left: 70px;
	width: 650px;
	height: 344px;
}

.product-picture-loading {
	background: transparent url(../img/loader.gif) no-repeat 162px 116px;
}

.product-pictures img {
	clear: both;
}

.product-picture-loading img {
	visibility: hidden;
}

.picture-controls {
	display: inline;
	float: left;
	font-size: .9167em;
	width: 340px;
	margin: 70px 0 0 210px;
}

.picture-controls span {
	float: left;
	margin-right: 5px;
	padding: 4px 0 0;
}
.picture-controls .button-prev,
.picture-controls .button-next {
	float: left;
	display: inline;
	width: 27px;
	height: 25px;
	line-height: 25px;
	text-indent: -999em;
	overflow: hidden;
	padding: 0;
	margin-left: 3px;
}

/* features
---------------------------------------------------------- */

.features {
	float: left;
	margin-top: 10px;
	padding-bottom: 15px;
	padding-left: 0;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

.features li {
	float: left;
	width: 100px;
	margin: 0 20px 6px 0;
}

.features li.last {
	margin-right: 0;
}

.features li strong {
	color: #c6898e;
	display: block;
}

/* status
---------------------------------------------------------- */

.status {
	font-style: italic;
	font-weight: bold;
}

/* actions
---------------------------------------------------------- */
.actions {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline;
	clear: both;
	float: left;
	width: 100%;
	padding-left: 0;
}

.actions a {
	color: #c38187;
	display: block;
	float: left;
	font-size: 0.9167em;
	line-height: 1.1818em;
	margin: 0 0 3px;
	padding: 3px 0 3px 23px;
	text-decoration: none;
	clear: both;
}

.actions a:hover {
	text-decoration: underline;
}

/* listbox
---------------------------------------------------------- */

.listbox {
	clear: both;
	padding-bottom: 45px;
}

.listbox ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
	display: inline;
	padding: 0;
}

.listbox li {
	position: relative;
	float: left;
	display: inline;
}

.listbox li.row {
	clear: both;
}

.listbox li h3 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3333em;
	margin: 0;
}

.listbox li .meta h3 a { color: #2ea09f;}
.listbox li.hover .meta h3 a {	color: #c87b00; }

.listbox li img {
	position: absolute;
	top: 0;
	left: 0;
}

.listbox li.hover img {
	background-color: #edcfa3;
}

.listbox li a {
	text-decoration: none;
}

.listbox li .meta {
	color: #2ea09f;
}

.listbox li.hover h3 a { color: #c87b00; }
.listbox li.hover a { text-decoration:underline; }


/* listbox small sized */

.listbox-small ul {
	width: 700px;
}

.listbox-small li {
	margin: 20px 20px 0 0;
	width: 100px;
	height: 100px;
}

.listbox-small li.last {
	margin-right: 0;
}

.listbox-small li img {
	background: none;
	padding: 0;
	width: 80px;
	height: 57px;
}

.listbox-small li .meta {
	padding-top: 67px;
}

.listbox-small li h3 a {
	color: #2ea09f;
}

/* listbox medium sized */

.listbox-medium ul {
	margin-top: 20px;
}
.listbox-medium li {
	margin: 10px 20px 0 0;
	width: 150px;
	height: 155px;
}

.listbox-medium li.last {
	margin-right: 0;
}

.listbox-medium li img {
	background: #b3dede url(../img/horizontal_stitches.png) no-repeat 0 100%;
	padding: 0 0 3px 0;
}

.listbox-medium li .meta {
	padding-top: 105px;
}

.listbox-medium li .ico-basket-small {
	position: absolute;
	top: 72px;
	left: 112px;
}

.listbox-medium li.hover .ico-basket-medium {
	background-position: -60px -760px;
}

/* cols
---------------------------------------------------------- */

.cols h2 {
	padding-bottom: 20px;
}

.col {
	width: 340px;
	float: left;
	margin-right: 20px;
}

.col h3 {
	clear: both;
	color: #c18785;
	font-size: 1.4167em;
	line-height: 1.1765em;
	float: left;
	width: 100%;
}

.col h3 a {
	color: #c18785;
	text-decoration: none;
}
.col h3 a:hover { text-decoration: underline; }

.col.last {	margin-right: 0; }

.col .meta {
	clear: both;
	color: #91ccc2;
	margin: 2px 0 6px 0;
	float: left;
	font-style: italic;
	width: 100%;
}

.col a, .col p {
	clear: both;
}

.col p {
	margin-bottom: 5px;
	width: 100%;
}

/* aside
---------------------------------------------------------- */

#aside {
	float: left;
	display: inline;
	margin-top: 30px;
	padding: 0 0 0 7px;
	width: 218px;
	overflow: hidden;
	position: relative;
	z-index: 30;
}

/* Subnav
---------------------------------------------------------- */

#subnav li.selected, #subnav li.hover,
#subnav li.selected div, #subnav li.hover div,
#subnav li.selected li.hover div, #subnav li.selected li.selected div,
#subnav li.selected li.hover, #subnav li.selected li.selected {
	background: transparent url(../img/sprite_nav.png) no-repeat;
}

#subnav {
	background: transparent url(../img/nav_bg_tile.png) repeat-y 0 0;
	clear: both;
	display: inline;
	float: left;
	font-size: 1.1667em;
	font-weight: bold;
	padding: 15px 0 40px;
	width: 219px;
	min-height: 290px;
}

.nobg #subnav {
	background: transparent url(../img/nav_bg_tile.png) repeat-y 0 0;
}

.nobg #subnav {
	min-height: 80px;
}

#subnav ul {
	overflow: hidden;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0;
}

#subnav li {
	float: left;
	width: 206px;
	padding: 0 0 5px;
}

#subnav a {
	background: transparent url(../img/sprite_icons-buttons.png) no-repeat 18px 9px;
	color: #fff;
	display: block;
	text-transform: lowercase;
	padding: 5px 0 3px 33px;
	text-decoration: none;
	width: 158px;
}

#subnav li.selected, #subnav li.hover {
	background-position: -480px 100%;
}

.alt #subnav li.selected, .alt #subnav li.hover {
	background-position: -1150px 100%;
}

#subnav li.selected div, #subnav li.hover div {
	background-position: -250px -75px;
}

.alt #subnav li.selected div, .alt #subnav li.hover div {
	background-position: -1150px -75px;
}

#subnav li.selected a {
	background: none;
	padding-left: 18px;
}

#subnav li ul {
	padding: 5px 0 0;
	border: none;
	width: 179px;
	margin: 0 0 0 27px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0;
}

#subnav li li {
	font-size: .8571em;
	line-height: 1.3333em;
	width: 179px;
}

#subnav li.selected li {
	background: none;
	padding: 0 0 4px;
}

#subnav li.selected li div {
	background: none;
}

#subnav li.selected li.hover div {
	background-position: -250px -620px;
}
#subnav li.selected li.selected div {
	background-position: -250px -500px;
}

#subnav li.selected li.hover {
	background-position: -910px 100%;
}
#subnav li.selected li.selected {
	background-position: -690px 100%;
}

#subnav li.selected li a {
	padding: 3px 0 2px 10px;
	margin: 0;
	width: 155px;
}

/* banners
---------------------------------------------------------- */

#aside .banners {
	background: transparent url(../img/banners_top.png) no-repeat 0 0;
	position: relative;
	top:-8px;
	padding:8px 0 0;
	width: 210px;
	float: left;
}

#aside .banner h3 {
	text-indent:-999em;
}

#aside .banners-wrapper {
	float: left;
}

#aside .banner {
	position: relative;
}

#aside .banner h3 a {
	display: block;
	width: 200px;
	overflow: hidden;
	margin-left:5px;
}

#aside .wishlist a {
	height: 60px;
}

#aside .newsletter a {
	height: 66px;
}

#aside .shopassistent {
	background: transparent url(../img/personalshopper_animation.gif) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	height: 106px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 200px;
	z-index: 5;
}

#aside .shopassistent h3 {
	clear: both;
	display: inline;
	float: left;
	font-size: 2.6667em;
	margin: 7px 0 0 35px;
	text-transform: lowercase;
	width: 155px;
}

#aside .shopassistent p {
	clear: both;
	display: inline;
	float: left;
	margin: 3px 0 0 35px;
	width: 155px;
}

#aside .shopassistent a {
	height: 106px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: 0;
	width: 200px;
}

/* skip to nav links
---------------------------------------------------------- */

#skip {
	position: absolute;
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}

#skip li{
	text-indent:-999em;
}

/* button
---------------------------------------------------------- */

.actionbtn,
.button {
	background: #59afae;
	border: none;
	line-height: 24px;
	color: #fff !important;
	padding: 0 4px;
	cursor: pointer;
	text-decoration: none;
	overflow: visible;
}

.actionbtn {
	background: transparent url(../img/sprite_icons-buttons.png) no-repeat -60px -1100px;
	color: #fff !important;
	height: 26px;
	text-align: center;
	float: left;
	text-transform: lowercase;
	margin-top: 5px;
	margin-left: 4px;
	padding: 0 7px;
	overflow: visible;
}

a.actionbtn {
	padding-top: 1px;
	line-height: 25px;
}
.actionbtn:hover {
	background-position: -60px -1150px;
}

/* search
---------------------------------------------------------- */

#search {
	position: absolute;
	top: 8px;
	right: 120px;
}

.lookondkz {
	margin-top: 20px;
	font-size: 125%
}

.lookondkzps {
	font-size: 75%
}

/* lang
---------------------------------------------------------- */

#lang {
	position: absolute;
	top: 18px;
	right: 35px;
}

#lang ul {
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#lang li {
	float: left;
	margin: 0;
}

#lang a {
	color: #a54b4b;
	float: left;
	font-size: 1.1667em;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	width: 22px;
}

#lang a:hover { font-weight: bold; }

#lang .selected a { font-weight: bold; }

#lang li {
	float: left;
	margin: 0;
}

#lang a {
	color: #a54b4b;
	float: left;
	font-size: 1.1667em;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	width: 22px;
}

#lang a:hover { font-weight: bold; }

#lang .selected a { font-weight: bold; }


/* basket
---------------------------------------------------------- */

#basket {
	clear: both;
	position: absolute;
	top: 120px;
	right: 20px;
	width: 720px;
	height: 50px;
	background: transparent url(../img/bg_basket.jpg) no-repeat 0 0;
}

#basket h2 {
	float: right;
	display: block;
}

#basket h2 a {
	display: block;
	width: 212px;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#basket h2 a:hover {
	background-position: 0 -50px;
}

#basket ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: right;
	display: block;
	margin: 4px 8px 0 0;
	padding: 0;
}

#basket li {
	float: right;
	width:55px;
	height: 39px;
	margin: 0 0 0 2px;
}

/* footer
---------------------------------------------------------- */

#footer {
	background: transparent url(../img/bg_footer.png) no-repeat 0 0;
	width: 980px;
	margin: 0 auto;
	height: 110px;
}

#footer-content {
	display: inline;
	float: right;
	clear: both;
	margin: 53px 40px 0;
	color: #fff;
	width: 680px;
}

#footer ul.secondary {
	float: right;
}

#footer-content li {
	float: left;
	text-transform: lowercase;
	margin: 0 15px 0 0;
}

#footer-content a {
	float: left;
	text-decoration: none;
	color: #fff;
}

#footer-content a:hover {
	text-decoration: underline;
}

/* advised products
---------------------------------------------------------- */

.advised-products {
	overflow: hidden;
	padding-bottom: 0;
	margin-top: 20px;
}

.advised-products .stitches {
	background-position: 0 100%;
	background-color: #b3dede;
	padding-bottom: 0;
	margin-top:5px;
	width: 660px;
	float: right;
}

.advised-products h2 {
	color: #638d29;
	margin: 0 0 0 40px;
	padding: 0 0 0;
}

.advised-products ul {
	float: left;
	margin-top: 20px;
	width: 690px;
}

.advised-products li {
	margin-right: 30px;
	display: inline;
}
.advised-products li.last {
	margin-right: 0;
}

.advised-products li .ico-basket-medium {
	background-position: 0 -760px;
	position: absolute;
	left: 96px;
	top: 56px;
	width: 53px;
	height: 51px;
}

.advised-products li .meta {
	padding-top: 110px;
}

.ico-basket-medium .price {
	display: block;
	color: #fff;
	font-size: .9167em;
	font-weight: bold;
	float: left;
	margin-top: 25px;
	width: 50px;
	margin-left: 2px;
	text-align: center;
}

/* in category
---------------------------------------------------------- */

.in-category {
	padding-bottom: 0;
}

.in-category .stitches {
	background-position: 0 100%;
	background-color: #b3dede;
	padding-bottom: 0;
	margin-top:5px;
	width: 660px;
	float: right;
}

.in-category h2 {
	float: left;
	display: inline;
	margin: 0 0 0 40px;
	padding: 0 0 0;
}

.in-category ul {
	clear: both;
	float: left;
	margin-top: 20px;
	width: 690px;
}

.in-category li {
	margin-right: 30px;
	display: inline;
}
.in-category li.last {
	margin-right: 0;
}

.in-category li .ico-basket-medium {
	background-position: 0 -760px;
	position: absolute;
	left: 96px;
	top: 56px;
	width: 53px;
	height: 51px;
}

.in-category li .meta {
	padding-top: 110px;
}

.in-category .paging {
	float: right;
	display: inline;
	margin: 14px 0 0;
	width: 455px;
}

/* shop assistant
---------------------------------------------------------- */

.assistant {
	background: none !important;
	width: 945px !important;
}

.assistant #breadcrumb {
	margin-left: 225px;
}

.shop-assistant {
	clear: both;
	float: left;
	margin: 10px 0 0;
}

.shop-assistant {
	position: relative;
	color: #2ea09f;
	font-size: .9167em;
	line-height: 1.4545em;
}

.shop-assistant dt strong, .shop-assistant label.heading, .shop-assistant h3 {
	display: inline;
	float: left;
	color: #c18785;
	font-weight: bold;
	font-size: 1.0909em;
	line-height: 1.3333em;
	padding-bottom: 4px;
	text-transform: lowercase;
}

.shop-assistant .desc {
	float: left;
	padding-bottom: 80px;
}

.shop-assistant .desc h3 {
	text-transform: none;
	padding-bottom: 12px;
}

.shop-assistant p {
	clear: both;
	float: left;
	width: 100%;
}

.shop-assistant .filter-overview p {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 20px;
}
.shop-assistant .filter-overview p em {
	color: #C87B00;
	font-weight: bold;
	font-style: normal;
}

.shop-assistant .filter-overview ul {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 20px;
}

.shop-assistant .filter-overview ul li {
	background: transparent url(../img/bullet.png) no-repeat 0 4px;
	clear: both;
	display: inline;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 0 15px;
	width: 140px;
}

a#stop-assistant {
	background-position: 100% -1340px;
	position: absolute;
	top: -10px;
	right: 5px;
	height: 28px;
	line-height: 30px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 30px 0 10px;
	text-align: center;
}

a#stop-assistant:hover {
	background-position: 100% -1380px;
}

.block {
	position: relative;
	display: inline;
	float: left;
	background-color: transparent;
	background-image: url(../img/sprite_assistant_mid.png);
	background-repeat: repeat-y;
	height: 180px;
	padding: 0;
	margin: 20px 0 0;
}

.step1 {
	margin-left: 20px;
	width: 210px;
	background-position: -920px 0;
}
.step2 {
	width: 500px;
	background-position: -1130px 0;
}
.step3 {
	width: 210px;
	background-position: -1630px 0;
}

.step1-usable { background-position: 0 0; }
.step2-usable { background-position: -210px 0; }
.step3-usable { background-position: -710px 0; }

.shop-assistant dl, .shop-assistant ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}

.step-wrapper {
	background-image: url(../img/sprite_assistant.png);
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
}
.step-content {
	background-color: transparent;
	background-image: url(../img/sprite_assistant.png) !important;
	background-repeat: no-repeat !important;
	padding-top: 20px;
	padding-bottom: 0;
	float: left;
	clear: both;
}

.step1 .step-wrapper { background-position: -920px 0; }
.step2 .step-wrapper { background-position: -1130px 0; }
.step3 .step-wrapper { background-position: -1630px 0; }

.step1-usable .step-wrapper { background-position: 0 0; }
.step2-usable .step-wrapper { background-position: -210px 0; }
.step3-usable .step-wrapper { background-position: -710px 0; }

.step1 .step-content {
	background-position: -2760px 100%;
	padding-left: 25px;
	padding-right: 30px;
	width: 155px;
}
.step2 .step-content {
	background-position: -2970px 100%;
	padding-left: 40px;
	padding-right: 45px;
	width: 415px;
}
.step3 .step-content {
	background-position: -3470px 100%;
	padding-left: 35px;
	padding-right: 20px;
	width: 155px;
}

.step1-usable .step-content { background-position: -1840px 100%; }
.step2-usable .step-content { background-position: -2050px 100%; }
.step3-usable .step-content { background-position: -2550px 100%; }

.filter-overview-wrapper {
	background: transparent url(../img/luna-filter.png) no-repeat 100% 100%;
	height: 90%;
}

.filter-actions {
	margin: 10px 10px 0 10px;
	clear: both;
	float: left;
	width: 925px;
	position: relative;
}

.filter-actions .button-container {
	display: inline;
	float: right;
}

.filter-actions .button-container .button {
	position: relative;
	z-index: 60;
}

.filter-actions .stitches {
	float: right;
	height: 3px;
	background-color: #b3dede;
	position: relative;
	bottom: 4px;
	width: 840px;
	z-index: 5;
}

.filter-actions p#results-desc {
	display: block;
	float: left;
	padding: 18px 0 0 40px;
	font-size: 1.1667em;
	/* line-height: 1.3571em; */
	width: 650px;
}

p#results-desc span {
	color: #C87B00;
	font-weight: bold;
}

.filter-actions p#results-changefilters {
	display: inline;
	float: left;
	padding: 0px 0 25px 40px;
	/* margin-left: 70px; */
	font-size: .9167em;
	line-height: 1.4545em;
	width: 650px;
}

.filter-results {
	padding-bottom: 0 !important;
	clear: none;
	float: left;
	width: 705px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 50;
}

.filter-results .stitches {
	background-color: #b3dede;
	clear: both;
	display: inline;
	float: left;
	margin: 15px 0 0;
	width: 705px;
}

.filter-results h2.change-font {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 23px;
	font-size: 3em !important;
}

.filter-results .paging {
	float: right;
	width: 460px;
	margin: 43px 20px 0 0;
}

.filter-results ul,
.filter-results p {
	width: 705px;
	margin-left: 0;
}

.filter-results p.noresults {
	float: left;
	margin-top: 40px;
	margin-left: 85px;
	font-weight: bold;
}

.filter-results ul.overlay {
	clear: both;
}

.filter-results ul li {
	margin-right: 31px;
}

.filter-results li .ico-basket-medium {
	background-position: 0 -760px;
	position: absolute;
	left: 96px;
	top: 56px;
	width: 53px;
	height: 51px;
}

/* check-out: basket
---------------------------------------------------------- */

div.checkout h1 {
	font-size: 4em;
	width: 100%;
}

.basket-overview {
	margin-top: 0;
}

.delete {
	float: left;
	width: 40px;
}

.delete a.ico-delete {
	display: inline;
	float: left;
	margin: 19px 0 0 10px;
	line-height: 21px;
	text-indent: -999em;
	padding: 0;
	width: 21px;
	height: 21px;
	overflow: hidden;
}

.discount .delete a.ico-delete {
	margin-top: 9px;
}

table.error .errormsg .delete a.ico-delete {
	background-position: 0 -1175px;
	margin-top: 9px;
}

.discount .code {
	font-size: 1em;
	display: inline;
	float: left;
	width: 350px;
	padding: 8px 0 12px 0;
}

.discount .code span {
	color: #c18785;
	font-weight: bold;
	margin-right: 5px;
}

/* discount code entry */
.discount-code {
	float: left;
	margin-top:10px;
	margin-left: 20px;
	width: 480px;
	display: inline;
}

.discount-code label {
	margin: 4px 0 0;
	float: left;
}

#txt-discount-code, #discountcode {
	clear: both;
	width: 138px;
	margin: 8px 0 0 0;
	float: left;
}

#btn-discount-code {
	margin-top: 5px;
	margin-left: 4px;
}

#btn-discount-code:hover {
	background-position: -60px -1150px;
}

/* checkout: 'navigation' (prev/next)
---------------------------------------------------------- */

.checkout-nav {
	float: left;
	margin: 45px auto 0;
	width: 100%;
}

.checkout-nav .half {
	width: 50%;
	float: left;
}

.checkout-nav .button {
	border: none;
	background: transparent url(../img/sprite_icons-buttons.png) no-repeat 100% -1250px;
	color: #fff;
	float: left;
	display: inline;
	font-weight: bold;
	font-size: 1.1667em;
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding: 0 20px 0 10px;
	text-transform: lowercase;
	margin-left:10px;
	overflow: visible;
}

.checkout-nav .button:hover { background-position: 100% -1300px; }

.checkout-nav .secondary {
	background-position: 0 -1250px;
	color: #fff;
	float: right;
	font-weight: normal;
	font-size: 1em;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 8px 0 20px;
	margin: 2px 10px 0 0;
}

.checkout-nav .secondary:hover { background-position: 0 -1300px; }

/* checkout: progress
---------------------------------------------------------- */

#aside .steps {
	float: left;
	background: transparent url(../img/nav_bg_tile.png) repeat-y 0 0;
	width: 205px;
}

.steps ul {
	color: #fff;
	font-weight: bold;
	font-size: 1.1667em;
	line-height: 1.5em;
	padding: 15px 0 35px 0;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
	list-style-type: none;
}

.steps li {
	position: relative;
	left: -5px;
	float: left;
	clear: both;
	margin: 0;
	padding: 6px 0 6px 20px;
	width: 185px;
	text-transform: lowercase;
}

.steps li.active {
	background: transparent url(../img/sprite_nav.png) no-repeat -1155px 100%;
	padding: 0 0 6px 0;
	width: 205px;
}

.steps li.active div {
	padding: 6px 0 0 20px;
	width: 185px;
	background: transparent url(../img/sprite_nav.png) no-repeat -1155px -75px;
}

.steps li a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #91CCC2;
}
.steps li a:hover {
	border-bottom: 1px solid white;
}

/* checkout: login
---------------------------------------------------------- */

.login h2 {
	float: left;
	display: inline;
	color: #c18785;
	font-size: 1.1667em;
	text-transform: none;
	margin-top: 7px;
	padding-bottom: 5px;
}

.login .col-register {
	width: 230px;
	margin-right: 0;
}

.login .col-register h2 {
	padding-bottom: 15px;
}

.login .col-login {
	background: transparent url(../img/vertical-stitches.png) repeat-y 0 0;
	width: 365px;
	margin: 0;
	padding: 0 0 0 30px;
}

.login .col-login h2 {
	margin-left: 10px;
}

/* checkout: register & address
---------------------------------------------------------- */

.register,
.address {
	width: 510px;
	padding-left: 10px;
}

.register h1,
.address h1 {
	margin-left: 10px;
	width: 100%;
}

.register div.info,
.address div.info {
	float: left;
	display: inline;
	width: 100%;
}

.register h2,
.address h2 {
	color: #c18785;
	font-size: 1.1667em;
	text-transform: none;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 5px;
	width: 100%;
}

.register h3,
.address h3 {
	font-size: 1em;
	text-transform: none;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 5px;
	width: 100%;
}

.register .info p,
.address .info p,
.register .info ul,
.address .info ul {
	font-size: 0.9167em;
	line-height: 1.4545em;
	margin-left: 10px;
	display: inline;
	float: left;
	clear: both;
	width: 100%;
}

.register form,
.address form {
	float: left;
	clear: both;
	width: 100%;
}

/* Check-out: overview
---------------------------------------------------------- */

.order-overview {
	font-size: 0.9167em;
	line-height: 1.4545em;
	padding-bottom: 20px;
}

.order-overview table {
	font-size: 1.0909em;
	line-height: 1.5em;
}

.order-overview .transport .costs {
	font-size: 1em;
	display: inline;
	float: left;
	width: 350px;
	padding: 8px 0 12px 0;
}


.order-overview .discount .code,
.order-overview .transport .costs {
	margin-left: 10px;
	display: inline;
}

.order-overview .transport .costs span {
	color: #c18785;
	font-weight: bold;
	margin-right: 5px;
}

.transport .subtotal,
.discount .subtotal {
	width: 310px !important;
}

.order-overview a#change-cart {
	float: left;
	display: inline;
	font-size: 1.0909em;
	line-height: 1.5em;
	margin: 15px 0 0;
}

.order-overview .order-details,
.order-overview form {
	clear: both;
	float: left;
	width: 690px;
}

.order-details h2 {
	color: #c18785;
	font-size:1.0909em;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 3px;
}

.order-details p {
	margin-bottom: 3px;
}

.order-details .warning {
	color: #C18785;
	background: transparent url(../img/horizontal-top-stitches.png) no-repeat 0 0;
	margin-top: 35px;
	padding: 20px 0 0;
}

/* Check-out: payment method
---------------------------------------------------------- */

h1.outside-section {
	margin-left: 20px;
	float: left;
	margin-top: 5px !important;
	width: 640px !important;
}

.payment {
	width: 640px;
	background: transparent url(../img/vertical-stitches.png) repeat-y 50% 0;
	padding-bottom: 20px;
	float: left;
	margin-left: 20px;
}

.payment .col {
	color: #2EA09F;
	font-size: 0.9167em;
	line-height: 1.4545em;
	font-weight: normal;
	width: 280px;
	padding-right: 20px;
}

.payment .last {
	padding-left: 20px;
	padding-right: 0;
}

.payment h2 {
	font-size: 1.2727em;
	color: #c18785;
	padding-bottom: 10px;
}

.payment h3 {
	font-size: 1.0909em;
	line-height: 1.5em;
	color: #2EA09F;
	font-weight: bold;
	padding-bottom: 5px;
}

.payment .actionbtn {
	margin-top: 10px;
	margin-left: 0;
}

/* about us / faq
---------------------------------------------------------- */

.about-us h1,
.faq h1 {
	display: inline;
	float: left;
	font-size: 2.5em;
	margin: 0 0 0 67px;
}

.about-us .content-intro,
.about-us .content {
	clear: both;
	float: left;
	width: 570px;
}

.content-intro img {
	display: inline;
	float: left;
	margin: 7px 0 0 20px;
	padding: 0 40px 30px 0;
}

.content-intro p {
	color: #c38187;
	font-weight: bold;
	display: inline;
	float: left;
	margin: 40px 0 0 0;
	width: 210px;
}

.content p {
	font-size: .9167em;
	line-height: 1.4545em;
	margin-left: 70px;
	width: 500px;
}

.content p span {
	color: #c38187;
}

.content .stitches {
	clear: both;
	float: left;
	background-color: #B3DEDE;
	height: 3px;
	width: 100%;
	margin-bottom: 25px;
}

.faq ul.faq-questions {
	clear: both;
	display: inline;
	float: left;
	width: 520px;
	margin: 25px 0 40px 52px;
}

ul.faq-questions li {
	float: left;
	display: block;
	clear: both;
	padding-bottom: 8px;
	width: 520px;
}

ul.faq-questions a {
	float: left;
	background: transparent url(../img/sprite_arrows.png) no-repeat 0 7px;
	font-size: 0.9167em;
	display: inline;
	padding: 0 0 0 18px;
}

ul.faq-questions a:hover {
	background-position: -600px 7px;
}

dl.faq-answers,
.faq-answers dt,
.faq-answers dd {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

dl.faq-answers {
	width: 570px;
}

.faq-answers dt {
	position: relative;
	color: #c38187;
	font-weight: bold;
	background: transparent url(../img/horizontal-top-stitches.png) no-repeat 0 0;
	padding-top: 15px;
}

.faq-answers dt a.to-questions {
	background-position: 0 -200px;
	position: absolute;
	top: 20px;
	left: 0;
	width: 14px;
	height: 9px;
	text-indent: -999em;
	overflow: hidden;

}

.faq-answers dd {
	font-size: .9167em;
	line-height: 1.4545em;
	display: inline;
	margin-top: 10px;
	width: 500px;
	margin-left: 70px;
	padding-bottom: 30px;
}

.faq-answers dd p {
	margin-bottom: 4px;
}

.faq-answers dt span.question {
	clear: both;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 500px;
	margin-left: 70px;
}

/* manage wishlist
---------------------------------------------------------- */

.my-wishlist h1 {
	display: inline;
	float: left;
	font-size: 2.5em;
	width: 690px;
}

.my-wishlist h2 {
	clear: both;
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: #c38187;
	display: inline;
	width: 690px;
	margin-top: 30px;
}

.my-wishlist p {
	clear: both;
	float: left;
	margin: 15px 0 5px 0;
	width: 690px;
}

.my-wishlist .delete a {
	text-align: left;
}

.my-wishlist .info {
	display: inline;
	float: left;
	height: auto !important;
	min-height: 60px;
	padding: 0 0 10px;
	position: relative;
	width: 450px;
}

.my-wishlist a.add-to-basket {
	background-position: 0 -1460px;
	display: inline;
	float: left;
	height: 31px;
	margin: 12px 0 0 50px;
	overflow: hidden;
	text-indent: -999em;
	width: 35px;
}
.my-wishlist a.add-to-basket:hover {
	background-position: -49px -1460px;
}

.my-wishlist .info .meta {
	display: inline;
	float: left;
	margin: 17px 0 0 65px;
}

.my-wishlist .info h3 {
	color: #2ea09f;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
}

.my-wishlist .info .extra-info {
	color: #c38187;
	font-size: 0.9167em;
}

.my-wishlist .info img {
	display: inline;
	left: 0;
	position: absolute;
	top: 12px;
}

.my-wishlist .add-note {
	float: left;
	width: 385px;
	margin-left: 65px;
	padding-bottom: 15px;
	display: inline;
}

/* wishlists & newsletter page
---------------------------------------------------------- */

.wishlists h1,
.wishlists-detail h2 {
	position: absolute;
	top: 10px;
	left: 25px;
	font-size: 4em;
}

.wishlists .search-alphabetic,
.wishlists-detail .search-alphabetic {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wishlists .search-alphabetic a,
.wishlists-detail .search-alphabetic a {
	color: #59afae;
	font-weight: bold;
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding-bottom: 9px;
	text-decoration: none;
	text-align: center;
}
.wishlists .search-alphabetic a:hover,
.wishlists-detail .search-alphabetic a:hover {
	color: #c87b00;
}

.wishlists .search-alphabetic a.active,
.wishlists-detail .search-alphabetic a.active {
	color: #fff;
	background: transparent url(../img/sprite_icons-buttons.png) 0 -1339px;
}

.wishlists #aside,
.wishlists-detail #aside,
.newsletter #aside {
	margin-top: 95px;
	margin-left: 15px;
	width: 190px;
}

.wishlists #aside p,
.wishlists-detail #aside p {
	font-size: 0.9167em;
	line-height: 1.4545em;
}

.wishlists #aside p.intro,
.wishlists-detail #aside p.intro {
	font-size: 1.0909em;
	line-height: 1.5em;
	color: #c38187;
	font-weight: bold;
}

.wishlists #aside fieldset,
.wishlists-detail #aside fieldset {
	width: 190px;
	padding-bottom: 45px;
}

.wishlists #aside input,
.wishlists-detail #aside input {
	clear: both;
	float: left;
}

.wishlists #aside .actionbtn,
.wishlists-detail #aside .actionbtn {
	margin-left: 0;
}

.wishlists #aside a.secondary,
.wishlists-detail #aside a.secondary,
.newsletter #aside a.secondary {
	background: transparent url(../img/sprite_icons-buttons.png) 0 -1250px;
	float: left;
	clear: both;
	font-size: 1em;
	height: 28px;
	line-height: 28px;
	margin: 15px 0 0 -5px;
	padding: 0 8px 0 20px;
	text-align: center;
	text-transform: lowercase;
}

.wishlists #aside a.secondary:hover,
.wishlists-detail #aside a.secondary:hover,
.newsletter #aside a.secondary:hover {
	background-position: 0 -1300px;
}

.wishlists-detail h1 {
	float: left;
	clear: both;
	font-weight: normal;
	font-size: 1.8333em;
	line-height: 1em;
	text-transform: none;
	margin-top: 14px;
}

.wishlists-detail a#btn-back {
	font-size: 0.9167em;
	background-position: 100% -1420px;
	display: inline;
	float: right;
	height: 28px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 30px;
	text-transform: lowercase;
	margin-top: 14px;
}

.wishlists-detail a#btn-back:hover {
	background-position: 100% -1380px;
}


.wishlists-detail .info {
	display: inline;
	float: left;
	height: auto !important;
	min-height: 60px;
	padding: 0 0 10px 0;
	position: relative;
	width: 480px;
}

.wishlists-detail .info .meta {
	float: left;
	display: inline;
	margin: 17px 0 0 65px;
}

.wishlists-detail .info h2 {
	display: inline;
	position: relative;
	left: 0;
	top: 0;
	color: #2EA09F;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.wishlists-detail .info .extra-info {
	color: #C38187;
	font-size: 0.9167em;
}

.wishlists-detail .info img {
	display: inline;
	left: 0;
	position: absolute;
	top: 12px;
}

.wishlists-detail .info p.remark {
	clear: both;
	float: left;
	display: inline;
	margin: 10px 0 0 65px;
	font-size: 0.9167em;
	line-height: 1.4545em;
	padding-bottom: 10px;
	width: 415px;
}

.wishlists-detail .info p.remark span {
	color: #c38187;
}

.wishlists-detail td.price {
	font-size: 1.1667em;
	padding-top: 20px;
	float: right;
	display: inline;
}

.wishlists-detail a.add-to-basket {
	background-position: 0 -1460px;
	float: left;
	display: inline;
	width: 35px;
	height: 31px;
	text-indent: -999em;
	overflow: hidden;
	margin: 12px 0 0 50px;
}

.wishlists-detail a.add-to-basket:hover {
	background-position: -49px -1460px;
}

.newsletter h1 {
	margin-left: 0;
}

.newsletter h2 {
	color: #c18785;
	font-size: 1.1667em;
	line-height: 1.5em;
	margin-left: 0;
	margin-top: 10px;
	padding-bottom: 5px;
	text-transform: none;
	width: 100%;
}

.newsletter #content {
	background: none !important;
	width: 945px !important;
}

.newsletter .section-wide {
	clear: both;
	float: left;
	width: 930px;
	padding: 0;
	margin-left: 10px;
	display: inline;
}

.optin-button {
	margin-left: 120px;
	float: left;
	display: inline;
}

/* staf
---------------------------------------------------------- */

.staf .intro {
	color: #C18785;
	float: left;
	clear: both;
	margin-top: 20px;
	width: 150px;
}

.staf .product-view {
	float: left;
	margin: 30px 0 0 40px;
}

.staf p {
	float: left;
	clear: both;
	margin-top: 25px;
	width: 510px;
}

.staf .product-view h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 320px;
	font-size: 1.8333em;
	line-height: 1.0909em;
	font-weight: normal;
	text-transform: lowercase;
}

.staf form {
	float: left;
	clear: both;
	margin-top: 30px;
}

.staf form p.radiolabel {
	width: 520px;
	padding-left: 10px;
	float: left;
	margin: 20px 0 0;
	font-weight: bold;
}

.staf .info {
	color: #C18785;
	float: left;
	clear: both;
	font-size: 0.9167em;
	line-height: 1.4545em;
	display: inline;
	margin: 20px 0 0 190px;
	width: 320px;
}

.staf div#action-btn {
	clear: both;
	float: left;
	display: inline;
	margin: 10px 0 0 190px;
}

.staf .info-msg-success {
	clear: both;
	float: left;
	display: inline;
	margin: 20px 0 0;
	background-color: #EEF6F1;
	width: 490px;
	padding: 10px;
	font-weight: bold;
}

/* paging
---------------------------------------------------------- */

.paging {
	display: inline;
}

.paging a, .paging span {
	color: #51afae !important;
	line-height: 20px;
	display: block;
	float: left;
	font-size: .9167em;
	font-weight: bold;
	text-decoration: none;
	width: 20px;
	height: 20px;
	text-align: center;
}
.paging a:hover {
	color: #C87B00 !important;
}

.paging .paging-prev,
.paging .paging-next {
	color: #fff !important;
	height: 22px;
	line-height: 20px;
	text-transform: lowercase;
	width: auto;
}

.paging .paging-prev {
	background-position: -60px -820px;
	margin-right: 12px;
	padding: 0 6px 0 11px;
}
.paging a.paging-prev:hover {
	color: #fff !important;
	background-position: -60px -842px;
}
.paging .paging-next {
	background-position: -150px -820px;
	margin-left: 12px;
	padding: 0 11px 0 6px;
}
.paging a.paging-next:hover {
	color: #fff !important;
	background-position: -150px -842px;
}

.paging span.paging-prev,
.paging span.paging-next {
	visibility: hidden;
}

.paging a.one-page {
	background-position: 100% -870px;
	float: right;
	padding-right: 20px;
	width: auto;
}

.paging a.more-pages {
	background-position: 100% -1500px;
	float: right;
	padding-right: 25px;
	width: auto;
}

.paging .this-page {
	color: #fff !important;
	background-position: 0 -820px;
}

/* icons
---------------------------------------------------------- */
.icon {
	background: transparent url(../img/sprite_icons-buttons.png) no-repeat
}

.ico-marlon {
	background-position: 0 -340px;
	line-height: 15px;
	padding: 0 0 0 25px;
}

.ico-basket-small {
	background-position: 0 -410px;
	width: 36px;
	height: 35px;
}

.hover .ico-basket-small {
	background-position: -60px -410px;
}

.ico-basket-large {
	background-position: 0 -640px;
}

.ico-basket-large:hover {
	background-position: -150px -640px;
}

.ico-staf {
	background-position: 0 -540px;
}
.ico-addwishlist {
	background-position: 0 -580px;
}

.ico-prev {	background-position: -150px -410px; cursor:pointer; }
.ico-prev:hover { background-position: -150px -440px; }

.ico-next {	background-position: -180px -410px; cursor:pointer; }
.ico-next:hover { background-position: -180px -440px; }

.ico-delete { background-position: 0 -1100px; }
.ico-delete:hover { background-position: -30px -1100px; }

/* graphics
---------------------------------------------------------- */

.graphic {
	background-color: transparent;
	background-image: url(../img/sprite_graphics.png);
	background-repeat: no-repeat;
}

.graphic-blog {	background-position: 100% 0; }
.graphic-advised-products {	background-position: 0 0; }
.graphic-in-category { background-position: -1000px 0; }
.graphic-checkout { background-position: 100% 100%; }

.graphic-assistant {
	position: absolute;
	background-position: 100% 100%;
	width: 149px;
	height: 58px;
}

.step2 .graphic-assistant { bottom: 20px; right: 40px; }
.step3 .graphic-assistant { bottom: 20px; right: 0; }

.graphic-results { background-position: 30px -2442px; }

.graphic-aboutus { background-position: -1989px 9px; }
.graphic-faq { background-position: -1989px -2441px; }

/* arrows
---------------------------------------------------------- */

.arrow {
	background: transparent url(../img/sprite_arrows.png) no-repeat
}

/* 404
---------------------------------------------------------- */

.wrapper-404 {
	width: 434px;
	position: relative;
	margin: 56px auto;
}

.wrapper-404 h1 {
	text-indent: -999em;
	background: transparent no-repeat 0 0;
	width: 363px;
	height: 76px;
	position: relative;
	z-index: 2;
}

.wrapper-404 .error-info {
	background: transparent url(../img/bg-404.jpg) no-repeat 0 0;
	float: left;
	margin: -28px 0 0 71px;
	width: 274px;
	height: 131px;
	padding: 45px 60px 20px 30px;
	position: relative;
	display: inline;
}

.wrapper-404 ul {
	list-style: none outside none;
	padding: 0;
}

.wrapper-404 li { padding-bottom: 7px; }

.wrapper-404 li a {
	background: transparent url(../img/arrows-404.png) no-repeat 1px 3px;
	color: #2ea09f;
	padding-left: 12px;
	text-decoration: none;
}

.wrapper-404 li a:hover {
	color: #c87b00;
	background: transparent url(../img/arrows-404.png) no-repeat 1px -47px;
}

.wrapper-404 .error-info #graphic {
	background: transparent url(../img/graphic-baby-404.png) no-repeat 0 0;
	width: 125px;
	height: 65px;
	position: absolute;
	top: 110px;
	left: 218px;
}

/* ogone
---------------------------------------------------------- */

.ogone {
	position: relative;
	width: 700px;
	float: right;
	display: inline;
}

.ogone small {
	font-size: 1em;
}

/* hitarea
---------------------------------------------------------- */

a.hitarea {
	cursor: pointer;
	position: absolute;
	display: inline;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent url(../img/bg_transparent.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -999em;
}

/* common
---------------------------------------------------------- */

.stitches {
	background-image: url(../img/horizontal_stitches.png);
	background-repeat: repeat-x;
	height: 3px;
	line-height: 1px;
	font-size: .0001em;
}

.hide {
	position: absolute;
	display: block;
	padding: 0 !important;
	text-indent: -999em ;
	font-size: 0px;
	height: 0px !important;
	line-height: 0px !important;
	background: none !important;
}

.hidden {
	text-indent: -999em;
}

.no-transform {
	text-transform: none;
}

/* browser fixes
---------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */