@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);


@font-face {
font-family: Dandelion JF;
src: url(../fonts/dandelionjf.ttf) format("truetype");
}



* {
margin:0;
padding:0;
}




#results p label {
 float:left;
 width:50%;

}

#results p span {
 float:right;
 width:30%;

}
#results p span field {
 float:right;
 text-align:right;
}


.meta_value {
font-size: 4em;
font-weight: bold;
display: block;
line-height: 1em;
}

.meta_title {
display: block;
margin-bottom: 25px;
font-style: italic;
}




#slideholder {
 margin:30px auto;max-width:940px;width:96%; 
}





.form-control {
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
color: #333333;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.add-to-cart input.form-control {
float: left;
width: 60px;
}




.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.btn-block {
display: block;

padding-left: 0;
padding-right: 0;
}

.sidebar_purchase_button, .add-to-cart .btn.btn-primary {
margin-top: 10px;
margin-bottom: 10px;
zoom: 2;
}


.btn-primary {
color: #ffffff;
background-color: #B70004;
border-color: #B70004;
}


.btn-primary:hover {
 background-color: #B83C11;
}

.btn-lg, .btn-group-lg>.btn {
padding: 14px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}




.btn-default {
color: #ffffff;
background-color: #aea79f;
border-color: #aea79f;
}

.btn-default:hover {
background-color: #cecece;
}

.pull-right {
float: right !important;
}


.btn-success {
color: #ffffff;
background-color: #38b44a;
border-color: #38b44a;
}

.btn-success:hover {
background-color: #38b44a;
}

#cart_return {
 margin:20px 0;
}


#cart_controls {
 margin:15px 0;

}

#cart_return a, #cart_controls a {
 text-decoration:none;
 font-weight:bold;
}



table {
border-collapse: collapse;
border-spacing: 0;
}


.table {
 width:100%;
}



.table>thead>tr>th {
 text-align:left;
}


.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}




.table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr>td, .table>tbody>tr>td {
padding: 8px;
line-height: 1.42;
vertical-align: top;
border-top: 1px solid #dddddd;
}





.cart_remove {
width: 2.5em;
}

.cart_name {
width: 30em;
}

.cart_quantity {
width: 2.5em;
}


.cart_price {
width: 4.5em;
}


span.left { float: left; text-align: right; width: 1.0em; }
span.right { float: right; width: 3.5em; text-align: right; }




.table>tbody>tr:hover, .table>tbody>tr:hover {
background-color: #f5f5f5;
}


.table>tbody>.odd {
 background-color:#f9f9f9
}












.iframeholder {
 margin:25px auto;max-width:651px;width:100%;height:auto;overflow:hidden; 
}



.greenborder {
 border:2px solid #C1DA31;
 padding:5px;
 color:#000;
}







.img, .tops {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}





.right {
 float:right;
}

.rspace {
 margin: 0 0 5px 15px;
}


.left {
 float:left;
}

.lspace {
 margin: 0 15px 5px 0;
}


.logo {
max-width:200px;height:auto;

}


  


.desktop {
  display:block;
}

.loader {
 visibility:hidden;
}


.clear { 
width: 100%; 
height: 1px; 
margin: 0 0 -1px; 
clear: both; 
} 


#search {
  float:right;border:0px solid #fff;padding:5px;margin-right:150px;  
}




#container {
 padding:10px;
}



#container h1 {
 //text-transform:uppercase;
 font-family:'Dandelion JF';
 font-size:3.5em;
 max-width:940px;
 width:100%;
 margin:15px auto;

}



#main {
 max-width:940px;
 width:100%;
 margin:0 auto;

}

#main p {

 margin:10px 0;

}


#main h2 {
 font-weight:400;
 margin:40px 0 15px 0;
 font-size:2.5em;
}


#main h3 {
 font-weight:200;margin:40px 0 15px 0;
 font-size:1.5em;
}


#main h5 {
 font-weight:100;font-size:1.2em;margin:40px 0 5px 0; 
}


#main ul {
 list-style:none;
 margin:40px 0 0 50px;
}


#main ul.logos {
 margin-left:100px;
}



#main ul li a {
 text-decoration:none;
 font-family: 'PT Sans', Arial, sans-serif;
 font-size:16pt;
 font-weight:400;

}





#left {
 float:left;border-top:0px solid red;width:65%; 
 margin-bottom:40px;

}


#left ul li {
 margin-bottom:20px;
  position:relative; 
}



#left ul li .topbox {
 position:absolute;bottom:50px;left:0px; 
}


#left ul li.log img.tops {
 max-width:20px;
 margin-left:-25px;
 padding-top:10px;
}


#left ul li.log img.topbox {
 max-width:450px;

// margin-left:-65px;
// padding-top:10px;
}

.topbox {

 border:#cecece solid 2px;
}



#left ul li.log a {
  font-size:24pt;
}



#left ul li span {
 display:block;
 margin:20px 0 0 15px;
 color:#000;
}


#sidebar {
 float:right;border-top:0px solid blue;width:30%;min-width:220px;
 padding-left:30px; 

}


#sidebar ul li {
 margin-bottom:10px;
}




div.form {
 border:0px solid red;
 padding:0 15%;
}

div.form p {
 clear:both;
}


.form p { 

 line-height:42px;

}



div.form field {
 color: red;
}



div.form label {
 font-size:1.0em;
}


div.form span {
 width:50%;
 float:right;
 text-align:left;
}



.form p span input[type="text"] {

 height:32px;

 font-size:16pt;

 padding:5px;


}


.form span input[type="text"], div.form span textarea {
 width:300px;
}




.form p span select {

 height:32px;

 font-size:16pt;

 padding:1px;


}




.form p span textarea {

 height:84px;

 font-size:16pt;
 
 padding:5px;


}





















#err {
 color:red;
 font-weight:bold;
}














/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
	background-color: #ece8e5;
	background-color: #fff;
        font-family: 'Source Sans Pro',arial,helvitica,san-serif;
}



nav1 {
 filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#CECEF6', endColorstr='#08088A'); /* for IE */

 background: -webkit-gradient(linear, left top, left bottom, from(#CECEF6), to(#08088A)); /* for webkit browsers */

 background: -moz-linear-gradient(top,  #CECEF6,  #08088A); /* for firefox 3.6+ */

   background: -ms-linear-gradient(top, #CECEF6, #08088A);

   background: -o-linear-gradient(top, #CECEF6, #08088A);



 
}


nav {
	height: 50px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
	border-bottom: 0px solid #283744;


 background:#08088A;




 background:#B70004;

}
nav ul {
	padding: 0;
	margin: 0 auto;
	margin-left: 10%;

	width: 600px;
	height: 40px;
	width: 90%;
	height: 50px;
}
nav li {
	display: inline !important;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	line-height: 50px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	border-right: 0px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active, nav a.active {
	background-color: #08088A;


 background:#CECEF6;


 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08088A', endColorstr='#CECEF6'); /* for IE */

 background: -webkit-gradient(linear, left top, left bottom, from(#08088A), to(#CECEF6)); /* for webkit browsers */

 background: -moz-linear-gradient(top,  #08088A,  #CECEF6); /* for firefox 3.6+ */

   background:  -ms-linear-gradient(top, #08088A, #CECEF6);

   background:  -o-linear-gradient(top, #08088A, #CECEF6);



 color:#000;


 background:#FFE244;



}
nav a#pull {
	display: none;
}































// Desktop and landscape tablets
@media (min-width: 768px) {

.desktop {
 display: block;  
}


}






/*Styles for screen 1140px and lower*/
@media screen and (max-width: 1140px) {



.desktop {
 display: none;  
}



}












/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {




#container h1 {
 font-size:2.5em;
}



#main h2 {
 font-size:2.1em;
}



.form span input[type="text"], div.form span textarea {
 width:250px;
}


#left {
 width:100%;
}

#sidebar {
 float:left;
}


}







/*Styles for screen 600px and lower*/
@media screen and (max-width: 700px) {


#container h1 {
 font-size:2.0em;
}


#main h2 {
 font-size:1.6em;
}



.form span input[type="text"], div.form span textarea {
 width:200px;
}


.form p span select {

 font-size:14pt;


}

	nav { 
  		height: auto;
  	}
  	nav ul {
                margin: 0 auto;
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
/* @media only screen and (max-width : 480px) { */
@media only screen and (max-width : 515px) {




div.form {
 padding:0 5%;
}

div.form label {
 font-size:0.8em;
}


div.form span {
 width:60%;

}

div.form span input[type="text"], div.form span textarea {
 width:180px;
}


.form p span select {


 font-size:12pt;

 padding:2px;


}

	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		background-color: #08088A;
		background-color: #B70004;


		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../../img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {



div.form {
 padding:0;
}

div.form label {
 font-size:0.7em;
}


div.form span input[type="text"], div.form span textarea {
 width:150px;
}


.form p span select {


 font-size:12pt;

 padding:2px;


}






	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}







img {
max-width: 100%;
}



#slideholder ul li img {

 box-shadow:5px 5px 3px #676767; 
  -webkit-box-shadow: 5px 5px 3px #676767; 
  -moz-box-shadow: 5px 5px 3px #676767; 
}










/* -------------------------------------------- CoinHolder and homepage ---------------------------------------*/ 


#coinHolder { 
// min-height:470px; 
// min-width:940px; 

 max-height:470px; 
 max-width:940px; 

 width:96%;
 height:auto;
 margin:0 auto;

 padding-top:30px; 

} 

#coin-slider { 
 margin:0 auto; 
 display:none; 
 box-shadow:5px 5px 3px #676767; 
  -webkit-box-shadow: 5px 5px 3px #676767; 
  -moz-box-shadow: 5px 5px 3px #676767; 
} 
#cs-buttons-coin-slider { 
 display:none; 
} 


/* 
	Coin Slider jQuery plugin CSS styles 
	http://workshop.rs/projects/coin-slider 
*/ 


.coin-slider { overflow: hidden; zoom: 1; position: relative; } 
.coin-slider a{ text-decoration: none; outline: none; border: none; } 

.cs-buttons { font-size: 0px; padding: 10px; float: left; } 
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -900px; } 
.cs-active { background-color: #B8C4CF; color: #FFFFFF; } 

.cs-title { width: 900px; padding: 10px; background-color: #000000; color: #FFFFFF; } 

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } 

















#toppop {
 width:500px;
 background-color: #B70004;
 margin:30px auto;
 padding:20px;

	border-radius: 10px; 
	 -moz-border-radius:10px; 
	 -webkit-border-radius:10px; 
	 -khtml-border-radius: 10px; 

 box-shadow:0px 0px 15px #676767; 
 -webkit-box-shadow: 0px 0px 15px #676767; 
 -moz-box-shadow: 0px 0px 15px #676767; 

}








/* 
  signupbox new 
*/ 

#signupbox h3, #signupbox h4 { 
 color:#fff; 
} 
#signupbox h3 { 
 font-size:16pt; 
 margin:0 0 10px 0; 
} 
#signupbox h4 { 
 font-size:12pt; 
 margin: 10px 0 20px 15px; 
} 

#signupbox h5 { 
 font-size:12pt; 
 margin: 10px 0 20px 0px; 
} 
 


#signupbox .topwrapper { 
 width:440px; 
 overflow: hidden; 
 margin:0 auto; 
 position:relative; 
 border:#9e2800 solid 0px; 
 color:#fff;
} 




#signupbox .top_left { 
 float:left; 
 width:210px; 
 min-height:50px; 
 padding: 5px 0px 5px 5px; 
} 

#signupbox .top_right { 
 float:right; 
 width:210px; 
 min-height:50px; 
 padding: 5px 0px 5px 0px; 
} 
#signupbox .top_left input,  #signupbox .top_right input { 
 font-size:14pt;width:180px;height:25px; 
} 

#signupbox .left_top { 
 float:left; 
 width:120px; 
 min-height:30px; 
 padding: 5px 10px 5px 5px; 
 border:#cdcdcd solid 0px; 
} 
#signupbox .left_top label { 
 margin-top:15px; 
} 

#signupbox .right_top { 
 float:right; 
 width:280px; 
 min-height:30px; 
 padding: 5px 10px 5px 0px; 
 border:#cdcdcd solid 0px; 
} 
#signupbox .right_top input { 
 font-size:14pt;width:265px;height:25px; 
} 



#signupbox .top_left_col { 
 float:left; 
 width:310px; 
 min-height:50px; 
 padding: 5px 0px 5px 5px; 
} 

#signupbox .top_right_col { 
 float:right; 
 width:110px; 
 min-height:50px; 
 padding: 5px 0px 5px 0px; 
} 
#signupbox .top_left input,  #signupbox .top_right input { 
 font-size:14pt;width:180px;height:35px; 
 padding:5px;

	border-radius: 4px; 
	 -moz-border-radius:4px; 
	 -webkit-border-radius:4px; 
	 -khtml-border-radius: 4px;


} 




#signupbox .topwrapper h2 { 
 margin-bottom:10px; 
} 

#signupbox .topit { 
 padding-top:15px; 
} 

#signupbox .right { 
 float:right; 
 margin-right:15px; 
} 

#signupbox #remember {
 color:#fff;
}


#signupbox .greenButton{ 
	width:auto; 
	margin:10px 0 0 2px; 
	padding:3px 4px 3px 4px; 
	color:white; 
	background-color:#589d39; 
	outline:none; 
	border:1px solid #006600; 
	font-weight:bold; 
} 
 



#signupbox .greenButton{ 
	border-radius: 4px; 
	 -moz-border-radius:4px; 
	 -webkit-border-radius:4px; 
	 -khtml-border-radius: 4px; 

	border:1px solid #39D; 
	color:#fff; 
	text-shadow:0 -1px 0 #39d; 
	padding:4px 10px 5px; 
	font-size:11px; 
	margin:0 5px 0 0; 
	font-weight:bold; 
} 


#remember { 
 padding:15px; 
} 



#loadingsignup{ 
	left:10px; 
	position:relative; 
	top:3px; 
	visibility:hidden; 
} 

.loadingsignup{ 
	left:10px; 
	position:relative; 
	top:3px; 
	visibility:hidden; 
} 

.passwordbg { 
 
 background-color:#fff; 
background-size:277px 37px; 
background-repeat:no-repeat; 
} 























.hidden {
 display:none;

}








.footer {
 background-color: #FFE244;
 color:#000;
}



html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

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

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/