/* ========================= */
/* ! Layout for Nomadslife   */
/* ========================= */

html{ height:100%;}
	
body { 
	color: #888;
	background-color: #F2F0ED;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 20px;
	height:100%;
	min-height:100%;
	font-weight: 300;
}
img{border: 0;}
h1{text-transform: uppercase;}
h2{text-transform: uppercase;font-weight:500;line-height: 20px;font-size: 20px;margin-top: 0px;}
h3{text-transform: uppercase;font-size: 16px;}
h4{}
h5{}
h6{}

a{color:#888;text-decoration: none;font-weight: 400;}
a:hover{color:#08A60C;}
hr{border-top: 1px solid #e2e2e2;border-bottom: none;border-left;border-right:none;}
.clearfloat {clear:both;}
.green{color:#08A60C;}
#mc_embed_signup input {width: 280px;}
#mc_embed_signup input.button {width: 100px;}
#mc_embed_signup input[type="checkbox"] {width:10px;}
.serif{
	font-family: 'Crimson Text', serif;
}

.bolder{font-weight: 700;}




#logo {
	display:block;
	width: 190px;
	height:40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 2px;
	margin-left: 10px;
	background-image: url(bgColor.png);
}
#logohome {
    display:block;
	width: 190px;
	height:40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 8px;
	margin-left: 10px;
	background-image: url(bgColor.png);
}
#logohome a {text-decoration: none;color:#777;}
#logohome a:hover {text-decoration: none;color:#45af32;}
#logo h1{font-weight:200;font-size: 21px;margin-top: 0px;}
#logo h3{font-weight:200;font-size: 15px;margin-top:-14px}
#logohome h1{font-weight:200;font-size: 21px;margin-top: 0px;}
#logohome h3{font-weight:200;font-size: 15px;}
#logo a {text-decoration: none;color:#777;}
#logo a:hover {text-decoration: none;color:#45af32;}
#shopheader {
	display:block;
	height:40px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 10px;
	position: relative;}
#shopheader a{text-decoration:none;color:#888;}
#shopheader a img{position: absolute;right: 15px;top:10px;width:40px;height:35px;}
#shopheader h2{line-height: 35px;}
#shopheader a h2{}
#shopfooter {
	display:block;
	height:30px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 10px;
	position: relative;}
#contentheader {
	display:block;
	height:40px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 10px;
	position: relative;}
#contentheader a{text-decoration:none;color:#888;}
#contentheader a img{position: absolute;right: 5px;top:10px;}
#contentheader h2{line-height: 35px;}
#contentheader a h2{}
h2.title{t}
h2.title a{color:#888;text-decoration: none;}

.listProductItem{width: 47%;margin-right: 6%;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;float:left;margin-bottom:30px;}
.listProductItemOdd{width: 47%;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;float: left;margin-bottom:30px;}
.listitemimage img{width: 100%;height: auto;}
.listProductItem .txtbox,.listProductItemOdd .txtbox{padding-top:20px;}
.listProductItem .price,.listProductItemOdd .price {width: 100%;border-top:1px solid #e2e2e2;height: 20px;display: block;margin-top: 20px;}	
.listProductItem .title, .listProductItemOdd .title {width: 100%;border-bottom:1px solid #e2e2e2;height: 20px;display: block;margin-bottom: 20px;text-transform: uppercase;}	
.button{
	width: 135px;
	height: 30px;
	line-height: 1.5em;
	text-transform: uppercase;
	background-color: #45af32;
	color: white;
	position: absolute;
	right: 70px;
	top:25px;
	border: 0;
}	
	
.checkout{
	width: 120px;
	height: 30px;
	line-height: 1.5em;
	text-transform: uppercase;
	background-color: #45af32;
	color: white;
	border: 0;
}	
	
	
	
/*div + p { 
	padding:0 20% 5% 10%; }
*/
.nav-controls {
	font-size: 10px;
	line-height: 24px;
	margin-left: 10px;
	text-transform: uppercase;
	padding-right: 20px;
	
}
.nav-controls a{
	text-decoration: none;
	color:#BFBAB4;
	margin-right: 20px;
}
.nav-controls a:hover
{
	color:#08A60C;
	border-bottom: none;
}
.ss-controls {
	font-size: 10px;
	line-height: 24px;
	margin-left: 10px;
	text-transform: uppercase;
	margin-top: 20px;
}
.ss-controls a{
	text-decoration: none;
	color:#888;
}
.ss-controls a:hover
{
	color:#08A60C;
	border-bottom: none;
}


.menu {
	font-size: 12px;
	line-height: 24px;
	margin-left: 10px;
	text-transform: uppercase;
	
}

.menu ul {
	margin: 0;
	padding: 0;
}

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

.menu li a
{
	color:#888;
	text-decoration: none;
	border: none;
	
}

.menu ul li.active {
	color:#45af32;
}

.menu li a:hover
{
	color:#5a984f;
	border-bottom: none;
}



.menu ul li ul
{
	margin-left:40px;
}

.menu ul li ul li.active a{
	color:#45af32;
}

.menu ul li ul li a:hover
{
	color:#45af32;
	border-bottom: none;
}

.menuLinks {
	font-size: 10px;
	margin-left: 10px;
	text-transform: uppercase;
    border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height: 24px;
	width: 190px;
	background-image: url(bgColor.png);
    padding:0;
}

.menuLinksHome {
    font-size: 10px;
	margin-left: 10px;
	text-transform: uppercase;
    border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height: 24px;
	width: 190px;
	background-image: url(bgColor.png);
    padding:0;
}

.menulinksHome ul {
    margin: 0;
	padding: 0;
	width:190px;
}

.menuLinksHome ul li {
	list-style: none;
	margin-right: 30px;
	padding: 0;
	float:left;
    line-height: 24px;
}

.menuLinksHome li a
{
	color:#888;
	text-decoration: none;
	border: none;
}

.menuLinksHome li a:hover,.menuLinksHome li a.active
{
	color:#08A60C;
	border-bottom: none;
}
.menulinks ul {
	margin: 0;
	padding: 0;
	width:190px;
}

.menuLinks ul li {
	list-style: none;
	margin-right: 30px;
	padding: 0;
	float:left;
    line-height: 4px;
}

.menuLinks li a
{
	color:#888;
	text-decoration: none;
	border: none;
}

.menuLinks li a:hover,.menuLinks li a.active
{
	color:#08A60C;
	border-bottom: none;
}


/* start accordion-menu */
.accordion-menu {
	font-size: 12px;
	line-height: 16px;
	margin-left: 10px;
	text-transform: uppercase;
	background-image: url(bgColor.png);
	
}
.accordion-menu a.menuitem{
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	text-decoration:none;
	color:#888;
	text-shadow: 1px 1px 0px #F2F0ED;
        filter: dropshadow(color=#F2F0ED, offx=1, offy=1);
	
}
.accordion-menu li{
	list-style-type:none;
}	
.accordion-menu a.menuitem:visited, .accordion-menu .menuitem:active{
	color:#999;
}
.accordion-menu a.menuitem:hover{
	color:#08A60C;
}

.accordion-menu ul{
    width:190px;
	list-style-type:none;
    padding:0;
}
.accordion-menu ul.submenu{
	width:auto;
	list-style-type:none;
    line-height:12px;
}
.accordion-menu ul.submenu li{
	margin-left:20px;
	display:block;
	width:150px;
}
.accordion-menu ul.submenu li a{
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	text-decoration:none;
	color:#888;
	
	
 	
}
.accordion-menu ul.submenu li a:hover{
	color:#08A60C;
}
.activemenu{
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	text-decoration:none;
	
	
	
}
.accordion-menu ul.submenu li a.activemenu{
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	text-decoration:none;
	
	
}

.accordion-menu ul.submenu li .activemenu a{
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	text-decoration:none;
	
}

/* end accordion-menu */


.menuDescription{
	position: absolute;
	right:-180px;
	bottom:15px;
	height: auto;
	width:150px;
	font-size: 0.8em;
	font-weight: 300;
	z-index: 9999;
}



#layerFloat{
	position: relative;
	width:100%;
    height:100%;
	background-image: url(bgColor.png);
}
#layerFloat #sidebar {
   z-index: 6000;
   position: absolute;
   width: 190px;
   margin-left:40px;
   margin-top: 40px;
   height:100%;
   background-image: url(bgColor.png);
}
#layerFloat .intro{
    z-index: 5001;
    left:230px;
    top:0px;
    position: absolute;
	margin-top: 40px;
	margin-left: 80px;
	max-width:650px;
	font-weight: lighter;
	font-size: 12px;
	background-image: url(bgColor.png);
}
.sidebar{
	width:200px;
	height:100%;
    position:absolute;
    top:40px;
    left:40px;
    z-index:10;
}



#worldmap {
    overflow: hidden;
    
}
#worldmap img {
    display: block;
    max-width: auto;
}

#gallery {
    position:absolute;
    top:0px;
    left:280px;
    width:100%;
    overflow: hidden;
    -moz-width:100%;
    max-height:100%;
   
}
#gallery img {
    display: block;
    max-height: 100%;/* For general browser */
 	-moz-width:80%; /* For Firefox browser */
	-webkit-height:100%; /* For Chrome and Safari browser */
   height: expression(this.scrollHeight >100% ? "100%" : "auto");
   max-width: 80%;
}



#gallery .intro{
	max-width: 500px;
	position:absolute;
	top:30px;
	left:30px;
	color:#fff;
}
.intro{
	position:absolute;
	top:30px;
	left:30px;
	width:400px;
    height:auto;
    font-size:0.9em;
    
}
.intro h2{color:white;}

.intro img {
    display: block;
    max-height: 100%;/* For general browser */
 	-moz-width:80%; /* For Firefox browser */
	-webkit-height:100%; /* For Chrome and Safari browser */
   height: expression(this.scrollHeight >100% ? "100%" : "auto");
   max-width: 80%;
}

#public{
	position:absolute;
	top:0px;
	left:280px;
	width:50%;

}

#public img{ max-width: 100%;height:auto;}

 


/* Slider Necessary Styles
*********************************/ 
.rslides {
  position: relative;
  list-style: none;
  height: 100%;
  overflow: hidden;
  padding-right: 180px;
  
  }
.rslides li {
  height: 100%;
  position: relative;
  display: none;
  position: relative;
  display: block;
  float: left;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

#containerPublic {
  float:left;     
  display: block;
  padding:2px;
  max-width: 50%;
  height: 90%;
  margin-left:270px;
  margin-right:auto;
  margin-top:20px;
 position: relative;
  }

 #container{    
  display: block;
  max-width: 100%;
  height: 90%;
  margin-left:230px;
  margin-right:auto;
  margin-top:20px;
  overflow:hidden;
  }

 .prev{left:50px;}  
 .next{left:150px;}
 a.prev,a.next{color:#08A60C;}  
 .prev,.next{
     position:absolute;
     bottom:7%;
	 z-index:20;
     font-size: 10px;
    line-height: 20px;
	text-transform: uppercase;
	background-image: url(bgColor.png);
    text-decoration:none;
} 
.rslides img {
  
  border: 0;
  height:100%;
  
  }
 

 
.rslides .fit {
  max-width: 100%;
  height: 100%;
  
}
.rslides .center {
  display: block; 
 
}



.reposition{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-76px;
    left:-20px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}
.links {
	display:block;
	position: absolute;
	background-color: #fff;
	left:-200px;
	font-size: 12px;
}
.reposition:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-80px;
    left:-20px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}
.repositionleft{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-76px;
    left:5px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}
.repositionleft:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-80px;
    left:5px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}

.repositionright{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-76px;
    left:-50px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}
.repositionright:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:-80px;
    left:-50px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}



.repositiontop{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:26px;
    left:-20px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}

.repositiontop:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:22px;
    left:-20px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}


.repositiontopleft{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:26px;
    left:5px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}

.repositiontopleft:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:22px;
    left:5px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 1px rgba(0,0,0,0.7);
    z-index:10;
}

.repositiontopright{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:26px;
    left:-50px;
    background-color: #fff;
   -webkit-box-shadow: 0 4px 6px 2px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 4px 6px 2px rgba(0,0,0,0.7);
	        box-shadow: 0 4px 6px 2px rgba(0,0,0,0.7);
    z-index:10;
}

.repositiontopright:hover{
	position: absolute;
    padding:4px;
    width:50px;
    height:60px;
    top:22px;
    left:-50px;
    background-color: #fff;
   -webkit-box-shadow: 0 8px 6px 2px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 8px 6px 2px rgba(0,0,0,0.7);
	        box-shadow: 0 8px 6px 2px rgba(0,0,0,0.7);
    z-index:10;
}

/* Shoppingcart */

#simplecart {
	position: relative;
	width: 100%;
}

	#simplecart table {
		width: 100%;
		margin-bottom: 15px;
		border-collapse: collapse;
	}
	
		#simplecart table th,
		#simplecart table td {
			padding: 3px 0px 3px 6px;
		}
		
		#simplecart table th {
			
			text-align: left;
			border-top:1px solid #e2e2e2;
			border-bottom:1px solid #e2e2e2;
		}
		
		#simplecart table tr.odd td {
			
		}
		
		#simplecart table tr.even td {
			background: #ebebeb;
		}
			
			#simplecart table tr td.quantity input {
				width: 30px;
				text-align: center;
			}
			
			#simplecart table tr td.actions input[type='submit'] {
				width: 16px;
				height: 16px;
				font-size: 0px;
				line-height: 0px;
				border: 0px;
				background: transparent url(../../images/web/icon-remove.png) left center no-repeat;
				cursor: pointer;
			}
		
		#simplecart table tr.free td {
			
		}
		
		#simplecart table tr.discount th,
		#simplecart table tr.total th {
			text-align: right;
			padding: 8px 8px 8px 0px;
		}
		
		#simplecart table tr.discount td,
		#simplecart table tr.total td {
			border-top:1px solid #e2e2e2;
			border-bottom:1px solid #e2e2e2;
		}

/* Coupon code */

#simplecart #sccoupon.form,
#simplecart #sccoupon.result {
	position: relative;
	width: 40%;
	padding: 6px 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #cccccc;
}

/* The checkout form */

#simplecartCheckout {
	position: relative;
	width: auto;
}

	#simplecartCheckout div {
		position: relative;
		width: auto;
	}
	
	#simplecartCheckout div:after {
		height: 0px;
		line-height: 0px;
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
	}
	
		#simplecartCheckout div label {
			position: relative;
			display: inline-block;
			width: 100px;
		}
		
			#simplecartCheckout div label span {
				color: #08A60C;
			}
		
		#simplecartCheckout div input[type='text'],#simplecartCheckout div input[type='number'],#simplecartCheckout div input[type='email'] {
			position: relative;
			margin-bottom: 3px;
			width: 70%;
		}
		
		
		
		#simplecartCheckout div label.error {
			position: absolute;
			top:0px;
			right:-100px;
			width: 150px;
			display: inline-block;
			color: #ff0000;
		}
.newsdate{display: none;}
/* ============================= */
/* ! Layout for large desktopscreens   */
/* ============================= */

@media only screen and (min-width: 2100px) {



}





/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}