/* CSS Document */


body {
	background: #FFFFFF url(../images/images/bg.jpg) repeat-x left 20px;
	font-family: "Segoe UI", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
	}
a	{
	color: #535353;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	}

/*start wrap & footer*/
	
#wrap {
	width: 940px; /*width: 940px;*/
	margin: auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: #FFFFFF url(../images/images/bg.jpg) repeat-x left 20px;
	padding-top: 20px;
	}
	
/*Reference Code*/
/*container { 
	width: 100%; 
	min-width: 1050px; 
	min-height: 100%; 
	height: auto !important; 
	background: url(../images/page-bottom.gif) repeat-x top; 
	height: 100%; 
	margin: 0px auto -38px; 
	font-size: 1em; }
*/




	
#header {

}

#header h1 {
	display: inline;
	float: left;
	margin: 0;
	}
#header h1 a {
	background: url(../images/images/logo.png) no-repeat;
	display: block;
	height: 120px; /*120px*/
	text-indent: -9999px;
	width: 266px; /*266px*/
	}

/*header navigation*/
	
#header ul {
	float: right;
	width: 674px; /*674px*/
	}
	
#header li {
	float: right;
	/*width: 6.25em;*/
	padding-right: 20px;
	height: 120px;
	}
#header li a {
	text-decoration: none;
	text-transform: lowercase;
	font: bold 18px/120px Helvetica;
	margin-top: 30px;
	}
#header li.selected a {
	color: #FCC917;
}

#header li a:hover {
	color:#FCC917;
	}


.searchSite {
	display: inline;
	top: 0px;
	right: 0px;
	width: 500px;
	background: url(../images/images/searchSite.jpg) no-repeat left bottom;
	padding-left: 5px;
	overflow: hidden;
	position: absolute;
}
.searchSiteBg {
	background: url(../images/images/searchSiteBg.jpg) repeat-x left bottom;
	display: block;
	height: 40px;
	top: 0px;
	right: 0px;
	overflow: hidden;
	width: 100%;
}

#cse-search-box {
	display: inline;
	}
#cse-search-box div {
	margin: 6px 5px 0px;
	display: inline;
}

.submit {
	margin: 0px;
	padding: 0px;
	border-style: none;
	font-weight: bold;
	display: block;
	position: absolute;
	overflow: hidden;
	right: 7px;
	top: 8px;
}
.input {
	padding: 2px 20px 2px 2px;
	height: 16px;
	width: 230px;
	overflow: hidden;
	position: absolute;
	top: 6px;
	right: 5px;
	font-weight: bold;
	color: #535353;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.time {
	background: url(../images/icons/20x20Time.jpg) no-repeat left 50%;
	height: 28px;
	width: 250px;
	padding-left: 23px;
	display: inline;
	float: left;
	position: absolute;
	overflow: hidden;
	top: 3px;
	right: 222px;
	text-transform: capitalize;
	color: #535353;
	font: bold 28px/28px Geneva, Arial, Helvetica, sans-serif;
}
.time span {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.time img {
	margin: 0px 0px 1px 3px!important;
	padding: 0px;
	display: block;
}
.time img {
	display: inline;
}














	
/*container*/

#container {
	height: 476px;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/images/fearturedBg.jpg) no-repeat 0px 0px;
	}
#featured {
	width: 940px;
	margin: 22px auto 0px;
	display: block;
	height: 380px;
	}
#featured img {
	width: 930px;
	height: 380px;
	
	}


#container h3 {
	display: block;
	height: 42px;
	width: 930px;
	line-height: 42px;
	text-align: left;
	text-indent: 22px;
	background: #FCC917;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #252525;
	letter-spacing: .05em;
	font-size: 25px;
	}

#container h3 a {
	color: #000000;
	}

#container h3 a:hover {
	display: inline;
	background: #FCC917;
	color: #EFEFEF;
	}


#container h3.underConstruction {
	display: block;
	height: 42px;
	width: 930px;
	line-height: 42px;
	text-align: left;
	text-indent: 22px;
	background: #000000;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	letter-spacing: .05em;
	color: #F4F4F4;
	font-size: 25px;
	}

#content {
	padding-top: 12px;
}
/*styling the contents content*/
	
	.content{
	padding: 0 20px 60px;
	width: 900px;
	}

.content ul.boldList {
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.content ul.boldList li {
	list-style: disc;
	
	}




/*Background Colors For Content Class*/

.contentBg01 {
	background: url(../images/images/footer.png) no-repeat center bottom;
}

.contentBgLink a {
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding-right: 2px;
	padding-left: 2px;
	}
.contentBgLink a:hover {
	background: #000000;
	color: #FFFFFF;
	}

.contentBgGray {
	background: #CCCCCC;
}


	.content h2 {
	font-weight:normal;
	margin:0px 0 20px;
	font-size: 26px;
				}

	.content h6 {
	line-height: 30px;
	margin: 5px 0px 10px;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 30px;
}
	.content p {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 20px;
		}
	.content p.special {
	padding: 10px 10px 10px 20px;
	margin-left: 40px;
	border-left: 10px solid #252525;
	background: #F7F7F7;
	font-family: Georgia, "Times New Roman", Times, serif;

		}
		
	.content p strong {
		font-size: 26px;
		font-weight: normal;
		}
		
	.content ol {
		margin: 20px 0;
		}
	.content ol li h5 {
		font-weight: bold;
		}
	.content ol li p {
		font-weight: normal;
		}
.leftContent {
	float: left;
	width: 640px;
	margin-right: 10px;
	padding-right: 0px;
	}
.leftContent h2 {
	font-size: 26px;
	padding: 10px;
}
h2 span.subTitle {
	font-size: 18px;
	color: #535353;
	display: block;
	padding-left: 25px;
	background: #F4F4F4;

}

h2.ideasBold {
	padding: 10px 5px 10px 10px;
	letter-spacing: 0.1em;
	margin-bottom: -3px;
	height: 24px;
	line-height: 24px;
}

.leftContent h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}
.imageH6 {
	margin-right: 10px;
}


.leftContent h6 strong {
	font-weight: bold;
	}

.leftContent p a {
	border-bottom: 1px dotted #535353;
	font-weight: bold;
	color: #636363;
}

.leftContent a.moreInformation {
	border-style: none;
	font-weight: bold;
	color: #000000;
}


.leftContent p strong{
	font-weight: bold;
	color: #535353;
	display: inline;
	font-size: 14px;
	}

.leftContent a:hover {
	color: #FCC917;
}




.rightContent {
	width: 220px;
	float: left;
	background: url(../images/images/moreInfoShadow.jpg) no-repeat 0px 80px;
	padding-left: 20px;
	margin-left: 10px;
	}

.rightContent h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 12px;
	line-height: 45px;
	background: #000000;
	color: #FFFFFF;
	text-align: left;
	height: 45px;
	padding-left: 20px;
	}
.rightContent ul {
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}


.rightContentFeature li {
	padding: 0px;
	background: #000000;
	width: 220px;
	height: 220px;
	overflow: hidden;
}

.rightContentFeature li img {
	
	width: 100%;
	height: 100%;
	}
.christMasCountDown {
	width: 220px;
	}

ul.leftIndent {
	text-align: left;
	padding-bottom: 12px;
	background: #FFFFFF;
}

ul.leftIndent li {
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}

ul.leftIndent li a {
	color: #535353;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	}
ul.leftIndent li a:hover{
	color: #FCC917;	
	}
/*Icons*/
.pdfIcon {background: url(../images/icons/20x20ResourcesIcon.jpg) no-repeat 0px 50%;}
.resourcesIcon {background: url(../images/icons/20x20ResourcesIcon.jpg) no-repeat left 50%;}
.zipIcon {background: url(../images/icons/20x20ResourcesIcon.jpg) no-repeat 0px 50%;}

#weatherContent {
	display: block;
	width: 220px;
	font-size: 12px;
	text-align: center;
}
#weatherContent div {
	font-size: 15px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	height: 180px;
}



/*Footer*/	
#footer {
	background: #000000 url(../images/images/sourcesImage2.jpg) repeat-x 0px -122px;
	padding-top: 25px;
	z-index: 100;
}

#footerWrap {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	background: #000000;
	width: 900px;
	display: block;
	}

/*news*/

.news div {
	text-align: left;
	padding-bottom: 5px;
	}

	.news .newsDate, .readMore {
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #535353;
	padding-bottom: 2px;
	}
.newsDate span {
	font-weight: bold;
	background: #FCC917;
	color: #000000;
	padding-right: 4px;
	padding-left: 2px;

}
.visitor {
	display: inline;
	color: #535353;
	font: normal 25px/30px Geneva, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	
	
}


	.newsHighLight {
		font: normal 13px/23px Geneva, Arial, Helvetica, sans-serif;
		color: #838383;
	}
	
	.newsHighLight a {
		font: normal 13px/23px Geneva, Arial, Helvetica, sans-serif;
		color: #838383;
	}
	
	.newsHighLight a:hover {
		color: #FCC917;
		}

/*contactFooter*/

.contactFooter {}
	.contactFooter h3, .contactFooter h3 a {
		color: #FFFFFF;
		text-indent: -9999px;
		}
	.contactFooter h3 a {
		display: block;
		background: url(../images/images/subFooter.jpg) no-repeat right -17px;
		height: 88px;
		}

/*ideasEverywhere*/

.ideasEveryWhere {}
/*.break {
	float: left;
	width: 900px;
	font-size: 10px;
	text-indent: -9999px;
	margin-bottom: 20px;
	line-height: 10px;
}*/


	.ideasEveryWhere h2 {}

	.ideasEveryWhere h2 a {
		background: url(../images/images/subSubFooter.jpg) no-repeat -21px top;
		display: block;
		text-indent: -9999px;
		}
	

/*copryRight*/

.copyRight {
	text-align: right;
	font-family: Verdana;
	display: block;
	background: #000000;
	}
.copyRight p {
	font-family: Verdana;
	font-size: 11px;
	color: #535353;
	padding-top: 21px;
	}
.copyRight ul {
	float: right;
	
	}
.copyRight ul li {
	display: inline;
	font: 11px/15px Verdana;
	padding-left: 5px;
	text-transform: lowercase;
	color: #535353;
	}
.copyRight li a {
	color: #535353;
	}
.copyRight li a:hover {
	color: #838383;
	}
	
/*all footer*/
.news, .contactFooter, .ideasEveryWhere, .copyRight {
	float: left;
	width: 450px;
	}
.contactFooter {
	margin-bottom: 10px;
	}
.ideasEveryWhere h2 a, .copyRight {
	height: 50px;
	}


.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.floatLeft img {
	height: 60px;
	width: 900px;
	}


/*Miscellenous*/


/*Calendar*/

.main {
	width:220px;
	background: #000000;
}
.calendar {
	margin-bottom: 12px;
}


.month {
	background-color:black;
	color:white;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.daysofweek {
background-color:black;
color:white;
height: 25px;
line-height: 25px;
font-weight: bold;
text-align: center;
border-top: solid 2px #ffffff;
border-bottom: solid 1px #ffffff;
}

.days {
font-size: 14px;
font-weight: bold;
text-align: center;
color:#535353;
line-height: 20px;
background-color: white;
padding: 2px;
}

.days #today{
	color: white;
	background-color: #FCC917;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}


/*statCounter*/

.statCounter {
	height: 30px;
	display: block;
	color: #838383;
	font: bold 25px/30px Geneva, Arial, Helvetica, sans-serif;
}
/**/
/*#cse-search-box		{
	width: 640px;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	}

#custom-search-box	{
	width: 526px;
	border: 2px solid #000000;
	font-size: 15px;
	position: relative;
	top: -9px;
	padding: 4px;
	margin: 0px;
	overflow: hidden;
}
*/

#cse-search-results iframe {
	width: 640px;
	}
.cse-search-box-custom {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 60px;
	width: 640px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#custom-search-box {
	height: 20px;
	width: 480px;
	position: absolute;
	right: 105px;
	color: #535353;
	font: normal 18px/18px Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 5px;
	overflow: hidden;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #000000 url(../images/images/bgSearch.jpg) no-repeat left 100%;
}
.submit02 {
	background: #000000;
	font: normal 18px/30px Geneva, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 110px;
	position: absolute;
	right: 0px;
	color: #FFFFFF;
}
.searchIcon {
	height: 30px;
	width: 55px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
}

/*backGrounds*/
.grayBg {
	background: #CCCCCC;
	color: #FFFFFF;
}
.blackBg {
	background: #252525;
	color: #FFFFFF;
	}
.yellowBg {
	background:#FCC917;
	color: #FFFFFF;
	}
.whiteBg {
	color: #FCC917;
	}.blackText {
	color: #000000;
}
.yellowText {
	color: #FCC917;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.lowerCase {
	text-transform: lowercase;
}
.withBorder {
	border-top: 3px solid #838383;
	border-bottom: 3px solid #838383;
}
.lightGrayBg {
	background: #F4F4F4;
}
#contacts, contacts2 {
	margin-right: 10px;
	width: 320px;
}

#contacts p, #contacts2 p {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	height: 20px;
	line-height: 20px;
}
#contacts p.eMail {
	margin-bottom: 20px;
	background: url(../images/icons/20X20Mail.jpg) no-repeat left 50%;
}
#contacts p.name, #contacts2 p.name {
	font-weight: bold;
	font-size: 17px;
	color: #FCC917;
	display: block;
}
#contacts2 .name {
	background: url(../images/images/favicon.ico) no-repeat left 50%;
}
#contacts2 .name, #contacts2 .phone, #contacts2 .fax, #contacts2 .eMail, #contacts2 .address {
	margin-bottom: 10px;
}


.designation, .address {
	font-weight: normal;
	color: #535353;
}
.phone {
	color: #535353;
	font-weight: bold;
	background: url(../images/icons/20X20Phone.jpg) no-repeat left 50%;
}
#contacts2 .fax {
	background: url(../images/icons/20X20Phone.jpg) no-repeat left 50%;
	font-weight: bold;
}

#contacts2 {
	width: 310px;
}
#contacts2 p.eMail {
	background: url(../images/icons/20X20Mail.jpg) no-repeat left 50%;
}

#contacts2 img {
	width: 310px;
	height: 500px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.newsLetter {
	width: 220px;
	margin-bottom: 10px;
}
.newsLetter input.eMail {
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	width: 210px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	font-weight: normal;
	color: #535353;
	padding: 2px 5px;
}
.newsLetter  input.submitEmail {
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
	width: 80px;
	margin: 0px;
	float: right;
	display: block;
	vertical-align: middle;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*Projects Thumnail*/
	.thumbnail
		{
	float: left;
	width: 202px;
	background: #FFFFFF;
		}
.thumbnail br {
	height: 10px;
}

.thumbnail img {
	width: 202px;
	height: 210px;
}

.marginRight  {
	margin-right: 6px;
}
.topMargin  {
	margin-top: 10px;
}


.clearboth {
	clear: both;
	visibility: hidden;
}
.thumbnail p {
	display: block;
	margin: -2px 0px 0px;
	line-height: 15px;
	font-weight: bold;
	padding: 10px 10px 5px;
}
.thumbnail p em {
	border-top: 1px dotted #838383;
	margin: 5px 0px 0px;
	padding: 5px 0px;
	font: bold normal 12px Geneva, Arial, Helvetica, sans-serif;
	display: block;
}
.thumbnail p em small {
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.thumbnail p em strong {
	font-style: normal;
	color: #FCC917;
}
.leftContent ul.features {
	background: #CCCCCC;
}
ul.features li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
ul.standardSizes, ul.customizedSizes{
	font-size: 14px;
	margin-left: 10px;
	width: 280px;
	float: left;
	display: block;
}

ul.standardSizes li, ul.customizedSizes li {
	margin-top: 5px;
	line-height: 18px;
	padding-left: 10px;
	color: #535353;
	font-style: italic;
	font-size: 12px;
}
.standardSizes li.title, .customizedSizes li.title  {
	font-size: 16px;
	color: #838383;
	font-weight: bold;
	font-style: normal;
}
p.clear {
	margin: 0px;
	padding: 0px;
}

.standardSizes strong, .customizedSizes strong {
	font-weight: bold;
	color: #000000;
	font-style: normal;
	margin-bottom: 5px;
	font-size: 14px;
}




/*qTip*/
div#qTip {
	display: none;
	background: url(../images/icons/bookMark.png) no-repeat left top;
	color: #FFF;
	font: bold 9px Verdana, Arial, sans-serif;
	position: absolute;
	z-index: 1000;
	height: 90px;
	width: 80px;
	text-indent: -99999px;
}
.redText {
	color: #FFFFFF;
	display: block;
	background: #000000 url(../images/icons/warningIcon.jpg) no-repeat 10px 50%;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	padding: 5px 10px 5px 40px;
}
ul.productColours li {
	display: inline;
}
ul.productColours li a {
	padding: 10px;
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 50px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display: block;
	border: 1px solid #000000;
	margin-bottom: 20px;
}
ul.productColours li a:hover {
	background: #FFFFFF;
	color: #000000;
}

a.white {
	background: #FFFFFF;
	color: #FFFFFF;
}
a.blue{
	background: blue;
	color: blue;
}
a.yellow {
	background: yellow;
	color: yellow;
}
a.green {
	background: green;
	color: green;
}
a.red {
	background:red;
	color: red;
}
a.black {
	background: black;
	color: black;
}
a.orange {
	background: orange;
	color: orange;
}
a.brown {
	background: #A52A2A;
	color: #A52A2A;
}

span.plus10 {
	display: block;
	float: right;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	width: 500px;
	padding-right: 50px;
	line-height: 14px;
	margin-top: -8px;
}

.tblTechnicalData {
	width: 612px;
}
.tblTechnicalData tr.tblHead td{
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #535353;
	border-bottom: 1px solid #535353;
	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	}
tr.tblBody td {
	text-align: center;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px;
	vertical-align: middle;
	}
tr.tblBody td.tblFirstColumn, tr.tblHead td.tblFirstColumn {
	text-align: right;
	width: 160px;
	}
tr.tblBody td.tblFirstColumn {
	color: #838383;
	}
tr#tblBodyFourthRow td {
	border-top: 1px dashed #535353;
	}
ul.legends {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	padding-left: 10px;
	}
ul.legends li {
	margin-bottom: 5px;	
	}
span.marginTop {
	margin-top: 10px;
	display: block;
	font-size: 14px;
	}
.rightContent ul.productList {
	background: #FFFFFF;
	text-align: left;
	margin-top: -12px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	}
.rightContent ul.productList li {
	font-weight: bold;
	}
.rightContent ul.productList li a {
	margin: 0px !important;
	line-height: 30px;
	padding-left: 20px;
	height: 30px;
	display: block;
	}
ul.productList li a:hover {
	background: #000000;
	color: #FFFFFF;
	}
ul.productList li.activeBackground {
	background: #000000;
	}