/*

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

*/



body {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

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

	font-size: 12px;

	color: #333333;

	background: #FFFFFF url(images/templatemo_main_background.gif) repeat-x;

}



a:link, a:visited { color: #333333; text-decoration: none; font-weight: bold;}

a:active, a:hover { color: #333333; text-decoration: underline;}



.more_button a{

	clear: both;

	display: block;

	width: 70px;

	margin: 0 0 10px 0;

	text-align: center;

	font-weight: bold;

	text-decoration: none;

	color: #660;

	background: #ffd929;

	border-bottom: 1px solid #aa8c02;

}



.addtocard_btn a{

	clear: both;

	display: block;

	width: 90px;

	margin: 0 0 10px 0;

	text-align: center;

	font-weight: bold;

	text-decoration: none;

	color: #660;

	background: #ffd929;

	border-bottom: 1px solid #aa8c02;

}



h1 {

	margin: 0;

	padding: 3px 0px 15px 0px;

	font-size: 30px;

	font-weight: bold;

	color: #99CC00;

}



h2 {

	margin: 0 0 15px 0;

	padding: 0;

	height: 30px;

	padding: 10px 0 0 25px;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

}



h3 {

	margin: 0 0 5px 0;

	padding: 0;

	font-size: 16px;

	font-weight: bold;

	color: #0000FF;

}



h4 {

	margin: 0 0 5px 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

}



img {

	margin: 0 0 15px 0;

	padding: 0;

	border: 1px solid #FFFFFF;

}



.templatemo_price{

	clear: both;

	padding: 0 0 5px 0;

	margin: 0;

	color: #FF0000;

	font-size: 16px;

	font-weight: bold;

}





#templatemo_container {

	margin: auto;

	width: 970px;

}





/* top panel */

#templatemo_top_panel {

	width: 950px;

	height: 100px;

	padding: 0 10px;

	background: url(images/templatemo_top_panel_background.jpg) no-repeat;

}



#templatemo_header {

	float: left;

	margin: 30px 25px 0 100px;

	width: 450px;

	height: 30px;

	padding: 10px 0;

	color: #FFFFFF;

	font-size: 35px;

	font-weight: bold;

}



#templatemo_shoppingcart {

	float: right;

	border: 1px solid #FFFFFF;

	color: #FFFFFF;

	margin: 15px 15px 0 0;

	padding: 5px 10px;

	background: #79a33e;

}



#templatemo_shoppingcart h1 {

	padding: 14px 0 0 40px;

	margin: 0 0 5px 0;

	font-size: 16px;

	background: url(images/logout.png) left bottom no-repeat;

}

#templatemo_shoppingcart h1 a {

	color: #99FF00;

}



#templatemo_shoppingcart span{

	font-weight: bold;

}

/* end of top panel */



/* banner */

#templatemo_banner {

	width: 950px;

	height: 250px;

	padding: 0 10px;

	color: #FFFFFF;

	background:url(images/templatemo_banner_background.jpg) no-repeat;

}



#templatemo_banner_text {

	padding: 75px 0 0 50px;

	width: 400px;

}

#templatemo_banner_text p{

	margin: 0 0 15px 0;

	padding: 0;

}

/* end of banner */



/*------------- Menu ------------------*/

#templatemo_menu {

	width: 950px;

	height: 65px;

	padding: 0 10px;

	background: url(images/templatemo_menu_background.gif) no-repeat;

}



/*#templatemo_menu ul {

	margin: 0;

	padding: 10px 0 0 0;

	list-style: none;

}



#templatemo_menu ul li{

	display: inline;

}



#templatemo_menu ul li a{

	float: left;

	width: 130px;

	font-size: 1.1em;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #FFFFFF;

	border-right: 1px solid #c10a0a;

}



#templatemo_menu ul li .lastmenu{

	border-right: none;

}



#templatemo_menu li a:hover, #templatemo_menu li .current{

	color: #FFCC00;

}*/









ul.topnav {

  list-style-type: none;

  margin: 0;

  padding: 10px 0 0 0;

  overflow: hidden;

  /*background-color: #333;*/

  list-style: none;

}



ul.topnav li {/*float: left;*/ display: inline;}



ul.topnav li a {

  display: inline-block;

  color: #FFFFFF;

  text-align: center;

  padding: 0px 8px;

  text-decoration: none;

  transition: 0.3s;

  font-size: 1.1em;

  width:130px;

	font-weight: bold !important;

	border-right: 1px solid #c10a0a;

}

ul.topnav .lastmenu{

	border-right: none;

}

ul.topnav li a:hover {/*background-color: #555;*/ color: #FFCC00;}



ul.topnav li.icon {display: none;}



/* ----------------- end of menu----------------*/



/* ----- Form ----- */

#login_form .form_row{

	padding: 0 0 5px 0;

}



#login_form{

	margin: 0;

	padding: 0;

	width: 200px;

	text-align: left;

}



label {

	margin-right: 10px;

}



#login_form input{

	/* width: 198px;*/

	height: 18px;

	line-height: normal;

	padding: 1px 0;

	color: #000000;

	border: 1px solid #FFFFFF;

}



#login_form .login_button{

	width: 60px;

	height: 23px;

}

/* End of Form */



/* ----------------- Content ----------------------- */



#templatemo_content {

	float: left;

	width: 950px;

	padding: 0 10px;

	background: url(images/templatemo_content_background.gif) repeat-y;

}



#templatemo_content_full {

	float: left;

	width: 950px;

	padding: 0 10px;

	background: url(images/templatemo_content_background.gif) repeat-y;

}



/* left panel */

#templatemo_left_panel {

	float: left;

	width: 250px;

	color: #FFF;

	margin: 0 25px 0 15px;

}



* html #templatemo_left_panel {

	float: left;

	width: 250px;

	color: #FFF;

	margin: 0 25px 0 10px;

}



#templatemo_left_panel p{

	padding: 0 0 15px 0;

	margin: 0;

}



#templatemo_left_panel img{

	border: none;

	margin-bottom: 15px;

}



#templatemo_left_panel ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#templatemo_left_panel ul li{

	display: block;

}



#templatemo_left_panel ul li a{

	padding: 0px;

	margin: 0px;

	color: #FFFFFF;

	font-weight: normal;

	text-decoration: none;

}



#templatemo_left_panel ul li a:hover{

	color: #ffd200;

}



.templatemo_blue_panel {

	width: 250px;

	background: #0643b4;

}



.templatemo_blue_panel_bottom {

	width: 250px;

	height: 5px;

	margin-bottom: 25px;

	background: url(images/templatemo_blue_panel_bottom.gif) no-repeat;

}



* html .templatemo_blue_panel_bottom {

	margin-bottom: 0;

}



.templatemo_blue_panel h2{

	background: url(images/templatemo_blue_title_background.gif) no-repeat;

}



.templatemo_red_panel {

	width: 250px;

	background: #e10d0d;

}

.templatemo_red_panel_bottom {

	width: 250px;

	height: 5px;

	margin-bottom: 25px;

	background: url(images/templatemo_red_panel_bottom.gif)  no-repeat;

}



* html .templatemo_red_panel_bottom {

	margin-bottom: 0

}

.templatemo_red_panel h2{

	background: url(images/templatemo_red_title_background.gif) no-repeat;

}



.templatemo_yellow_panel {

	width: 250px;

	color: #333333;

	background: #efc505;

}

.templatemo_yellow_panel_bottom {

	width: 250px;

	height: 5px;

	margin-bottom: 25px;

	background: url(images/templatemo_yellow_panel_bottom.gif) no-repeat;

}



.templatemo_yellow_panel_bottom {

	margin-bottom: 0;

}



.templatemo_yellow_panel h2{

	background: url(images/templatemo_yellow_title_background.gif) no-repeat;

}



.templatemo_left_content {

	padding: 0 25px 10px 25px;

}

/* end of left panel */



#templatemo_right_panel {

	float: right;

	width: 620px;

	margin: 0 15px 0 0;

}



#templatemo_right_panel h1{

	margin: 0 0 15px 0;

	color: #99CC00;

}



#templatemo_right_panel p{

	margin: 0;

	padding: 0 0 10px 0;

	text-align: justify;

}



#templatemo_right_panel img{

	float: left;

	margin: 3px 10px 5px 0;

}



.templatemo_right_panel_fullwidth {

	float: left;

	width: 620px;

	padding: 0 0 50px 0;

}



/*----- product box -----*/

.productrow {

	float: left;

	padding: 0 0 25px 0;

	margin-bottom: 25px;

	width: 620px;

	border-bottom: 1px solid #CCCCCC;

}



.productbox {

	float: left;

	margin: 0px 25px 0 0;

	padding: 0px;

	width: 285px;

}



.productbox .left {

	float: left;

	width: 110px;

	margin: 0 10px 0 0;

}

.productbox .right {

	float: right;

	width: 150px;

	margin: 0px;

}

#productbox img {

	margin: 0px;

	padding: 0px;

	border: none;

}



#productbox p{

	font-size: 10px;

	padding: 5px 0px;

	line-height: 1.1;

	color: #999999;



}



/* product detail */



.product_detail_image {

	float: left;

	width: 320px;

	margin: 0px 10px 0px 0px;

}



.product_detail_info {

	float: right;

	width: 250px;

}



.product_detail_info input{

	width: 50px;

	border: 1px solid #999;

}



/*----- end of product box -----*/



#templatemo_content_bottom {

	clear: both;

	width: 970px;

	height: 20px;

	background: url(images/templatemo_content_bottom.gif) no-repeat;

}



/* ----- Footer ----- */



#templatemo_footer {

	clear: both;

	padding: 10px 10px;

	width: 950px;

	text-align: center;

	background: #FFFFFF;

	text-align: center;

}



#templatemo_footer a{

	font-weight: normal;

	color: #666666;

}



/* ----- End of Footer ----- */



.big {font-size: 22px;}





@media (max-width:980px) {

#templatemo_container {

    margin: 0;

    width: 100%;

	padding:0 15px;

	float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}	



#templatemo_top_panel{ width: 100%; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#templatemo_banner {

    height: 250px;

	padding:0; background-position:80% top;

    width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}



#templatemo_menu {

    height: 65px; padding:0;

    width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

	background-position:right top;

	background: rgba(0, 0, 0, 0) url("images/templatemo_menu_background2.gif") no-repeat scroll 0 0;

}

#templatemo_content { padding:0;

    width: 100%; background:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}



#templatemo_content_bottom { padding:0;

    width: 100%; background:none;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}

#templatemo_footer {

    width: 100%; padding:10px 0;

	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}

#templatemo_header{ width:auto;}

#templatemo_left_panel{width: 33%;  padding: 0 25px 0 15px; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#templatemo_right_panel {

    width: 67%; padding: 0 15px 0 0; margin:0;

	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}

h1 {

    font-size: 27px;

    padding: 3px 0 15px;

}

.templatemo_right_panel_fullwidth, .productrow {

    width: 100%;

}



.productbox {

    padding: 0 25px 0 0; margin:0px;

    width: 50%;

	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

}

.productbox:last-child{padding:0px;}

#templatemo_right_panel img { max-width:100%; margin:0px; }

.productbox .left{ margin:0; padding: 0 10px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.productbox .right{ float:left;}

ul.topnav li a{width: 100px;}



}



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

    .templatemo_right_panel_fullwidth {

        padding: 0 0 30px;

    }

    #templatemo_left_panel {

        padding: 0 15px;

        width: 37%;

    }

    #templatemo_right_panel {

        padding: 0 10px 0 0;

        width: 63%;

    }

    .productbox {

        padding: 0 0px 10px 0;

		width:100%;

    }

	#templatemo_right_panel img {

    margin: 0 15px 15px 0;

    max-width: 100%;

}

#templatemo_right_panel {

    padding: 0 10px 0 15px;

}

    

}



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

    #templatemo_banner_text h1 {

        line-height: 28px;

    }

    #templatemo_banner_text br {

        display: none;

    }

    #templatemo_banner_text {

        overflow: auto;

        padding: 35px 5% 0;

        width: 90%;

    }

    #templatemo_header {

        font-size:30px;

    }

    h2 {

        padding: 10px 0 0 15px;

    }

    #templatemo_content {

        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    }

    #templatemo_left_panel {

        width: 100%;

        padding:0px;

    }

    .templatemo_blue_panel {

        margin-bottom: 10px;

        padding-bottom: 10px;

        width: 100%;

    }

    .templatemo_blue_panel h2 {

        background: rgba(0, 0, 0, 0) url("images/templatemo_blue_title_background2.png") repeat scroll 0 0;

    }

    .templatemo_blue_panel_bottom {

       display: none;

    }

    .templatemo_red_panel {

        width:100%;

        margin-bottom:10px;

}

    .templatemo_red_panel h2 {

        background: rgba(0, 0, 0, 0) url("images/templatemo_red_title_background2.png") repeat scroll 0 0;

    }

    .templatemo_red_panel_bottom {

        display: none;

    }

    .templatemo_yellow_panel {

        width:100%;

        margin-bottom: 10px;

    }

    .templatemo_yellow_panel h2 {

        background:rgba(0, 0, 0, 0) url("images/templatemo_yellow_title_background2.png") repeat scroll 0 0;

    }

    .templatemo_yellow_panel_bottom {

        display:none;

    }

    .templatemo_left_content {

        padding: 0 15px 10px;

    }

    #login_form {

        width:100%;

    }

    #login_form input {

        width:100%;

        margin-bottom: 10px;

    }

    #templatemo_right_panel {

        margin-top: 20px;

        padding: 0 15px;

        width:100%;

    }

    #templatemo_content_bottom {

        display: none;

    }

    .templatemo_right_panel_fullwidth {

        padding: 0;

    }

    #templatemo_footer {

        padding: 10px 0 20px;

    }

    .productbox {

        width:100%;

    }

    .productbox .right {

        width:calc(100% - 110px);

    }

	#templatemo_right_panel {

    padding: 0 10px 0 0px;

}

    

}





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

    #templatemo_header {

        font-size: 23px;

    }

    h1 {

        font-size: 23px;

    }

    #templatemo_right_panel .templatemo_right_panel_fullwidth:last-child {

        margin-top:30px;

    }

    

}



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

  ul.topnav li:not(:first-child) {display: none;}

  ul.topnav li.icon {

    float: right;

    display: inline-block;

  }

}



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

  ul.topnav.responsive {position: relative;}

  ul.topnav.responsive li.icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  ul.topnav.responsive li {

    float: none;

    display: inline;

  }

  ul.topnav.responsive li a {

    display: block;

    text-align: left;

	border-right:none;

  }

  #templatemo_menu{ background:#f02828; height: 46px;}

  ul.topnav.responsive{background:#f02828;}

  ul.topnav li a{border-right:none; text-align:left;}

  ul.topnav.responsive li.icon{ padding-top:14px;}

  ul.topnav.responsive{padding-bottom:5px;}

  ul.topnav{padding: 14px 0 0;}

  ul.topnav li.icon a{ text-align:right;}

  ul.topnav.responsive li a{ padding:10px 16px;}

  #templatemo_right_panel img { margin:0px 15px 15px 0; }

  .productbox .left{padding: 0 15px 0 0;}

  #templatemo_right_panel h1 { margin: 10px 0 15px 0;}

  .input-text{ width:98%;}

  dd {

    margin: 0;

}

.mb-15{ margin-bottom:15px;}

}