/***************************************
** COPYRIGHT NOTICE 
** Copyright 2011 Kingsley Internet Solutions Ltd All Rights Reserved.
** We will take legal action against those who copy
** our HTML content,CSS style sheets and JavaScript functions.
** Selling this code without prior written consent is
** expressly forbidden.
***************************************/

/*************************  main links *************************/

a:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #0460B7;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #0460B7;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
}

/*************************  menu links *************************/

a.menu:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

/*************************  footer links *************************/

a.footer:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a.footer:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a.footer:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.footer:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Top Links -------------------------*/

#navTop ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;

}

#navTop a {
display: block;
height: 33px;
text-indent: -5000px;
overflow: hidden;
}

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

a#home,
a#about,
a#business,
a#environment,
a#warranty,
a#testimonials,
a#contact,
a#map,
a#offers  {
  width: 96px;
  height: 33px;
  }

a#home { background-image: url(buttons/home.gif); }
a#about { background-image: url(buttons/about.gif); }
a#business { background-image: url(buttons/business.gif); }
a#environment { background-image: url(buttons/environment.gif); }
a#warranty { background-image: url(buttons/warranty.gif); }
a#testimonials { background-image: url(buttons/testimonials.gif); }
a#contact { background-image: url(buttons/contact.gif); }
a#map { background-image: url(buttons/map.gif); }
a#offers { background-image: url(buttons/offers.gif); }

/**************** Stuff *********************/

form {
  margin:0;
  padding:0;
  }

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/***************** Basics *********************/

html {height:100%}

body {
  background-color: #FEEB02;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/**************** ID's *********************/

#Wrapper {
  color: #000000;
  width: 890px;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  }

#header {
  background-image: url('images/cw_logo.gif');
  background-repeat: no-repeat;
  height: 130px;
  width: 890px;
  display: table;
  background-color: #FEEB02;
  margin: 0px;
  border-bottom: 0px solid #C0C0C0;
  padding: 0px;
  background-position: left top;
  }

#liner {
  clear: both;
  margin: 10px 0px 0px 0px;
  border: 0px solid #FF0080;
  padding: 0px;
  }

#Content {
  width: 888px;
  clear: both;
  display: table;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px 0px 0px 0px;
  }

#shadow {
  background-image: url('images/shadow.gif');
  background-repeat: no-repeat;
  width: 890px;
  height: 15px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 0px;
  background-position: left top;
  }

#mainPage {
  width: 505px;
  float: left;
  margin: 0px 0px 0px 3px;
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  }

#mapMainPage {
  width: 505px;
  float: left;
  margin: 20px 0px 0px 3px;
  border: 1px solid #000000;
  padding: 0px 0px 0px 0px;
  }

#rightColumn {
  width: 200px;
  display: inline;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 12px;
  }

#leftColumn {
  width: 170px;
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

#footer {
  background-image: url('images/wrapper_bg.gif');
  background-repeat: repeat-x;
  width: 100%;
  height: 60px;
  display: table;
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding 0px;
  text-align: center;
  background-position: top left;
  }

#fullSizeContent {
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	display: table;
	width: 100%;
	height: 100%;
	background-color: #000000;
	color: #EAF2FF;
	margin: 0px auto 0px auto;
	border: 0px solid red;
	padding: 0px;
	/*text-align: center;*/
	background-position: center center;
	}

#security {
  background-image: url('images/skull.jpg');
  background-repeat: no-repeat;
  background-color: #000000;
  color: #FFFFFF;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  height: 100%;
  width: 100%;
  display: table;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  background-position: center center;
  }

/**************** Header *********************/

div.headerAddress {
  width: 190px;
  float: right;
  display: inline;
  color: #000000;
  margin: 5px 5px 0px 0px;
  border: 0px solid #000000;
  padding: 10px 0 10px 0;
  text-align: right;
  }

div.headerAddress2 {
  width: 190px;
  float: right;
  display: inline;
  color: #000000;
  margin: 5px 5px 0px 0px;
  border: 0px solid #000000;
  padding: 10px 0 10px 0;
  /*text-align: right;*/
  }

.alignRight {
  text-align: right;
  }

.alignLeft {
  text-align: left;
  }

div.topMenu {
  background-image: url('images/menu_bg.gif');
  background-repeat: repeat-x;
  width: 864px;
  height: 33px;
  clear: both;
  display: table;
  background-color: #0460B7;
  color: #FFFFFF;
  margin: 10px auto 0px auto;
  border: 0px solid pink;
  padding: 0px;
  background-position: left top;
  }

/**************** Columns *********************/

.colImg {
  clear: left;
  margin: 30px 0px 0px 0px;
  border: 0px solid yellow;
  }

div.colLine70 {
width: 70%;
clear: left;
margin: 10px auto 10px auto;
border-top: 1px solid #0460B7;
border-bottom: 0px solid #000000;
padding: 0px 0px 0px 0px;
font-size: 1px;
}

/**************** Modal ***********************/

#showDetails {
  width: 510px;
  height: 280px;
  clear: both;
  display: table;
  margin: 5px auto 0px auto;
  border: 1px solid #000000;
  padding: 0px;
  text-align: center;
  }

div.modalPage {
  background-image: url('images/loading_modal.gif');
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
  margin: 0px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  padding: 0px;
  background-color: white;
  background-position: center;
  z-index: 8;
  font-size: 14px;
  }

div.modalShadow {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: table;
  clear: both;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px;
  background-color: #000000;
  opacity: 0.30;
  filter: alpha(opacity=30);
  z-index: 7;
  }

.modalSize {
  width: 530px;
  height: 315px;
  }

div.modalCloseButton {
  width: 530px;
  height: 20px;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: right;
  }

div.boxPanel {
  width: 500px;
  height: 210px;
  clear: both;
  display: table;
  background-color: white;
  margin: 2px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  text-align: center;
  }

div.boxRow1 {
  width: 500px;
  height: 32px;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  border: 0px solid blue;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  }

div.bgImage {
  background-repeat: no-repeat;
  width: 500px;
  height: 150px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid pink;
  padding: 0px;
  background-position: top left;
  }

div.flashText1 {
  position: relative;
  top: 30px;
  left: 0px;
  width: 500px;
  height: 87px;
  clear: both;
  overflow: hidden;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  }

div.flashText1a {
  position: relative;
  top: 30px;
  left: 0px;
  width: 500px;
  height: 87px;
  clear: both;
  overflow: hidden;
  border: 0px solid red;
  padding-top: 20px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  }

div.flashText2 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 500px;
  height: 30px;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  border: 0px solid blue;
  padding: 0px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  }

.doLink {
  cursor: pointer;
  }

.hiddenPic {
  display:none;
  }


/***************** Offers *******************/

div.offerBox {
  width: 400px;
  /*height: 75px;*/
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #0460B7;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

div.offerId {
  width: 390px;
  /*height: 75px;*/
  clear: both;
  display: table;
  margin: 3px 0px 0px 3px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 10px;
  }

div.offerRules {
  width: 340px;
  clear: both;
  display: table;
  margin: 3px auto 0px auto;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.pageText1 {
  width: 390px;
  /*height: 75px;*/
  clear: both;
  display: table;
  margin: 5px auto 5px auto;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  }

/***************** Contact *******************/

div.contactBox {
clear: left;
width: 400px;
display: table;
margin: 50px auto 60px auto;
border: 2px solid #0460B7;
padding: 10px;
font-size: 16px;
text-align: center;
}

div.contactRow {
  clear:both;
  width: 390px;
  padding: 10px 0 10px 0;
  border: 0px solid yellow;
  margin: 0px auto 0px auto;
  }

div.contactRow span.leftBox {
  float: left;
  width: 130px;
  text-align: right;
  border: 0px solid red;
  }

div.contactRow span.rightBox {
  float: right;
  width: 250px;
  text-align: left;
  font-weight: bold;
  border: 0px solid green;
  }

/**************** Customer Signin *********************/

div.signinBoxPlain {
  width: 174px;
  display: table;
  color: #000000;
  text-align: left;
  margin: 0px auto 5px auto;
  border: 1px solid #0460B7;
  padding: 0px 0px 5px 0px;
  font-size: 11px;
  text-align: center;
  }

div.signinRowLabel {
  clear: both;
  display: block;
  padding: 0px 0px 0px 2px;
  margin: 5px auto 0 auto;
  border: 1px solid red;
  text-align: left;
  font-weight: normal;
  }

div.signinButtonRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 5px auto 0 auto;
  border-top: 1px solid #0460B7;
  padding: 5px 0px 0px 0px;
  text-align: center;
  }

div.changeRow {
  width: 90%;
  clear: both;
  padding: 2px;
  margin: 0px auto 0 auto;
  border-top: 1px solid #0460B7;
  text-align: center;
  }

div.signinRow {
  clear: both;
  display: block;
  padding: 2px;
  margin: 0px auto 0 auto;
  border: 0px solid yellow;
  text-align: center;
  }

div.signinRow span.label {
  display: block;
  float: left;
  width: 54px;
  margin: 0;
  border: 0px solid red;
  padding-top: 2px;
  text-align: right;
  /*font-weight: bold;*/
  }

div.signinRow span.formw {
  display: block;
  float: right;
  width: 110px;
  margin: 0;
  border: 0px solid green;
  padding: 0px;
  text-align: left;
  }

.signinInput {
  width: 105px;
  height: 15px;
  display: block;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #0460B7;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 11px;
  font-weight: normal;
  }

/*---------------------*/

div.hoursBox {
  width: 174px;
  clear: both;
  display: table;
  margin: 10px auto 10px auto;
  border: 1px solid #0460B7;
  padding: 0px 0px 5px 0px;
  text-align: left;
  }

div.hoursRow {
  width: 148px;
  clear: both;
  display: table;
  margin: 2px auto 0px auto;
  border: 0px solid blue;
  padding: 0px;
  font-size: 12px;
  text-align: center;
  }

div.hoursRow span.day {
  width: 70px;
  float: left;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: right;
  }

div.hoursRow span.times {
  width: 76px;
  float: right;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: right;
  }

/*-----------------------------*/

div.loginRow {
  clear: both;
  display: block;
  padding: 5px;
  margin: 20px auto 0 auto;
  border: 0px solid #966446;
  text-align: center;
  }

div.loginRow span.label {
  display: block;
  float: left;
  width: 130px;
  margin: 0;
  border: 0px solid #966446;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  }

div.loginRow span.formw {
  display: block;
  float: right;
  width: 230px;
  margin: 0;
  border: 0px solid #966446;
  padding: 0px;
  text-align: left;
  }

/**************** Buttons *********************/

div.buttonRow {
  width: 90%;
  clear: both;
  /*display: table;*/
  margin: 10px auto 0px auto;
  border-top: 1px solid #966446;
  padding: 10px 0px 0px 0px;
  text-align: center;
  }

div.buttonRow span.leftButton {
  width: 48%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #966446;
  padding: 0px;
  }

div.buttonRow span.rightButton {
  width: 48%;
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid #966446;
  padding: 0px;
  }

div.buttonRow span.centreButton {
  display: block;
  text-align: center;
  border: 0px solid #FFFFFF;
  margin: 0;
  padding: 0;
  }

div.buttonRow span.threeButton {
  width: 33%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #966446;
  padding: 0px;
  }

/**************** Gallery *********************/

div.galleryRow {
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  }

div.galleryBox {
  width: 180px;
  float: left;
  display: inline;
  color: #000000;
  margin: 20px 5px 0px 5px;
  border-top: 1px solid #C0C0C0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #C0C0C0;
  padding: 0px;
  text-align: center;
  }

div.textBox {
  width: 490px;
  clear: both;
  display: table;
  color: #000000;
  margin: 0px 0px 0px 15px;
  border: 0px solid #000000;
  padding: 0px;
  text-align: justify;
  }

div.centreText {
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  }

div.fullPic {
  /*background-color: green;*/
  border: 0px solid green;
  margin: 10px auto 0 auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

.mainPic {
  position: relative;
  top: -20px;
  left: 0px;
  /*background-color: green;*/
  border: 0px solid pink;
  margin: 0px;
  padding: 0px;
  text-align: center;
  z-index:1;
  }

.thumbs {
margin: 0;
border-top:4px solid #DAC5A2;
border-right:4px solid #FDF7EE;
border-bottom:4px solid #FDF7EE;
border-left:4px solid #DAC5A2;
padding: 0;
}

.height20 {
  height: 20px;
  }


div.infoText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  background-color: #808080;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }

div.blankText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }


.transparent {
 filter:alpha(opacity=80); 
 -moz-opacity: 0.8; 
 opacity: 0.8; 
 }

/**************** Details Forms *********************/

div.formCenter {
  display: table;
  width: 420px;
  background-color: #FAFAFA;
  margin: 0px auto 20px auto;
  border: 1px solid #0460B7;
  padding: 10px 15px 15px 15px;
  text-align: center;
  }

div.formRow {
width: 380px;
clear: both;
display: table;
margin: 0 auto 0 auto;
border: 0px solid yellow;
padding: 5px 0 5px 0;
}

div.formRow span.label {
float: left;
display: block;
width: 150px;
margin: 4px 0px 0px 0px;
border: 0px solid red;
padding: 0;
text-align: right;
}

div.formRow span.checkLabel {
float: left;
display: block;
width: 150px;
margin: 0px;
border: 0px solid #FF8000;
padding: 0;
text-align: right;
}

div.formRow span.info {
float: right;
display: block;
width: 220px;
margin: 0;
border: 0px solid green;
padding: 0;
text-align: left;
}

.formAlert
{
color: #FF0000;
font-weight: bold;
}

/**************** General *********************/

div.row {
  clear: both;
  }

div.footerLinks {
  height: 12px;
  display: table;
  margin: 0px auto 0 auto;
  border: 0px solid red;
  padding: 0px;
  }

div.mapBox {
  display: table;
  margin: 0px auto 0 auto;
  border: 0px solid red;
  padding: 0px;
  }

.leftProp {
  width: 1px;
  height: 700px;
  float: right;
  /*background-color: red;*/
  }

.clearBoth {
  clear: both;
  height: 1px;
  overflow: hidden;
  /*background-color: blue;*/
  }

div.spacer5 {
  height: 5px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer10 {
  height: 10px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer20 {
  height: 20px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer50 {
  height: 50px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.horLine70 {
width: 70%;
clear: both;
margin: 10px auto 10px auto;
border-top: 1px solid #0460B7;
border-bottom: 0px solid #000000;
padding: 0px 0px 0px 0px;
font-size: 1px;
}

div.horLine90 {
width: 90%;
clear: both;
margin: 10px auto 10px auto;
border-top: 1px solid #0460B7;
border-bottom: 0px solid #000000;
padding: 0px 0px 0px 0px;
font-size: 1px;
}

.text10 {
  font-size: 10px;
  }

.text11 {
  font-size: 11px;
  }

.text12 {
  font-size: 12px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.text24 {
  font-size: 24px;
  }

.makeBold {
  font-weight: bold;
  }

.makeRed {
  color: red;
  }