body
{
	margin:0;
	border:0;
	padding:0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #000;
	background: url('assets/bg.jpg') top center no-repeat fixed ;
	background-size: 2479px 2835px;
	-webkit-background-size: 2479px 2835px;
}
h1, h2,h3,h4,h5,h6
{
	margin: 0;
	margin-bottom: 8px;
	font-weight: normal;
}

div.mainDiv
{
	width:920px;
	margin:auto;
	min-height:560px;
	overflow:auto;
}
div.header
{
	height:auto;
	background-color:#000;
	overflow:auto;
}
div.header div.logo
{
	height:100px;
	width:304px;
	float:left;
}
div.header div.contact-info p
{
	float:right;
	padding:2px 10px 0px;
	font-size:11px;
	color:#fff;
}
div.header div.contact-info p a
{
	color:#ff0012;
	text-decoration:none;
}

div.slideshow
{
	min-height:200px;
}

div.content
{
overflow:auto;
min-height:600px;
background-color:#565656;	
}
div.right-bar
{
	width:660px;
	float:left;
	vertical-align: top;
	padding: 0px 30px 0 30px;
	width: 660px;
	background-color: #fff;
	min-height:600px;
}
div.left-bar
{
	width:200px;
	float:left;
	vertical-align: top;
	background-color: #565656;
	min-height:600px;
}

div.actual-content
{
	padding-top:40px;
}



h1.content-heading
{
	color: #ff0012;
	font-size: 15pt;
}

h1.content-heading-big
{
	margin:40px 0px 20px;
	color: #ff0012;
	font-size: 24pt;
	text-align:center;
}
p
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #000;
}

ul.right-menu, .submenu
{
	list-style: none;
	margin: 0;
	padding:0;
}

ul.right-menu li a
{
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	padding: 9px 0 9px 42px;
	display: block;
}

ul.right-menu li a:hover
{
	color: #ff0012 !important;
	background-color:#000;
}


img.main-logo
{
	padding:0px 10px;
	height:100px;
	width:auto;
}

ul#navigation li a.on
{
		color: #ff0012 !important;
		background-color:#000;
}


#navigation li:hover .submenu {
  display: block;
  max-height: 200px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
	background-color: #666;
}

/* hover behaviour for links inside .submenu */


/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
div.row
{
	overflow:auto;
}
div.row div.quarter
{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
}
div.row div.quarter img
{
	width:200px;
}

img.img-guarantee
{
	height:160px;
}

div#productslider img
{
	width:90% ;
	padding:0 0 30px 0;
}
div.third-wrap
{
	overflow:auto;
	padding:10px 20px 30px;
}
div.third
{
	width:33%;
	float:left;
	padding:0 0;
	
}
div.third img
{
	width:200px;
	height:200px;
	padding:0 0 20px;
}
div.third h3
{
	font-weight:bold;
	text-align:center;
}

img.whyus
{
	height:300px;
	text-align:center;
}

div.third-wrap div.quarter
{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
}
div.third-wrap div.quarter img
{
	width:200px;
	height:200px;
	padding:20px 0px;
}
/*************tables*************/

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

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

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

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

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

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active,
.table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active,
.table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td,
.table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success,
.table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success,
.table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td,
.table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info,
.table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info,
.table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td,
.table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning,
.table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning,
.table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td,
.table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger,
.table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger,
.table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td,
.table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}


/***********Product Gallery **************/
ul.grid-img
{
	list-style:none;
}
ul.grid-img li.grid-img-item
{
	float:left;
	background-color:#f5f5f5;
	padding:2px;
	margin:8px;
	box-shadow:1px 2px 2px #ccc;
}
ul.grid-img li img.grid-img
{
	width:180px;
	height:120px;
	padding:2px;
}
ul.grid-img li.grid-img-item p.grid-text
{
	font-size:1.2em;
	text-align:center;
	padding:5px 0;
	margin:0;
}


/***********contact**********/
div.half 
{
	width:49%;
	float:left;
}