@charset "UTF-8";

body {
	margin:0px;
	background-image:none;
	background-repeat: repeat-x;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
img {
	border:none;
}
h1 {
	font-family: 'Michroma', Arial, Helvetica, sans-serif;
	font-size:34px;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 20px;
	line-height:40px
}
h2 {
	background-image: url(TWSImages/image002.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 20px;
	color: #939393;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999;
}
h4 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
	display: block;
	padding: 2px;
}
.priceTable {
	width:650px;
	padding:2px;
}
.priceTable tr {
}
.priceTable, .priceTable td a:link, .priceTable td a:hover, .priceTable td a:active, .priceTable td a:visited {
	color:#FFF;
}
.priceTable td {
	padding: 3px 3px 3px 3px;
}
.priceTable tr:nth-child(odd) { 
	background-color:#9c9c9c; 
}
.priceTable tr:nth-child(even) { 
	background-color:#838383; 
}
.tablecontainer0 {
	width:500px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 6px;
}
.tablecontainer1 {
	width:15px;
	float:left;
}
.tablecontainer2 {
	width:120px;
	float:left;
}
.tablecontainer3 {
	width:275px;
	float:left;
}
.tablecontainer4 {
	width:80px;
	float:right;
	text-align: right;
	margin-right: 5px;
}

.web-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding-bottom: 10px;
}
.mainBackground {
	background-image: url(../TWSImages/backgrounds/background001.jpg);
	background-repeat: repeat-x;
}
.frontPageIntro {
	font-family: "Times New Roman", Times, serif;
	font-size: 34px;
	color: #F78639;
}
.div1 {
	width:100%;
	background-color:#666;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	height:34px;
	margin-bottom:15px;
	padding-bottom:5px;
	text-align:center;
	color: #FFF;
}
.div1Mobile {
	display:none;
}
.div1NavTel {
	width:1000px; 
	margin:auto; 
	background-color:#666;
	font-size:28px;
}
.div1NavTelNumber {
	float:left; 
	padding-top:6px; 
	font-size:20px;
}
.div1NavTelCircleHolder {
	display: none;
	float:right; 
	height:34px; 
	width:210px; 
}
.div1NavTelNavigation {
	display:none;
	float:right; 
	height:34px; 
	width:100px;
}
.div1 a:link, .div1 a:link, .div1 a:hover, .div1 a:active, .div1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
}
.div1Margin, .div1Margin a:link, .div1Margin a:link, .div1Margin a:hover, .div1Margin a:active, .div1Margin a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	padding-top:10px;
}
.div2 {
	width:100%;
	margin-bottom:10px;
	height:200px;
	text-align: center;
	background-color: #c2c2c2;
	
	background: #c2c2c2; /* Old browsers */
background: -moz-linear-gradient(top,  #c2c2c2 0%, #ffffff 72%, #989898 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(72%,#ffffff), color-stop(100%,#989898)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#989898',GradientType=0 ); /* IE6-9 */


}
.div2Holder {
	width:1000px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.div2Menus {
	width:1000px; 
	margin:auto;
}
.div2MenusLogo {
	float:left;
}
.div3 {
	display: none;
	width:100%;
	height:130px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image: none;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-color:#FFF;
}
.div3 a:link, .div3 a:link, .div3 a:hover, .div3 a:active, .div3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
}
.div3Margin, .div3Margin a:link, .div3Margin a:link, .div3Margin a:hover, .div3Margin a:active, .div3Margin a:visited {
}
.div4 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}
.div4Left {
	display:none;
	width:200px;
	float:left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.div4Right { 
	width: 100%;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	margin-right: 10px;
	line-height:20px;
}
.div4Right ul { 
}
.div4Right li {
	line-height:30px; 
}
.div4Right a:link, .div4Right a:hover, .div4Right a:active, .div4Right a:visited {
	color:#666;
}
.div4Extra {
	display: none;
	width:280px;
	float:left;
	font-size: 20px;
	text-align:justify;
	font-weight:500;
	color: #666;
	margin-right: 0px;
	margin-left: 20px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}
.div4Extra img {
	float:right;
	margin-bottom: 10px;
}
.frontPageMod1 {
}
.div5 {
	width:100%;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color: #CCC;
	text-align: center;
	height: 40px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
}
.div6 {
	width:100%;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color: #C2C2C2;
	text-align: center;
	height: 25px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
}
.div7 {
	width:100%;
	clear:both;
	margin: 0px auto 0px auto;
	padding: 60px 0px 20px 0px;
	background-color: #989898;
	text-align: center;
	height: auto;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
}
.div7 a:link, .div7 a:hover, .div7 a:active, .div7 a:visited {
	color: #333;
	text-decoration:none;
}
.div7Container {
	width:1000px;
	margin:auto;
}
.fatFoot3 {
	width:200px;
	float:left;
	text-align:left;
}
.fatFoot3 h3 {
	margin: 0px;
	color:#FFF;
	font-family: 'Michroma', Arial, Helvetica, sans-serif;
	font-size:20px;
}
.fatFoot3 ul {
	padding:0px;
	margin:0px 0px 0px 10px;
}
.fatFoot3 li {
	list-style:none;
	color:#FFF;
}
.fatFoot3 a:link, .fatFoot3 a:hover, .fatFoot3 a:active, .fatFoot3 a:visited {
	color:#FFF;
	text-decoration:none;
}
.contentBorder {
	border: none;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.navLeftList {
	}
.navLeftList ul {
	width: 190px;
	list-style: none;
	border: none;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.navLeftList ul li {
	width: 170px;
	text-decoration: none;
	text-align:left;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(TWSImages/image084.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.navLeftList ul li a, .navLeftList ul li a:link, .navLeftList ul li a:active, .navLeftList ul li a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006;
	text-decoration: none;
	font-weight: normal;
}
.navLeftList ul li a:hover {
	display: block;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F90;
	text-decoration: none;
	font-weight: normal;
}


.form_box { margin:0; padding:0;}
.form_box_header { background:url(../images/formCSS/right_text_header_rightBlack.jpg) no-repeat right top}
.form_box_header h2 { background:url(../images/formCSS/right_text_header_leftBlack.gif) no-repeat left top; display:block; height:40px; line-height:40px; text-align:center; margin:0; padding:0; color:#FFFFFF; font-size:20px;}
.form_box_header h2 img { vertical-align:top; padding-top:12px;}
.form_box_container { border:solid 1px #f7f3f7; border-width:0 1px; padding:0 5px}
.form_box_footer{ background:url(../images/formCSS/form_box_footer_right.gif) no-repeat right bottom; height:6px;}
.form_box_submit { text-align:center}
.form_data { margin:0; padding:5px 2px 0px 3px;}
.form_data ol { margin:0; padding:0; list-style:none;}
.form_data ol li { margin:0; padding:2px 0 3px 0;}
.form_data ol li label { font-size:11px; color:#9f9f9f; padding-left:5px;}
.form_data ol li .input_bg { background:url(../images/formCSS/input_bg.gif) no-repeat left top; height:29px; margin-top:2px; padding:2px 8px;}
.form_data ol li .input_bg input { height:20px;	line-height:20px;	padding-top:5px; vertical-align:top; width:98%;	font-size:11px;	background-color: #F7F3F7; border: 0px none #EFEFEF;}
.form_data ol li .textarea_bg { background:url(../images/formCSS/message_box_bg.gif) no-repeat left top; height:96px; padding:2px 8px; margin-top:2px;}
.form_data ol li .textarea_bg textarea { border:0px solid #F7F3F7;	height:85px; line-height:20px; padding-top:3px;	vertical-align:top;	width:98%; font-size:11px;	font-family:Arial, Helvetica, sans-serif; background-color: #F7F3F7;}






.frame {
		position:relative;
		width:1000px;
		height:200px;
		background-image:url(../images/head-graphics/banner004.jpg);
	}
	
	.imgConfig {
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-duration:15s;		
	}
	
	.frame img {
		position:absolute;
		top:0px;
		left:0px;
		
	}
	
	.img1 {
		-webkit-animation-name: fadein1;
	}
.newsletterSignup {
	height: 110px;
	background-image: url(../images/newsletter-signup.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 3px;
}
.colourChart {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	text-align:center;
}
.colourChartItem {
	float:left;
	height:95px;
	width:70px;
	margin-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
.colourChartColour {
	height:40px;
	margin-bottom:3px;
}
.headerNavLink {
	height:20px; 
	width:140px; 
	float:right;
	margin-top:45px;
}
.headerNavLinkContact {
	margin-top:38px;
}
.headerNavLink a:link, .headerNavLink a:hover, .headerNavLink a:active, .headerNavLink a:visited {
	height:20px; 
	width:120px; 
	float:left;
	color:#333;
}
.headerNavDiv {
	height:49px; 
	float:left; 
	width:2px; 
	background-image: url(../TWSImages/image115.gif);
}
.frontPageTabs {
	width:33%; 
	float:left; 
	height:170px; 
	text-align:center;
}
.mainPageImages {
	float:right; 
	margin:5px;
}
.marketContainer {
	width:640px;
	margin-left:auto;
	margin-right:auto;
}
.marketItem {
	width:160px;
	float:left;
	height:160px;
	text-align:center;
}
.colorwell {
	padding:5px;
	font-size:18px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	border:1px #CCC solid;
}



.circle { 
	line-height:20px;
	text-align:center;
	font-size:14px;
	width: 20px; 
	height: 20px; 
	background: blue; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	float:left;
	margin-left:3px;
	margin-right:5px;
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;	
	 }
	 
.newDropBox {
	width:800px; 
	height:450px;
	background-color:#CCCCCC;
}	 
.newDropBoxUL {
}	 
.newDropBoxLI {
}	 
.newDropBoxLI a:link, .newDropBoxLI a:hover, .newDropBoxLI a:visited, .newDropBoxLI a:active {
}	 
.newDropSection {
	float:left; 
	width:200px; 
	height:450px;
	position:relative;
	display:block;
}	 
.newDropSection h2 {
	text-align:center;
}	 
.newDropSection ul {
}	 
.newDropSection li {
}	 
.newDropSection a:link, .newDropSection a:hover, .newDropSection a:active, .newDropSection a:visited {
	color:#333;
	padding: 6px 3px 6px 3px;
	background-color:transparent;
}
.pcDontShow {
	display:none;
}



.buttonWhite {
	color:#FFF;
}
a.button {
	margin: 5px;
	dislay: block;
	padding: 15px 5px 0px 5px;
	border: 1px solid #009;
	background: #032754;
	color: #fff;
	text-decoration: none;
}
a.button link, a.button hover, a.button active, a.button visited {
	color: #fff;
}
a.gloss {
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;		
	border-radius:		20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #fff;
	-webkit-text-shadow: 1px 1px 1px rgb(0,0,0);
	-moz-text-shadow: 1px 1px 1px rgb(0,0,0);
	text-shadow: 1px 1px 1px rgb(0,0,0);
			}
a.gloss:hover {
	background:		#030054;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 10px 12px #004499,
						inset 0px 20px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2),
	0px 0px 3px rgba(0, 0, 0, .1),
	inset 0px 10px 12px #004499,
	inset 0px 20px 2px rgba(59, 131, 240, .5),
	inset 0px 25px 25px #004499;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 10px 12px #004499,
						inset 0px 20px 2px rgba(59, 131, 240, .5), inset 0px 25px 25px #004499;	
	-webkit-text-shadow: -1px -1px 1px rgb(0,0,0);
	-moz-text-shadow: -1px -1px 1px rgb(0,0,0);
	text-shadow: -1px -1px 1px rgb(0,0,0);
}

.googleMapDiv {
	width: 80%; 
	height: 500px; 
	margin-left:auto; 
	margin-right:auto;
}		
.sideGraphics2013 {
	display:block;
	width:280px;
	height:200px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: #FF6800 solid 5px;
	box-shadow: 0 8px 6px -6px black;
}
.formMailBox {
	background-color:#CCCCCC;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding:10px;
	width:460px; 
	margin-left:auto;
	margin-right:auto;
	background-color: #c2c2c2;
	font-size:16px;
	color:#000;
	
	background: #c2c2c2; /* Old browsers */
background: -moz-linear-gradient(top,  #c2c2c2 0%, #ffffff 72%, #989898 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(72%,#ffffff), color-stop(100%,#989898)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c2c2c2 0%,#ffffff 72%,#989898 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
}
.formMailBox table {
	margin: 0px auto 0px auto;
	width:460px;
	color:#FFF;
	font-size:18px;
}
.formMailBox tr {
}
.formMailBox td {
}
.formMailBox input {
	width:440px;
	height:30px;
	border:#FF6800 solid 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height:18px;
	font-size:18px;
	color:#FF6800;
	padding: 5px 5px 5px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.formMailBox textarea {
	width:440px;
	height:90px;
	border:#FF6800 solid 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height:18px;
	font-size:18px;
	color:#FF6800;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 5px 5px 5px 5px;
}
			
