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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*-----------------| body frame start |---------------------*/
body {
  background-color:#f4f4f4;
  background-image: url(../images/page-bg.gif);
  background-repeat:repeat-x;
  background-position:left top;
  padding:0px;
  margin:0px;
  font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#2a2a2a;
  line-height:22px;
  font-weight:400;
}
/* video page style starts */
.header {
    margin: 0px auto;
    width: 100%;
    padding: 0px 0px;
    clear: both;
    float: left;
    background-color: #ffffff;
    text-align: right;
}
.header ul {
   float:right;
   margin:0 0 0 0;
   padding:0 0 0 0; 
}
.header ul li {
    float:left;
	list-style-type:none;
	margin: 5px 0 5px 0;
    padding: 0 10px 0 10px;
	border-right:1px solid #cccccc;
}

.header ul li:last-child {
	border-right:none;
}

.header ul li a {
	text-decoration:none;
	font-size:14px;
}
.header ul li a:hover {
	color:#2a2a2a;
}

.header ul li img {
	padding:0px 5px 0 5px;
	margin:0 0 0 0;
}
.video-wrapper {
	float:left;
	width:100%;
}
.video-wrapper p {
	padding:5px 0 5px 0;
}
.video-wrapper span {
	width: 100%;
    float: left;
    text-align: center;
    height: 180px;
	padding: 0 0 0 0;
    margin: 5px 0 15px 0;
}
.video-wrapper h4 {
	font-weight: 800;
    font-size: 16px;
    color: #383838;
    padding-bottom: 10px;
    line-height: normal;
}
.video-wrapper img {
	padding:5px 0 5px 0;
	width:auto;
	height:100%;
        float: left;
}
.video-wrapper ul {
	float:left;
	width:100%;
            padding-left: 0px;
}
.video-wrapper ul li {
	float: left;
    width: 92%;
    list-style-type: none;
    background-color: #f5f5f5;
    padding: 20px 2% 20px 2%;
    margin: 0 1% 12px 0;
    border: 1px solid #CCC;
}

.video-button {
	padding:10px 10px 10px 10px;
	margin:10px 0 0 0;
	background-color:#d00008;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	float:left;
}
/* video page style ends */

/* products page style starts */
.product_title  {
	text-decoration: none;
}

.product-detail-left {
	float:left;
	width:44%;
	padding:0 0 0 0;
	    margin: 6px 3% 0 0;
}

.product-detail-right {
	float:right;
	width:53%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}


.product-detail-left-preview {
	float:left;
	width:20%;
	padding:0 0 0 0;
	    margin: 6px 3% 0 0;
}

.product-detail-right-preview {
	float:right;
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.add-cart {
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	background-color:#d00008;
	color:#ffffff;
	text-decoration:none;
	
}
.add-cart:hover {
	background-color:#333333;
	color:#ffffff;
	
}

.preview{
    padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	background-color:#333333;
	color:#ffffff;
	text-decoration:none;
}

.preview:hover {
	background-color:#d00008;
	color:#ffffff;
	
}
.cart-details td {
	padding:7px 0 7px 0;
}
.cart-details {
	padding:0 0 0 0;
	margin:10px 0 10px 0;
}
.total-details {
	padding: 0 5px 0 5px;
    margin: 20px 0 10px 0;
    background-color: #eaeaea;
}

.total-details a {
	text-decoration:none;
}

.cart-details a {
	text-decoration:none;
}

.cart-buttons {
	float:right;
	margin:20px 0 0 0;
	padding:0 0 0 0;
}

.cart-buttons a {
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	background-color:#d00008;
	color:#ffffff;
	text-decoration:none;
}

.cart-buttons a:hover {
	background-color:#333333;
	color:#ffffff;
}


.product-detail-right h4 {
	font-size:18px;
	padding:0 0 0 0;
	margin:0 0 5px 0;
        
}
.product-detail-right h5 {
	font-size:15px;
	padding:0 0 0 0;
	margin:5px 0 5px 0;
}

.product-detail-right ul {
   float:left;
   margin:0 0 0 25px;
   padding:0 0 0 0; 
}
.product-detail-right ul li {
    float:left;
	list-style-type:disc;
	margin: 5px 0 5px 0;
    padding: 0 10px 0 10px;
}
.fleft {
	float:left;
}

.register h3 {
	font-size:20px;
}
.register-form {
	width:100%;
}

.register-form input {
	height:25px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:30%;
}
.register-form button {
	padding: 7px 15px 7px 14px;
    margin: 0 0 0 0;
    background-color: #d00008;
    color: #ffffff;
    text-decoration: none;
    border: none;
    font-size: 16px;
    line-height: normal;
}

.register-form button:hover {
	background-color:#333333;
	color:#ffffff;
}



.cart-btn-size{
       width: 100px !important;
       height: 35px !important;
}

.cart-btn   {
	padding: 7px 15px 7px 14px ;
    margin: 0 0 0 0;
    background-color: #d00008;
    color: #ffffff;
    text-decoration: none;
    border: none !important;
    font-size: 16px;
    line-height: normal;
	cursor:pointer;
}

.cart-btn:hover {
	background-color:#333333;
	color:#ffffff;
}


.cart-btn-small  {
	padding: 2px 7px 2px 7px ;
    margin: 0 0 0 0;
    background-color: #d00008;
    color: #ffffff;
    text-decoration: none;
    border: none !important;
    font-size: 14px;
    line-height: normal;
	cursor:pointer;
}

.cart-btn-small:hover {
	background-color:#333333;
	color:#ffffff;
}



.cart-bar a {
text-decoration:none;

}

.cart-bar a:hover {
text-decoration:underline;

}

.fontstyle-1{
color:#FFFFFF;
}
.register-form p {
	width:100%;
	padding:10px 0 10px 0;
	margin:0 0 0 0;
}

.register-form span {
	width:48%;
	text-align:right;
	float:left;
	padding:0 2% 0 0;
	margin:0 0 0 0;
}

.login h3 {
	font-size:20px;
}
.login h4 {
	font-size:16px;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

.login-form {
	width:100%;
}

.login-form a {
	text-decoration:none;
	color:#333333;
}
.login-form a:hover {
	text-decoration:none;
	color:#d00008;
}


.login-form input {
	height:25px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:30%;
}
.login-form button {
	padding: 7px 15px 7px 14px;
    margin: 0 0 0 0;
    background-color: #d00008;
    color: #ffffff;
    text-decoration: none;
    border: none;
    font-size: 16px;
    line-height: normal;
}

.login-form button:hover {
	background-color:#333333;
	color:#ffffff;
}

.login-form p {
	width:100%;
	padding:10px 0 10px 0;
	margin:0 0 0 0;
}

.login-form span {
	width:48%;
	text-align:right;
	float:left;
	padding:0 2% 0 0;
	margin:0 0 0 0;
}
.padleft20 {
	padding-left:20px;
}
.thankyou h3{
	font-size:20px;
}
/* products page style starts */

#container {
  margin:0px auto;
  width:1000px;
  padding:0px 15px;
  clear:both;
  overflow:hidden;
  position:relative;
  background-image: url(../images/container-bg.png);
  background-repeat: repeat-y;
  background-position: left top;
}
#mainArea {
  clear:both;
  overflow:hidden;
  padding:20px 0px;
}
#rightPanel {
  float:right;
  width:230px;
}
#leftPanel {
  float:left;
  width:770px;
}
#contentArea{
  clear:both;
  overflow:hidden;
  display:block;
  padding:30px 20px 20px 20px;
}
/*-----------------| body frame end |---------------------*/






h1, h2, h3, h4, h5, h6, p{
  padding:0px;
  margin:0px;
}
h1{
  font-weight:800;
  font-size:32px;
  color:#383838;
  padding-bottom:16px;
  line-height:32px;
}
h2{
  font-weight:600;
  font-size:24px;
  color:#ba070e;
  padding-bottom:12px;
  line-height:32px;
}
h3{
  font-weight:600;
  font-size:18px;
  color:#383838;
  padding-bottom:16px;
  line-height:32px;
}
p{
  padding-bottom:14px;
}
ul{
  padding-left:20px;
  margin-top:0px;
}
a{
color:#BA070E
}
a img{
border:none;
outline:none;
}



.menu{
  padding:0px;
  margin:0px;
  list-style:none;
}
.menu li{
  display:block;
  border-bottom:1px solid #f2f2f2;
  border-top:1px solid #d0d0d0;
}
.menu li a{
  display:block;
  background-color:#e2e2e2;
  background-image: url(../images/btn-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  text-transform:uppercase;
  color:#555555;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  padding:12px 15px;
  line-height:20px;
}
.menu li a span{
  color:#8a8a8a;
  font-size:11px;
  display:block;
}
.menu li a:hover{
  background-color:#d00008;
  background-image: url(../images/btn-bg-r.gif);
  color:#FFFFFF
}
.menu li a:hover span{
  color:#FFFFFF
}




#mobFooter{
 display:none;
 width:320px;
 margin:0px auto;
}
#mobFooter .drakGraySection, #mobFooter .redSection{
  margin-bottom:0px;
}
#mobFooter .redSection{
  font-size:15px
}
#mobFooter .disclaimer{
  padding:15px;
}
.redSection{
  padding:10px 0px;
  background-image: url(../images/right-section-red-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color:#d70008;
  color:#FFFFFF;
  font-size:17px;
  margin-bottom:20px;
  text-align:center;
  text-transform:uppercase
}
.drakGraySection{
  padding:15px;
  background-image: url(../images/right-gray-section-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color:#6e6e6e;
  color:#FFFFFF;
  font-size:16px;
  margin-bottom:20px;
  position:relative;
}
.drakGraySection a{
  color:#FFFFFF;
  text-decoration:none
}
.drakGraySection .icon{
  position:absolute;
  right:10px;
  top:10px;
  width:40px;
}

.capitalise{
    font-weight:600;
    text-transform:uppercase;
    display:block;
    margin-bottom:5px;
}
.rightSections{
  padding-left:15px;
  padding-top:15px;
}
.address, .disclaimer{
  font-size:13px;
  margin-bottom:5px;
  line-height:20px;
}
.address a{
  color:#2A2A2A
}
.redText{
  color: #BA070E;
}
.contactDetails{
  float:left;
  width:150px;
}
.map{
  float:right;
  width:530px;
  margin-bottom:30px;
  background-color:#f4f3f0
}


.readMoreBtn{
  color:#FFFFFF;
  text-decoration:none;
  padding:0px 20px 4px 10px;
  background-image: url(../images/more-info-btn-bg.gif);
  background-repeat: no-repeat;
  background-position: right top;
  display:inline-block
}
.leftImg{
  float:left;
  margin-right:20px;
  margin-bottom:15px;
  margin-top:5px;
}
.sectionInfo{
  overflow:hidden;
}
.makeItBlock{
  clear:both;
  overflow:hidden;
  display:block;
}
.grayNote{
  background-color:#f4f4f4;
  font-weight:bold;
  font-size:16px;
  text-align:center;
  padding:15px;
  clear:both;
  overflow:hidden;
  display:block;
  margin-top:20px;
}
.teamRecord{
  overflow:hidden;
  display:block;
  border-top:1px solid #d2d2d2;
  padding-top:20px;
  margin-top:15px;
}
.teamRecord img{
  margin-top:8px;
}
.teamRecord h2{
  padding-bottom:0px;
}
.teamRecord h3{
  font-size:16px !important;
  padding-bottom:8px;
}
hr{
  padding:0px;
  border:0px;
  border-top:1px solid #d2d2d2;
  margin-bottom:25px;
  margin-top:20px;
  clear:both;
  display:block;
}
.servicesRecords{
  overflow:hidden;
  display:block;
  border-top:1px solid #d2d2d2;
  padding-top:20px;
  margin-top:15px;
}




.picLeft{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
  margin-top:5px;
}
.picRight{
  float:right;
  margin-left:15px;
  margin-bottom:15px;
  margin-top:5px;
}
.rightAlign{
  float:right;
}
.leftAlign{
  float:left;
}


.contactForm {
  overflow:hidden;
  clear:both;
}
.contactForm ul {
  padding:0px !important;
  margin:0px !important;
  list-style:none;
  margin-top:5px;
  padding-bottom:0px !important;

}
.contactForm li {
  background-image:none !important;
  padding-left:0px !important;
  overflow:hidden;
  padding-bottom:8px !important;
}
.contactForm li label {
  float:left;
  padding-bottom:3px;
  font-weight:bold;
  width:100px;
}
.contactForm li .contactBox {
  background-color:#fff;
  border:1px solid #d5d5d5;
  padding:5px;
  float:left;
  width:298px;
  font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#2a2a2a;
}
.contactForm .tableHeading{
  padding:2px 5px;
}
.formRight{
  float:right;
  width:380px;
}
.formLeft{
  float:left;
  width:320px;
}
.submitBtn {
  background-color:#292929;
  color:#FFFFFF;
  border-top:1px solid #373737;
  border-left:1px solid #373737;
  border-right:1px solid #1a1a1a;
  border-bottom:1px solid #1a1a1a;
  padding:5px 10px;
  font-weight:bold;
  font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
  font-size:14px;
}

#backtotop {
  position: fixed;
  right:15px;
  bottom:15px;
  display:none;/*hid the button first*/
}
#backtotop a {
  text-decoration:none;
  border:0 none;
  display:block;
  padding:5px;
  height:21px;
  width:21px;
  color:#FFFFFF;
  font-weight:600;
  background-color:#6e6e6e;
  border-radius:5px;
  -webkit-border-radius:15px;
  -moz-border-radius:5px;
  background-image: url(../images/back-to-top-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-indent:-1000;
  line-height:999;
  overflow:hidden
}
#backtotop a:hover {
  opacity:.8; /*mouse over fade effect*/
}

 


.recordListTable{
	border-collapse: collapse;
	border:1px solid #c4ebfe;
	
}
.recordListTable th{
	border-bottom:1px solid #c4ebfe;
	padding:4px 10px;
	text-align:left;
	background-color:#D70008;
	color:#FFFFFF;
	border:1px solid #c4ebfe;
}
.recordListTable td{
	border-bottom:1px solid #c4ebfe;
	padding:4px 10px;
	vertical-align:top;
	border-collapse: collapse;
	border:1px solid #c4ebfe;
}
.recordListTable tr:nth-of-type(odd) {
    background-color: #ffdadb;
/*	color: white;*/
	
}

 .error{ 
     color: red;
     display: block;
     position: relative;
     margin: 0px 0 0 347px;
     padding: 5px 0 0 20px;
	}
 

/*.recordListTable tr:nth-of-type(odd) a {
	color: white;
}
*/
@media only screen and (min-width : 320px) and (max-width : 480px) {

#mobFooter{
 display:block;
}
#container {
    width: 320px;
    border-left:1px dotted #999999 ;
    border-right:1px dotted #999999 ;
    padding:0px;
    background-image:none;
    background-color:#FFFFFF
  }
.headerImg img{
  width: 100%;
}

#leftPanel {
    width: 320px;
  float:none
}
.leftImg {
    width:100px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.sectionInfo {
    overflow:visible
}
#contentArea {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 15px 15px;
}
h1{
  font-size:24px;
  line-height:28px;
  font-weight:700;
}
#rightPanel .disclaimer, #rightPanel .rightSections{
  display:none;
}
#rightPanel {
    float: none;
    width: 100%;
}

.contactForm li .contactBox, .contactForm li .contactBox{
  width:278px;
}
.map{
  width:290px;
}
.formRight{
  width:290px;
}
.picLeft{
  width:150px;
  height:auto;
  margin-bottom:5px
}


#nav2 li{
width:285px !important;
border-left:none !important;
border-right:none !important;
}

.product-detail-left {
    float: left;
    width: 90%;
	}

.product-detail-right {
    float: right;
    width: 100%;
}

table td:before {
content: attr(data-label);
    float: left;
text-transform: uppercase;
}
.show-cat-table{
    width: 90%;
    font-size: 12px;
    margin-left: -10px;
}
 
 
 .padleft20{
 float: left;
 padding:10px 0 5px 5px;
 }
 
.error{ 
     color: red;
     display: block;
     position: relative;
        margin: 0px 0 0 10px !important;
     padding: 5px 0 0 10px;
	}
	
	.g-recaptcha{
	margin-left: 0px !important;;
	}
	.con{
	font-size: 11px;
	}
}