@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

.name{
  index : 0,
  stickyClass : 'sticky',
  custom_back_text: true, // Set this to false and it will pull the top level link name as the back text
  back_text: 'Back', // Define what you want your custom back text to be if custom_back_text: true
  is_hover: true,
  scrolltop : true, // jump to top when sticky nav menu toggle is clicked
  init : false
}

body {
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	background-color:#FFFFFF;
	font-size:90%;
}

.main {
	/*background:url(../images/bg.jpg) repeat-x center top;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
	
	position:relative;
	width:100%;
	float:left;
	
}
.tollfree {
    position: absolute;
    right: 0px;
    top: 35px;
}
h2 {
	font-size:105%;
	color:#302c2d;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:5px;
	padding-left:10px;
}

.col {
	padding:0px;
	padding:0px;
	background:url(../images/bg.png) repeat-x left top;
	min-height:357px;
	width:100%;
	float:left;
}

.space1 {
	height:50px;
	width:100%;
	float:left;
}

.cont {
	float:right;
	background:url(../images/cont-bg.png) repeat-y top right;
	padding:0px;
	width:50%;
	text-align:right;
	line-height:30px;
	font-size:26px;
	font-weight:bold;
	color:#000;
	height:77px;
	position:relative;
	bottom:23px;
}

.cont > span {
	color:#371dfa;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}

.cont > span:before {
	background:url(../images/cl.png) no-repeat left top;
	width:32px;
	height:32px;
}

.logo {
	width:auto;
	float:left;
	position:absolute;
	top:-19px;
}

.logo img{
	width:100%;
}

.top-menu {
	float:right;
	position:absolute;
	right:0px;
	width:50%;
}


/*----------------- Media Screen 320px -------- 
============================================== */
.left-bar {
	border:1px solid #9c9b9b;
	background-color:#fafafa;
	float:left;
	margin-top:30px;
	width:100%;
}

.wel_img {
	float:left;
	padding:20px;
	width:30%;
	height:113px;
}

.left-right-top {
	float:left;
	width:68%;
	margin:15px 0;
	/*border-bottom:1px dashed #930;*/
}

.left-right-top h1 {
	background-color:#ed3237;
	padding:6px 8px 6px 15px;
	font-size:150%;
	font-weight:normal;
	color:white;
}

.left-right-top h1 > span{
	color:#f9d62e;
	font-size:90%;
	font-weight:bold;
}

.left-right-top a{
	float:right;
	color:#8c0111;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

.left-right-top a:hover{
	text-decoration:underline;
}

.product-pan {
	width:98%;
	padding:10px 0;
	float:left;
	margin:0 1%;
	margin-bottom:15px;
	background-color:#efebeb;
}

.pro-box {
	border:1px solid #8d8a8a;
	background-color:#FFF;
	padding:5px;
	margin:0 0 0 12px;
}

.pro-box ul{
	padding:5px 9px;
	background-color:#f8f7f7;
}

.pro-box ul li{
	color:#0768f9;
	font-weight:bold;
	list-style:none;
	border-bottom:5px #FFF solid;
	font-size:90%;
	padding:5px 0px;
}

.pro-box ul li:last-child{
	border-bottom:none;
}

.pro-box ul li span{
	font-weight:normal;
	color:#000;
	font-size:85%;
	display:block;
}

.box-img {
	background-color:#f7f6f6;
	margin:auto;
	text-align:center;
	padding:15px 0;
}

.pro-box a {
	float:right;
	font-size:85%;
	color:#212121;
	padding-bottom:10px;
}

/*.right-bar {
	background-color:#fafafa;
	border:1px solid #9c9b9b;
	float:left;
	margin-top:30px;
	padding:4%;
	width:94%
}*/
.right-bar {
	float:left;
	margin-top:30px;
	width:100%
}

.cnt-head {
	width:100%;
	border-bottom:1px dashed #666;
	padding:0px 0px 4px 0px;
}

.form {
	width:100%;
	height:320px;
	padding:4%;
	float:left;
	background-color:#fafafa;
	border:1px solid #9c9b9b;
	margin-bottom:15px;
}
.form small { font-size:1.25em; font-family:Arial, Helvetica, sans-serif; color:#222222; }
.form .inputc {  line-height: 22px;}
.form table tr th, table tr td { padding:0.363em 0.625em;}
.form td p { margin-bottom:0px;}
.form button, .button { margin:0 0 0.25em;}
.enquiry {
	background:url(../images/enquiry-bg.jpg) no-repeat left top;
	width:100%;
	height:100%;
	float:left;
	background-size:100%;
}

.enquiry span{
	font-size:87%;
	text-align:left;
	color:#FFF;
	display:block;
	padding: 8px 15px 45px;
	line-height:18px;
}

.enquiry span {
	color:#fff;
	font-weight:bold;
	padding-top:10px;
}

.add {
	background-color:#f6f6f6;
	border:1px solid #9c9b9b;
	width:100%;
	padding:5px 10px 10px 0px;
	float:left;
}

.add span {
    display: block;
    font-size: 87%;
    font-style: normal;
    line-height: 26px;
    padding-left: 11px;
}

.footter {
	width:100%;
	float:left;
	margin-top:20px;
}

.foot-pan {
	width:100%;
	margin:auto;
	height:40px;
	background-color:#ed3237;
}

.navmenu{ 
	width:46%;
	margin:auto;
}

.navmenu ul {
	list-style:none;
}

.navmenu ul li{
	float:left;
	padding:8px 10px;
	color:white;
}

.navmenu ul li a{
	color:white;
}

.bottom-pan {
	width:70%;
	margin:auto;
	line-height:42px;
	font-size:85%;
}

.bottom-pan span{
	text-align:right;
	float:right;
}
/*----------------- Gallery ----------------------*/
.gallery {
    margin-bottom: 13px;
    overflow: hidden;
    padding: 0;
    text-align: left;
}
.gallery-head {
    background:#828383;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px 0;
    text-align: center;
}
.gallery > li {
    display: inline-block;
    padding: 10px;
    width: 370px;
	min-height:210px;
	margin:5px;
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:20px;
	background:#cecdcd;
	color:#d83338;
}

.gallery > li span{
	font-size:14px;
}
.top-bar2 {
    padding-top: 24px;
}
.bottom-pan a {color:#2795b6}
.large-4.columns.right {
    text-align: right;
	padding-bottom: 4px;
	border-bottom: 1px dotted #333;
}
.contact-leftbar {background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2f3fa+0,ffffff+100 */
background: #d2f3fa; /* Old browsers */
background: -moz-linear-gradient(top,  #d2f3fa 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d2f3fa 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d2f3fa 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f3fa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:1px solid #09C;}
/*----------------- Media Screen 320px ----------------------*/
@media screen and (max-width:1366px) {
.enquiry span{
	font-size:80%;
	text-align:left;
	color:#FFF;
	display:block;
	padding: 7px 15px 42px;
	line-height:20px;
}
}

@media screen and (max-width:320px) {
	.logo {
    float: left;
    padding-top: 0px;
    width: auto;
}

.row {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.cont {
    background: url("../images/cont-bg.png") repeat-y scroll right top rgba(0, 0, 0, 0);
    color: #BA0016;
    float: right;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 5px 10px 5px 0;
    text-align: right;
    width: 100%;
}
}