@font-face {
    font-family: 'dosisregular';
    src: url('media/fonts/dosis-regular.eot');
    src: url('media/fonts/dosis-regular.eot?#iefix') format('embedded-opentype'),
         url('media/fonts/dosis-regular.woff') format('woff'),
         url('media/fonts/dosis-regular.ttf') format('truetype'),
         url('media/fonts/dosis-regular.svg#dosisregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dosisbold';
    src: url('media/fonts/dosis-bold.eot');
    src: url('media/fonts/dosis-bold.eot?#iefix') format('embedded-opentype'),
         url('media/fonts/dosis-bold.woff') format('woff'),
         url('media/fonts/dosis-bold.ttf') format('truetype'),
         url('media/fonts/dosis-bold.svg#dosisbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	background: #a09178;
	color: #fff4e4;
	font: normal 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
:focus {
	outline: 0;	
}
a {
	outline: none;
	color: #2c2418;
	text-decoration: underline;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.clear {
	clear: both;	
}
.left {
	float: left !important;	
}
.right {
	float: right !important;	
}
img {
	border: none;	
}
.wrapper {
	width: 949px;
	margin: 0 auto;	
}
.pageHeader {
	float: left;
	width: 100%;
	background: url(media/design/header-bg.png) top left repeat-x #eedec7;
	border-bottom: 1px solid #e1dfdd;
}
.pageHeader .logo {
	float: left;	
	margin: 19px 0 12px 2px;
}
.pageHeader .logo img {
	float: left;	
}
.pageHeader aside {
	float: right;
	padding: 45px 0 0 0;
}
.pageHeader aside .login {
	float: right;
	width: 118px;
	height: 33px;
	text-align: center;
	background: url(media/design/login-btn.png) top left no-repeat;
	font: normal 17px/33px arial;
	color: #fff;
	text-shadow: 1px 1px #333;
	text-decoration: none;
}
.pageHeader aside .login:hover {
	color: #d8c6ac;
	text-decoration: none;
}
.pageHeader aside h3 {
	float: right;
	padding: 4px 30px 0 0;
	margin: 0px;
	color: #8b7354;
	font: normal 25px/30px 'dosisregular';
}
.pageHeader aside h3 span {
	color: #2b2a29;
	padding: 0 4px 0 0;
	font: normal 11px/13px 'dosisregular';	
}
.pageContent {
	float: left;
	clear: both;
	width: 100%;
	background: url(media/design/content-bg.png) top left repeat-x #a09178;
}
.pageContent nav {
	float: left;
	width: 100%;
	background: url(media/design/nav-bg.png) top left repeat-x;
	font: normal 14px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #d8c6ac;
	border-bottom: 1px solid #94856c;
}
.pageContent nav ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.pageContent nav ul li {
	float: left;
	padding: 0 2px 0 0;
	margin: 0px;
	background: url(media/design/nav-seperator.png) right center no-repeat;
}
.pageContent nav a {
	float: left;
	padding: 0 30px;
	color: #d8c6ac;
	text-decoration: none;
	background: url(media/design/nav-bg.png) top left repeat-x;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.pageContent nav a:hover, .pageContent nav a.antd {
	color: #fff;
	text-decoration: none;
	background-position: bottom;
}
.pageBanner {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 4px solid #a09178;	
}
.pageBanner img {
	float: left;
}
.mainContent {
	float: left;
	width: 925px;
	padding: 13px 12px 7px;
	clear: both;
	background: url(media/design/content-shadow.png) center top no-repeat;
	text-align: center;
	border-top: 1px solid #50432f;
}
.mainContent h1 {
	padding: 10px 0 0 0;
	margin: 0px;
	color: #2c2418;
	font: normal 25px/28px 'dosisregular';
}
.mainContent p {
	padding: 8px 0 15px 0;
	margin: 0px;	
}
.mainContent ol, .mainContent ul {
	padding: 5px 0 10px 0;
	margin: 0 0 0 25px;
}
.mainContent ol li {
	padding: 1px 0;
}
.mainContent ul li {
	padding: 6px 0;
	list-style-image: url(media/design/bul.png);
}
.mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6 {
	padding: 0.75em 0 0.5em 0;
	margin: 0px;
	color: #2c2418;
}
.mainContent h2, .mainContent h3 {
	font-family: 'dosisregular';
	font-weight: normal;
}
.pageContent h2 {
	font-size: 21px;
}
.pageContent h3 {
	font-size: 18px;
}
.pageContent h4 {
	font-size: 16px;
}
.pageContent h5 {
	font-size: 14px;
}
.pageContent h6 {
	font-size: 12px;
}
.callouts {
	float: left;
	clear: both;
	width: 949px;
	margin: 0 0 23px 0;
	background: url(media/design/callouts-wrapper.png) top left repeat-x #413728;
	border-bottom: 1px solid #574b37;
	font: normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #544434;
}
.callouts h3 {
	color: #b79256;
	padding: 6px 18px;
	margin: 10px 0 0 0;
	font: normal 25px/28px 'dosisregular';
}
.callouts p {
	width: 150px;
	padding: 4px 0 4px 18px;
	margin: 0px;
}
.callouts a {
	color: #bead8d;
	text-decoration: none;
}
.callouts a:hover {
	color: #fff4e4;
	text-decoration: none;
}
.callouts .one {
	float: left;
	width: 297px;
	min-height: 181px;
	background: url(media/design/callout01-bg.png) bottom left no-repeat #0f0b07;
}
.callouts .two {
	float: left;
	width: 315px;
	min-height: 181px;
	margin: 0 5px;
	background: url(media/design/callout02-bg.png) bottom left no-repeat #0f0b07;
}
.callouts .two p {
	width: 165px;
	padding-left: 145px;
}
.callouts .three {
	float: left;
	width: 327px;
	min-height: 181px;
	background: url(media/design/callout03-bg.png) bottom left no-repeat #0f0b07;
}
.callouts figure {
	float: left;
	width: 299px;
	position: relative;
	margin: 14px 0 0 15px;
}
.callouts figure img {
	float: left;
}
.callouts figure figcaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 279px;
	padding: 9px 10px 6px;
	background: url(media/design/callout03-hd-bg.png);
	color: #fff4e4;
	font: normal 16px/18px 'dosisbold';
	text-transform: uppercase;
	text-shadow: -1px -1px 5px #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.callouts figure:hover figcaption {
	padding-bottom: 20px;
}

.pageFooter {
	float: left;
	clear: both;
	width: 100%;
	padding: 21px 0 19px;
	background: url(media/design/footer-bg.png) top left repeat-x #201a12;
	font: normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594a31;
}
.pageFooter .wrapper {
	background: url(media/design/footer-seperator.png) 141px top repeat-y;
}
.pageFooter .logo {
	float: left;
	margin: 26px 11px 24px 1px;
}
.pageFooter .logo img {
	float: left;
}
.pageFooter section {
	float: left;
	width: 504px;
	padding: 0 0 0 24px;
}
.pageFooter nav {
	font: normal 12px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #635541;
	padding: 17px 0 0 0;
}
.pageFooter nav ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.pageFooter nav ul li {
	float: left;
	padding: 0 10px;
	margin: 0px;
	display: inline;
	border-left: 1px solid #635541;
}
.pageFooter nav ul li:first-child {
	padding-left: 0px;
	border-left: none;
}
.pageFooter a {
	color: #635541;
	text-decoration: none;
}
.pageFooter a:hover, .pageFooter a.antd {
	color: #fff;
	text-decoration: none;
}
.pageFooter section address {
	clear: both;
	font-style: normal;
	color: #3f3527;
	padding: 10px 1px;
}
.pageFooter aside {
	float: left;
	width: 200px;
	padding: 0 0 0 40px;
}
.pageFooter aside h3 {
	padding: 0px;
	margin: 0px;
	font: normal 18px/18px 'dosisregular';
	color: #988567;
}
.pageFooter aside p {
	padding: 10px 0;
	margin: 0px;
}
.pageFooter aside form {
	padding: 0px;
	margin: 0px;
}
.pageFooter aside .field {
	float: left;
	width: 151px;
	padding: 5px 8px 6px;
	margin: 0px;
	background: #837357;
	font: normal 11px/12px arial;
	color: #ddc49b;
	border: none;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.inputtext {
padding: 5px 8px 6px;
	margin: 0px;
	background: #837357;
	font: normal 11px/12px arial;
	color: #ddc49b;
	border: none;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.pageFooter aside .field:focus, .inputtext:focus {
	background: #655943;
}
.pageFooter aside .btn {
	float: left;
	width: 28px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	background: url(media/design/submit-bg.png) top left repeat-x #f59734;
	font: bold 11px/12px arial;
	color: #fff;
	border: 1px solid #d6750f;
	text-shadow: 1px 1px #a75b0c;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.inputsubmit {
height: 25px;
	padding: 0 5px 0 5px;
	margin: 0;
	background: url(media/design/submit-bg.png) top left repeat-x #f59734;
	font: bold 11px/12px arial;
	color: #fff;
	border: 1px solid #d6750f;
	text-shadow: 1px 1px #a75b0c;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
cursor:pointer;
}
.pageFooter aside .btn:hover {
	background-position: left -50px;
	cursor: pointer;
}

.innerPage {
	text-align: left;	
}
.alignleft {
	float: left;
	margin: 0 10px 10px 0;	
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;	
}
/* shop list */
.shopitemlistcontainer {
width:210px;
margin:5px;
margin-bottom:30px;
display:inline-block;
vertical-align:text-top;
}
.shopitemlistcontainer .image {
text-align:center;
height:150px;
padding-bottom:5px;
}
.shopitemlistcontainer .headline {
font-weight:bold;
}
.shopitemlistcontainer .headline > a {
text-decoration:none;
}
.shopitemlistcontainer .headline a:hover {
text-decoration:underline;
}
.shopitemlistcontainer .text {
font-weight:normal;
}
.shopitemlistcontainer .price {
font-size:0.9em;
}
.itemdetail .mainimage {
width:800px;
text-align:center;
padding-right:10px;
margin:0 auto;
}
.itemdetail .text {
float:left;
width:400px;
}
.itemdetail .fields {
float:right;
width:400px;
}
.itemdetail .itemprice {
font-size:0.9em;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}
.itemdetail .quantity {
width:50px;
}
.itemdetail .selection {
padding-bottom:10px;
}
.itemdetail #itemSize {
width:200px;
}
.itemdetail .thumbnails {
clear:both;
padding-top:10px;
padding-bottom:10px;
}
.itemdetail .thumb {
float:left;
padding:0 10px 10px 0;
}
.basketpreview {
padding:5px 10px 5px 10px;
background:#eedec7;
color:#2c2418;
text-align:right;
}
.basketpreview .logout {
float:left;
}
.basketpreview span {
padding-right:20px;
font-size:0.9em;
/*color:#aaa;*/
font-weight:bold;
}
.basketpreview > a {
text-decoration:none;
}
.basketpreview > a:hover {
text-decoration:underline;
}
.error {
font-weight:bold;
color:#f0c2b9;
}
.inputline {
padding:5px 20px 5px 10px;
font-size:0.9em;
font-weight:bold;
}
.navLine {
margin-top:20px;
margin-bottom:20px;
}
.navLineBottom {
margin-top:20px;
margin-bottom:20px;
}
.navLine a, .navLineBottom a {
padding:0 5px 0 5px;
}
.shopbutton {
border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
    background:#7ed27a;
}
#attributeText {
margin:10px 0 10px 0;
}
a {
cursor:pointer;
}
#locationmap {
float:left;
width:650px;
height:400px;
}
#locationlist {
width:250px;
float:right;
}
.inputblock {
padding:5px;
}
.inputlabel {
display:block;
font-weight:bold;
}
.inputdescription {
display:block;
font-size:0.8em;
font-style:italic;
}
.inputtextsmall {
width:100px;
}
.inputtextmedium {
width:250px;
}
.inputtextlarge {
width:500px;
}
.inputtextarea {
width:500px;
height:100px;
}