*{
	margin:0;
	padding:0;
}
html, body {height: 100%;}


body{
	overflow-x:hidden;
	text-align:center;
	font-family: 'Oxygen', sans-serif;
	color:#0f0f0f;
	height: 100%;
	background:#32314F;
}

@media screen and (max-width: 800px) {
	body{
		overflow-x:hidden;
		background:white;
	}
}


img{
border:0;

}

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

a:hover{
	
	color:#2B2B2B;
}

h1{
	color:#2B2B2B;
	font-family: 'Roboto', sans-serif;
}
h2{
	font-family: 'Muli', sans-serif;
}

h3{
	font-family: 'Muli', sans-serif;
}
@media all and (min-width: 600px) {
	.box-setup{
		padding-top:20px;
		border-radius:8px;
		font-size:1em;
		width:630px;
		height:90px;
	}
}

@media all and (min-width: 1600px) {
	.box-setup{
		padding-top:20px;
		border-radius:8px;

		width:690px;
		height:400px;
	}
}

#background{
	position:absolute;display:block;top:0;left:0;z-index:1;
	overflow:hidden;
	cursor:pointer;
	display:none;

}

#background:hover{
	opacity:80%;
}



#top-center{ 
	font-size:28px;
	display:inline;

	line-height: 45px;
	font-weight:bold;
	color:white;
	text-align:center;
}

#top-right{
	float:right;
	height:100%;
}

#popup{
	font-weight:bold;
	font-family: "helvetica neue",arial,sans-serif;
	background:#F4BE1C;
	line-height: 22px;
	color:#565656;
}



.slide-home{
	padding-top:50px;
	position:relative;
}

.tip-container{
	margin:0px auto;
	width:225px;
}
.tip-container .savelgo-tip{
	float:left;
	border-radius:8px;
	background:white;
	width:50px;
	height:15px;
	margin:0 auto;margin-top:0px;
	padding:10px;
	border:1px solid #BFBFBF;
	font-size:11px;
	margin-right:6px;
}

.tip-container .savelgo-tip:hover{
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
}

#first .savelgo-tip{
	left:15%;
}
#second{
	border:1px solid gray;
	border-left:0;
	border-right:0;
}

#third{
	background : url('img/share.jpg') no-repeat 50% 240px;
}



#page-wrap{
	margin: 0px auto;
	margin-bottom:5px;

}

#page{
	z-index:2;
	position:relative;
	text-align:left;
	text-rendering: optimizeLegibility;
	font-size: 15px;
	background:white;
	padding: 5px;
	padding-left:25px !important;
	padding-right:25px !important; 
	margin: 10px auto;
	margin-bottom:10px;
	width:75.2%;
}

@media screen and (max-width: 800px) {

	#page-wrap{
		width:100%;
	}
}

p.teaser{
	font-size: 15px !important;
	padding: 5px !important;
	color: #2B2B2B !important;
	font-weight:bold;
}

#page h1.title{
	text-align:center;
	padding:5px;

	margin-bottom:15px;
}

#page .header{
	border-bottom:1px solid #CBCBCB;
	text-align:center;
	padding-bottom:12px;
	margin-bottom:10px;
}


#page .footer{
	border-top:1px solid #CBCBCB;
	text-align:right;
	margin-top:20px;
}

/*
#page h1{
	margin:1px;
	margin-top:5px;

	padding:0;
}
* */


#page h2{
	font-size:18px;
	margin: 7px 0px;
	padding:0;
}

#page h3{
	font-size:16px;
	margin:2px;

	padding:0;	
	margin-bottom:8px;
}


#page p, #page table{

	padding:2px;
}



#explore{
	height:120px;
	overflow:hidden;
}


#container .counter{
	font-size:30px;
	color:green;
}

.left-block{
	float: left;
	margin-left: -100%; width: 140px;
}

.center-wrap{
	z-index:2;
	position:relative;
    height: auto;
    margin: 0 auto;
	width:800px;
}

	
@media screen and (max-width: 600px) {
	.center-wrap{
		height: auto;
		margin: 0;
		width:100%;
		padding:0;
	}
}

@media screen and (min-width: 600px) {
	.center-block{
		 margin: 0 350px 0 0px;
	}
	.right-block{
		float: left;
		margin-left: -350px;
		width: 350px;
	}
}

#offers{
	padding-top:10px;

	margin:0 auto;
	overflow:hidden;

}

#offers h1{
	text-align:left;

}

/* Offer box */
.offers-carousel{
	overflow-x:hidden;
	overflow-y:hidden;
	-ms-overflow-y: hidden;
	height:310px;
	white-space: nowrap;

	margin:0 auto;

}

@media screen and (max-width: 980px) {
	.offers-carousel{
		width:640px;
	}
}
@media screen and (min-width: 980px) {
	.offers-carousel{
		width: 865px;
	}
}
.offer-bo2x{
	display:inline-block;
	width:175px;
	height:265px;
	border-radius:1px;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:300px;
	border:1px solid;
	border-color: #E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
	padding:4px;
	margin:6px;
	border-bottom:2px solid #F4F4F4;	
	box-shadow: 1px 1px 2px 0 #D0D0D0;
	border-bottom: 1px solid #DDDDDD;

	background:white;
}
.offer-box{
	display:inline-block;
	width:195px;
	height:290px;
	float:left;
	border-radius:6px;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
	border:1px solid rgb(215, 213, 255);
	zoom:1;
	*display:inline;
	padding:4px;
	margin:5px;

}


.offer-box .stripe-title{

	font-size:11px;
	color:black;
	top:0;
	text-align:center;
	width:180px;
	padding-top:4px;
	padding-bottom:4px;
	left:0;
	display:block;
	padding-left:2px;
	margin-bottom:8px;
	font-weight:bold;
	filter:alpha(opacity=0); /* For IE8 and earlier */	
	overflow:hidden;
}



.offer-box .image{
	height:95px;
	border-radius:8px;
	text-align:center;
	width:100%;
	overflow:hidden;
	padding-top:0px;
}

.offer-box .image img{
	max-height: 95px;
	max-width:180px;
}

.offer-box .pcs{
	color:gray;
	font-weight:bold;
	font-size:11px;
}

.offer-box .pcs-sold{
	color:green;
	font-weight:bold;
	font-size:12px;
}

.offer-box .price{
	font-size:13px;
	bottom:5px;
	right:25%;
	left:25%;
	background:white;
	border-radius:8px;
}

.offer-box .offer-price{
	font-size:20px;
	background:white;
	color:#990000;
	font-family: 'Merriweather Sans', sans-serif;
}

.offer-box .price-old{
	font-size:13px;
	background:white;
	color:gray;
	text-decoration:line-through;
	margin-right:5px;
}

.offer-box .title{

	bottom:60px;
	left:0;
	width:180px;
	height:28px;
	overflow:hidden;
	text-align:center;
	background:white;
	padding-top:4px;
	font-weight:bold;
	font-size: 10px;		
	color:#2B2B2B;
}
.offer-box .sharer{

	bottom:40px;
	right:0;
	width:100%;
	margin-top:8px;
	overflow:hidden;
	text-align:right;
	background:white;

	font-weight:bold;
	font-size: 9px;
	color:#8A8F9C;
}

.offer-box .subtitle{

	bottom:40px;
	left:0;
	width:100%;
	margin-top:2px;
	overflow:hidden;
	text-align:center;
	background:white;

	font-weight:bold;
	font-size: 11px;
	color:#8A8F9C;
}

.offer-box .subtitle img{
	
	margin:2px;
	
}
.offer-box .share-button{
	background-size:15px;
	background-repeat:no-repeat;
	display:inline-block;
	width:14px;
	height:14px;	
	margin:3px;
}
.offer-box .facebook{

	background-image: url('icons/facebook.png');

}


.offer-box .twitter{
	background-image: url('icons/twitter.png');
}

.offer-box .google{
	background-image: url('icons/google.png');
}

.offer-box .page-offer{
	padding:10px;
}

.offer-box .page-offer img{
	max-height:60px;
}


.shopping-container{
	border-radius:5px;
	border-top-right-radius:5px;
	border:0px solid #DDDDDD;
	border-bottom:0;
	width:800px;
	margin:0 auto;
	clear:left;
	margin-top:20px;
}

@media screen and (min-width: 800px) {
	.shopping-container{
		max-width:920px;
	}
	.shopping-container #signup{
		float:right;
	}
}




#container .thumbnail{
	display:inline-block;
	margin:4px;

}


#container{
	height:auto;
	min-height:100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
	width:100%;
	overflow:hidden;

}


#positioner{
margin:0 auto;
width: 300px;
color: wheat;
}

#auth-with{
border-top:1px solid white;
padding:2px;
text-align:left;
color:white;
font-weight:bold;
}

#auth-with h1{
font-size:14px;
padding-bottom:10px;
}



#logo{
margin-top:18px;
	margin-bottom:15px;

}

#login{
	margin-bottom:15px;
	float:right;
}

#login *{
	margin:0;
	padding:0;
	height:auto;
	width:80px;
}

@media screen and (max-width: 800px) {
	#logo img{
		margin:0 auto;
		margin-bottom:5px;
		width:300px;
	}
}


#top #right{
position:absolute;
right:0;
text-align:right;
}

#top #right img{
margin-bottom: -5px;
padding-right: 6px
}

#top #right a{
color:white;
text-decoration:none;
line-height: 70px;
}

.clearfooter {
height: 10px;
clear: both;
}

#valids-account img{
padding:2px;
}
#panel{
	position:relative;
}
#panel #search *{
	margin:0px !important;
}

#panel #search input:focus{

	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}
.top-links{
	text-align:left;
	position:absolute;
	right:10px;
	top:5px;
}

#links{
	margin-top:20px;
	font-size:16px;

}

#interest-links a{
	display:inline-block;
	min-width:58px;
	color:#2A2D30;
	padding:5px;
	border: 1px solid #90B0D5;
	margin: 4px;
	background: #E4EAF3;
	font-size:15.2px;
	border-radius:4px;
}
.box-setup{
	/*box-shadow:0px 1px 8px black*/
}
.box-setup h2, .box-setup h3{
	text-shadow: 0px 1px 2px black;	

}

#ajaxSearchInput{
	margin:0 !important;
	text-align:left;

}
#ajaxSearchInput:hover{
	color:#282825 !important;
}
#searchResult{
	position:relative !important;
	width:auto !important;

}


.gallery-photos img{
	padding:4px;
	border-radius:14px;
}
.gallery-photos img:hover{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

#search .searchText{
	text-align:left;
	padding-left:2px;
	font-size:18px;
}

#footer h2{
	padding-top:4px;
	padding-bottom:4px;
}

#footer .copyright{

	line-height:20px;
	
}

#footer .links{
	line-height:22px;

}


#footer .links a{
	font-size:12px;
	float:left;
	width:100px;
	color:white;
}

#footer .links a:hover{
	color:#d8d7d7;	
}


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


	#footer #left{
		float: left;
		width: 300px; /*Width of left column*/
		margin-left: -100%;

	}

	#footer #right{
		float: left;
		width: 300px; /*Width of right column*/
		margin-left: -300px; /*Set left marginto -(RightColumnWidth)*/

	}

	#footer #center{
		margin: 0 300px 0 300px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}
	#footer #centerWrap{
		float: left;
		width: 100%;
	}
	
	#footer {
		color: white;
		font-size: 11px;


		margin-top:20px !important;
		text-align: center;
		width: 100%;
	}
	
	#footer #links a {
		width:125px;
		display:inline-block;
		font-size:17px !important;
		margin-right:5px !important;
		margin-left:5px !important;
		line-height:1.2em !important;

	}
}
@media screen and (max-width: 800px) {
	#footer #left{
		display:block;
	}
	#footer #right{
		display:block;
	}
	#footer #center{
		display:block;
	}

	#footer .links{
		display:block;
		width:100%;
	}
}
#footer {
	color:white;


	margin:0 auto;

}
	
#footer-push{
	height: 50px; /* .push must be the same height as .footer */
}



#footer #locale{
	float:right;
}





#footer .media .google{
	background:url('icons/social/google-gray.png') no-repeat;
}

#footer .media .google:hover{
	background:url('icons/social/google.png') no-repeat;
}
#footer .media .twitter{
	background:url('icons/social/twitter-gray.png') no-repeat;
}

#footer .media .twitter:hover{
	background:url('icons/social/twitter.png') no-repeat;
}

#footer .media .facebook{
	background:url('icons/social/facebook-gray.png') no-repeat;
}

#footer .media .facebook:hover{
	background:url('icons/social/facebook.png') no-repeat;
}

#footer .media .linkedin{
	background:url('icons/social/linkedin-gray.png') no-repeat;
}

#footer .media .linkedin:hover{
	background:url('icons/social/linkedin.png') no-repeat;
}

#footer .media a{
	width:48px;
	height:48px;
	display:inline-block;
	
}
#footer .media img{
	margin-right:10px;
	display:inline-block;
	vertical-align:top;

}



#footer a{
	text-decoration:none;
	color:white;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
}

#footer .footer-links{
	padding:4px;
	font-weight:bold;
	border-radius:3px;
	text-shadow: 14px 4px 8px black;

}