/* CSS Document */
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,table,tr,td,th,p,img {
	margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6
{
}

p, div, ul, li{
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;		
}


body{
	padding:0 0 0px 0;
	margin:0;
	font-size:large;
	background:#51a15a;
	color:#666;
	font-family: 'Roboto Slab', serif;
	
		
}

@media (max-width: 1000px) {
  body { font-size: small; }
}
@media (max-width: 500px) {
  body { font-size: small; }
}


button{ background-color:#000; 
		color:#fff; 
		border:none; 
		padding:1%;	
		cursor:pointer;
}
img,fieldset{
	border: none;
}
h1, h2, h3, h4, h5, h6, a, .breadcrumb, .message_head, .content_sell_form, .quick_form_invite, .take_a_break, .side_type_title, .footlist #label{

}

h1{ font-size:1.3em;}
h2{ font-size:1.1em;}
h3{ font-size:1.0em;}
h4{ font-size:0.8em;}

hr{ margin:1% 0;}
a{color:#000; text-decoration:none; font-weight:bold;}
a:visited{color:#666;}

.clear{ clear:both;}

/* -------------------------- FORM ------------------------------ */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea { }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label{
	display:block;
}
/* -------------------------- FORM END ------------------------------ */


/* -------------------------- CONTAINERS ------------------------------ */

.container{ 
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	overflow:hidden;
	display:block;
}

/* CONTENT */
.content_full{ 
	padding:0%;
	margin:1% 5% 0 5%;
	position:relative;
	overflow:hidden;
}

	@media (max-width: 1000px) {
		.content_full{
				margin:1% 0% 0 0%;

		}
	}

.content_right{ 
	padding:0 0 0 1%;
	float:right;
	width:65%;
	margin:0% 5% 0 0%;
	border-radius: 0 0.5em 0.5em 0.5em;

}

.content_left{ 
	padding:0 1% 0 0%;
	float:left;
	width:65%;
	margin:0% 0% 0 5%;
	border-radius:0.5em 0 0.5em 0.5em;

}

	@media(max-width: 800px) {
		.content_left, .content_right{
			float:none;
			width:100%;
			margin:1% 0 0 0;
			padding:1%;	
			position:relative;
			overflow:hidden;
			border-radius:0;
		}
	}


.content_child{ background-color:#fff; padding:10px; 
 }
.content_child a{ color:#333; }


/* --------------------------BREADCRUMB ------------------------------ */
.breadcrumb{
	font-size:1em;
	text-align:left;
	color:#333;
	font-weight:100;
	position:relative;
	margin:0% 0 1% 0;
	padding:1% 0;
	text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  background-color:#fff;
}

@media (max-width: 1000px) {
		.breadcrumb{
				text-align:center;

		}
	}

.breadcrumb a{
	color:#333;
}
.breadcrumb h1{
	padding:0;
	margin:0;
}

/* --------------------------BREADCRUMB END ------------------------------ */



.pagination a{
	background-color:#000;
	padding:0.5% 1%;
	color:#FFF;
	margin:1% 0;
	border-right:solid 1px #999;
	height:20px;
	display:inline-block;
}

.pagination strong{
	background-color:#999;
	padding:0.5% 1%;
	color:#FFF;
	margin:1% 0;
	border-right:solid 1px #999;
	height:20px;
}

.background_image{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	z-index:-9999;
}


.download_row{
	margin:1%;	
	background-color:#f0f0f0;
	padding:1%;
	overflow:hidden;
}

.download_row #image{
	float:left;
	width:15%;
	overflow:hidden;
}

.download_row #image img{
	max-width:100px;
	width:100px;
}

.download_row #details{
	float:left;
	padding:0 1%;
	overflow:hidden;
	width:60%;
}

.download_row #stats{
	float:left;
	padding:0 1%;
	width:20%;
	overflow:hidden;
}

	@media (max-width: 800px) {
		
			.download_row #stats, .download_row #details, .download_row #image, .download_row #image img{
				float:none;	
				height:auto;
				width:98%;
				max-width:98%;
						
			}
			
			.download_row{
				height:auto;			
			}
			
		}


.global_message_div{
	color:#f0383c;
	background-color:#FFF;
	padding:1%;
	text-align:center;
	width:100%;
}
.message_div{
	color:#f0383c;
}

.message_div p{
	color:#f0383c;
	font-weight:bold;
	text-decoration:underline;
}

.message_div div{
	margin:1% 1% 1% 0;
	padding:1%;
	background-color:#f0383c;
	border-radius:0.2em;
	float:left;
	color:#fff;
	width:40%;
}

.contact_page_form{
	width:44%;
	padding:2%;
	margin:0 2% 0 0;
	float:left;
	background:#fff;
}
.contact_page_form form{
	margin:0;
	padding:0;
}

.contact_page_form input{
	width:80%;
	padding:1%;
}

.contact_page_form textarea{
	width:80%;
	padding:1%;
	height:200px;
}

.contact_page_details{
	width:46%;
	padding:2%;
	background-color:#FFF;
	float:left;
}

@media (max-width: 1000px) {
	.contact_page_details{
		width:96%;
		float:none;
	}
	
	.contact_page_form{
		width:96%;
		float:none;
		padding:1% 2%;
	}
}

.login_form{
	padding:2%;
	background-color:#FFF;
}

.return_from_payment{
	background-color:#C4FDC5;
	margin-bottom:1%;	
	padding:1%;
}

.cancel_redirect_message{
	margin:0% 0 1% 0;
	  border: 10px solid #fff;
	  box-shadow: none;
	  box-sizing: border-box;
	  padding:1%;
	  background-color:#C00;
	  color:#fff;	  
}
	 
	 
	 
	 
	 
.custom_request{
}


.custom_request_logos img{
	width:100%;
}

@media (max-width: 800px) {
	.custom_request{ margin:0 1%;}
}

.custom_request_each_text{ padding:5px; }

.custom_request_each{
	margin:1% 0% 1% 1%;
	border-bottom:dashed 1px #cfc5c5;
	
}

.custom_request_each .clear{
	padding:0 5px;
}


.custom_request_product_name{
	width:50%;
	float:left;
}

.custom_request_product_select{
	width:50%;
	float:left;
	text-align:right;
	padding:0 5px 0 0;
}
.custom_request_product_select span{
	font-size:12px;
}

@media (max-width: 500px) {
	  .custom_request_product_name { float:none; width:100%; }
	  .custom_request_product_select { float:none; width:100%;text-align:left; }
	}


.custom_request_product_select select{
	font-size:12px;
	background-color:#C00;
	color:white;
	margin:0;
	width:200px;
}

.custom_request p{
	margin:10px 0;
	padding:0 0 5px 0
	
}

.custom_request label{
	padding:5px 0 0px 5px;
	color:#C00;
}
.custom_request label span{
}
.custom_request label a{
 font-size:11px;
 font-weight:normal;
}

.custom_request h3{
	color:#900;
	margin:0;
	padding:0;
}

.custom_request_user_details{
	margin:1% 0% 1% 1%;
	border-radius: 0 0 5px 5px;
	
}
.custom_request_user_details_label{
	padding:5px 0 0px 5px;
	color:#C00;
}


.custom_request_user_details_field{
	margin:5px;
}

.custom_request_user_details div span{
	width:300px;
	background-color:#f6f6f6;
	height:30px;
}

.custom_request_user_details input{
	border-radius:0;
	float:none;
	display:block;
}

.custom_request_user_details textarea{
	border-radius:0;
	float:none;
	display:block;
	max-width:400px;
	height:100px;
}
.custom_request_user_details label{
	background:none;
	color:#000;
	float:none;
}
.quote_two_info{
		
}

.quote_two_measure{
	font-size:13px;	
}
.quote_two_measure_type_label{ color:#000; padding:5px; font-weight:bold; background-color:#f3f3f3; display:inline-block;}
.quote_two_measure_each_type{
	padding:0 0 0 0;
}

.quote_two_measure_each_row_in_type{
	 padding:0px;
	 margin:0px 0 5px 0;
	 border-left:solid 3px #C30;
	 margin:5px 0;	
	 
}

.quote_two_measure label{
	display:block;
	color:#c96e6e;
	padding:5px 10px;
	width:100%;
}

.quote_two_measure_each_unit{
	float:left;
	padding:10px;	
	margin:10px;
	background-color:#f8f8f8;
}

	@media (max-width: 800px) {
	  .quote_two_measure_each_unit { width:40%; }
	}
	
	@media (max-width: 500px) {
	  .quote_two_measure_each_unit { width:90%; float:none; }
	}
.quote_two_measure_each_unit span{
	padding-right:10px;	
}

@media (max-width: 2000px) {
	  .quote_two_measure_each_unit span { float:none;  display:block;}
	}
.quote_two_measure_each_unit input, select{
	width:100px;
	border-radius:0;
	font-size:12px;
	padding:1px;
	height:20px;
}

.quote_two_measure_each_unit input, select{
	width:150px;
}



ul#request_tab_links {
list-style:none;
color:#000;
margin:0;
padding:0;
z-index:1;
position:relative;
top:1px;
}
ul#request_tab_links li {
cursor:pointer;
float:left;
background:#CCC;
padding:10px 10px 10px 10px;
margin:2px 0px 0 0;
font-size:14px;
text-align:center;
overflow:hidden;
width:50%;
}


ul#request_tab_links li:hover {
color:#333;
}
ul#request_tab_links li.active {
background:#fff;
color:#333;
}
div#request_tab_contents { 
z-index:0;
clear:both;
border:1px solid #e5e5e5;
background:#fff;
padding:10px;
}



.page_quote_form{
	
}

.page_quote_form_label{
	border:solid 1px #696969;
	border-bottom:none;
	position:relative;
	bottom:-1px;
	display:inline-block;
	padding:10px;
	background-color:#f8f8f8;
	font-size:15px;
	font-weight:bold;
}

.page_quote_form form{
	padding:10px;
	border:solid 1px #696969;
	background-color:#f8f8f8;
}

.page_quote_form form label{
	font-size:14px;
}

.page_quote_form form input, select{
	border-radius:0;
	width:100%;
	height:30px;
}

.page_quote_form form textarea{
	border-radius:0;
	width:100%;
	height:130px;
}


.page_quote_form_field{
	margin:10px 0;
}

.page_quote_form form button{
	 clear:both;
	 float:none;
}

.page_quote_form_group{
	float:left;
	width:50%;	
	padding:10px;
}

@media (max-width: 800px) {
	.page_quote_form_group{
	float:none;
	width:100%;
	}
}

.page_quote_form h3{
	 font-size:15px;
	 font-weight:normal;	
	 margin:0 0 10px 0;
}