/*
CSS Credit: http://www.templatemo.com/
*/

/* 
Office Template 
http://www.templatemo.com/preview/templatemo_065_office 
*/
html {
	background: #CCC;
	 width:100%;
    height:100%;
}

body {

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	color: #CCC;

	width:100%;
    height:100%;

	display: table;

}

#templatemo_container {
	width: 100%;
	margin: auto;
	background-image: url(images/logo36.png);
	background-repeat: no-repeat;
	background-size:100%
}

#templatemo_header_section {
	width: 900px;
	height: 80px;
	background: url(images/templatemo_head4.jpg) no-repeat;
}
#templatemo_header_section .top {

	width: 940px;
	height: 20px;
	float: right;
}

/* Top Menu */

#templatemo_menu {
	float: right;
	width: 110px;
	height: 20px;
}

#templatemo_menu ul {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	list-style: none;
}


#templatemo_menu ul li{
	display: inline;
}

#templatemo_menu ul li a{
	float: left;
	padding-left:10px;
	padding-bottom:5px;
	margin-left:5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #999;
	background:url(images/templatemo_head_menu.gif) no-repeat;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
	color: #058fdd;
}

/* End Of Head Menu*/

/* Head Menu */

#templatemo_head_menu {
	float: right;
	width: 900px;
	height: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

* html #templatemo_head_menu{
	margin: 27px 0px 0px 0px;
}

#templatemo_head_menu ul {
	float: left;
	width: 1400px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	list-style: none;
}


#templatemo_head_menu ul li{
	display:inline;
}

#templatemo_head_menu ul li a{
	width: 150px;
	float: left;
	padding-left:0px;
	margin-left:10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}

* html #templatemo_head_menu ul li a{
	padding-left:0px;
}
#templatemo_head_menu li a:hover, #templatemo_menu li .current{
	color: #000;
}

/* Menu */
#templatemo_content{
	width:1240px;
	height: 800px;
}


#templatemo_content_left{
	float:left;
	height:547px;
}

#templatemo_content_right {
	width: 725px;
	height: auto;
	float: right;
	background-image: url(images/templatemo_content_right_bg3.jpg);
	background-repeat: no-repeat;
}

#templatemo_content_right_subpage {

	width: 525px;
	height:547px;
	float:right;
	background:url(images/templatemo_content_right_bg_subpage.jpg) no-repeat;
	overflow: auto;

}

.templatemo_content_area{
	width: 700px;
	float: left;
	color: #FFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 12px;
}

* html .templatemo_content_area{
	margin: 10px 0px 0px 10px;
}
.templatemo_content_area h1{
	font-size: 36px;
	font-weight: bold;
	margin: 0px;
	font-family: Allura;
}
span.red{
	color:#1D63A3;
}
span.orange{
	color:#f2792c;
}
span.gold{
	color:#f7cf46;
}
span.black{
	color:#000;
}

span.green{
	color:#85b100;
}
span.white{
	color: #FFFFFF;
}
  
.templatemo_content_area h2{
	font-size: 20px;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: 0;
	padding: 0;
	line-height: 0px;
}
.templatemo_content_area h2 a{
	color:#f2792c;
	text-decoration:none;
	font-weight:bold;
}
}
.templatemo_content_area h3{
	font-size: 18px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	line-height: 0px;
}
.templatemo_content_area p{
	font-size: 14px;
	margin: 0px;
	text-align: justify;
	color: #FFFFFF;
}
.templatemo_content_area p a{
	color:#4d9d00;
	text-decoration:none;
	font-weight:bold;
}

.templatemo_content_area p a:hover{
	color:#60dd03;
	text-decoration:none;
	font-weight:bold;
}

.templatemo_content_area p img{
	float:right;
	border:none;
	margin:0px;
}


.templatemo_gallery{
	width: 330px;
	float:left;
}


.templatemo_gallery_box {
	width: 98px;
	height: 120px;
	margin: 5px 0px 0px 8px;
	float:left;
}

* html .templatemo_gallery_box{
	
	margin: 5px 0px 0px 5px;
}

.templatemo_gallery_box img{
	margin: 0px 3px 0px 3px;

}

.templatemo_gallery_box .textbox{
	margin: 0px 2px 0px 2px;
	font-weight:bold;
	text-align:center;
}

.templatemo_gallery_box .textbox a{
	color: #999999; 
	text-decoration: none;
}

.templatemo_gallery_box .textbox a:hover{
	color: #000; 
	text-decoration: none;
}

#templatemo_copyright {
	float: right;
	color:#df6529;
	width:935px;
	padding-right:5px;
	text-align:right;
	font-size: 10px;

}

#templatemo_copyright a{
	color:#058fdd;
}

.templatemo_validate{
	float: left;
	width: 180px;
	height: 60px;
	margin : 10px 0px 0px 20px;

}

.templatemo_validate a{
	text-decoration:none;
}
.desc {
    display:block;
    margin-bottom:0px;   /* adapt the margin value to the desire space between span and select box */
}


label {
  margin-bottom: 0px;
  display: block;
}

.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btn {
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btn:hover {
  background-color: #45a049;
}

span.price {
  float: right;
  color: grey;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */

}