*{ margin: 0px; padding: 0px;}
body{ text-align: center; font-family: Arial, Helvetica, sans-serif;}
.clear{ clear: both; font-size: 1px;}
img{ border:0px;}
h1{ position: absolute; left:-9999999px;}
.newsh{ font-weight: normal; margin-bottom: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #cccccc;}
textarea{ font-family: Arial, Helvetica, sans-serif; height: 100px; font-size: 82%;}
.notes{height:30px}
.magnifier{ vertical-align: middle;}

.container{ width:990px; margin:auto; text-align: left;}
.ctop{ height: 30px; background:url(../images/bg_header.jpg);}
.cmain{ background:url(../images/bg_main.jpg); padding: 15px 30px 15px 30px; width: 930px;}
.cfoot{ height: 30px; background:url(../images/bg_footer.jpg) ;}
.footer{ padding: 15px 30px; width: 930px;  background:url(../images/bg_content_footer.jpg)}

.footer p{ font-size: 70%;}
.footer a{ color: #333333;}

.leftcol{ width: 180px; float: right; padding-right: 30px;}
.leftcol .logo{ margin: 0px 0px 15px 0px;}
.leftcol .box{ margin: 0px 0px 15px 0px; padding: 15px; color:#ffffff;}

.leftcol .contact{ background: #333333; }
.leftcol .contact .icon{ font-size: 105%; margin-bottom: 5px;}
.leftcol .contact .icon img{ vertical-align:middle;}
.leftcol .contact a{ color:#FFFFFF;}
.leftcol .contact .icon a{ color:#FFFFFF; text-decoration: none;}
.leftcol .contact input{ position: absolute;}
.leftcol .contact .text{ width:110px; margin: 6px 5px 6px 5px; background: none; border: 0px;}
.leftcol .contact .button{ width:40px; margin-left: 110px; top: 225px; height: 40px; background: none; border: 0px; color:#00CC99; font-size: 1px; cursor:pointer;}
.leftcol .contact p{ font-size: 75%; padding: 5px 0px 7px 0px;}
.leftcol .contact form{ background:url(../images/bg_contact_search.jpg) no-repeat top left; height: 37px;}

.leftcol .nav{ background:#CF0026;}
.leftcol .nav p{ font-size: 75%; border-bottom: 1px solid #ffffff}
.leftcol .nav ul{ list-style-type:none;}
.leftcol .nav ul a{ display: block; font-size: 75%; color:#FFFFFF; text-decoration: none; padding: 3px 3px 3px 0px; border-bottom: 1px dotted #ffffff; width: 144px;}
.leftcol .nav ul a:hover{ background:#E5637B;}

.leftcol .theme{ background:#663366;}
.leftcol .theme p{ font-size: 75%; border-bottom: 1px solid #ffffff}
.leftcol .theme ul{ list-style-type:none;}
.leftcol .theme ul a{ display: block; font-size: 75%; color:#FFFFFF; text-decoration: none; padding: 3px 3px 3px 0px; border-bottom: 1px dotted #ffffff; width: 144px;}
.leftcol .theme ul a:hover{ background:#A182A1;}

.leftcol .popular{ background:#578200;}
.leftcol .popular p{ font-size: 75%; border-bottom: 1px solid #ffffff}
.leftcol .popular ul{ list-style-type:none;}
.leftcol .popular img{ vertical-align:middle;}
.leftcol .popular li {border-bottom: 1px dotted #ffffff; clear:both;}
.leftcol .popular li img{ padding-right: 3px; float: left;}
.leftcol .popular li span{ display: block; float: left; width: 100px;}
.leftcol .popular ul a{ display: block; font-size: 75%; color:#FFFFFF; text-decoration: none; padding: 3px 3px 3px 0px; width: 144px;}
.leftcol .popular ul a:hover{ background:#A2C163}

.centercol{ width: 540px; float: right; padding-right: 180px; margin-top: 135px;}
.centercol h2{ font-size: 120%; margin-bottom: 10px; font-weight: normal;}
.centercol h2 span{ font-size: 60%; color:#999999;}
.centercol .prodview .theme h3{color:#FFFFFF; margin-top:0}
.centercol p{ font-size: 75%; margin-bottom: 10px; font-weight: normal;}
.centercol ol{ list-style: none; margin-left: 25px; padding-top: 10px;}
.centercol ol ol{ margin-bottom: 10px;}
.centercol li li{ margin-bottom: 3px; font-size: 100%}
.centercol li{ margin-bottom: 10px; font-size: 75%;}
.centercol .sitemapul{ margin-left: 25px; font-size: 80%;}
.centercol .sitemapul ul{ margin-left: 25px;}
.centercol .imgright { border: 1px solid #cccccc; margin: 0px 0px 10px 20px; float: right}
.centercol .imgleft { border: 1px solid #cccccc; margin: 0px 20px 10px 0px; float: left}
.centercol .viewproda{ display: block; padding: 3px 10px; background:#CC0000; color:#FFFFFF; font-size: 130%; width: 50%; text-decoration: none; border: 1px solid #333333;}

.centercol .box{ margin: 0px 0px 15px 0px; padding: 15px;}
.centercol .theme label{ display: block; font-size: 75%; padding-bottom: 4px;}
.centercol .theme .text{ font-size: 75%; padding: 2px; color:#666666; width: 99%; margin-bottom: 10px; border: 1px solid #333333;}
.centercol .theme select{ font-size: 75%; padding: 2px; color:#666666; width: 100%; margin-bottom: 4px;  border: 1px solid #333333;}
.centercol .theme .button{ cursor: pointer; border: 0px; padding: 0px; margin: 0px;}
.centercol .theme{ background:#CF0026;  color:#ffffff;}
.centercol .theme p{ font-size: 75%; border-bottom: 1px solid #ffffff}
.centercol .theme ul{ list-style-type:none;}
.centercol .theme ul a{ display: block; font-size: 75%; color:#FFFFFF; text-decoration: none; padding: 3px 3px 3px 0px; border-bottom: 1px dotted #ffffff; width: 144px;}
.centercol .theme ul a:hover{ background:#A182A1;}

.centercol .prodlist{ width: 242px; height:170px; margin: 0px 12px 15px 0px; float: left; border: 0 none; text-align:left; padding: 10px; background-image:url(../images/bg_prodlist.jpg); background-repeat:no-repeat;}

.centercol .prodlist h2{ font-size: 75%; margin-bottom: 10px; font-weight: bold;}
.centercol .prodlist  a{ color:#CF0026;}
.centercol .prodlist p a{ color:#333333; text-decoration: none;}
.centercol .prodlist p{ font-size: 70%; margin-bottom: 10px;}
.centercol .prodlist .left{ float: left; width: 110px; margin-right: 10px;}
.centercol .prodlist .right{ float: left; width: 122px; height:140px;}
.centercol .prodlist .right .desc{width: 122px; height:95px; overflow:hidden; margin-bottom:10px;}
.centercol .prodlist .right .details{width: 122px; height:30px; overflow:hidden}

.centercol .prodview p{ color:#333333;}
.centercol .prodview .left{ float: left; width: 220px; margin-right: 20px;}
.centercol .prodview .right{ float: left; width: 300px;}
.centercol .prodview .icon{ padding: 5px 5px 5px 5px; border: 1px solid #cccccc; font-size: 75%; margin-bottom: 5px; background: #eeeeee; color:#333333;}
.centercol .prodview .icon a{ color:#333333; text-decoration: none;}
.centercol .prodview .icon img{ vertical-align: middle; padding: 0px 10px 0px 0px}
.centercol .prodview .green{ background:#E3FDE4;}
.centercol .prodview .yellow{ background:#FEFDE7;}
.centercol .prodview .bottom{ margin-top: 15px; width: 220px;}
.centercol .prodview h3{ font-size: 75%; color:#CC0000; margin: 10px 0px;}


#inline_enquiry .icon{ padding: 5px 5px 5px 5px; border: 1px solid #cccccc; font-size: 75%; margin-bottom: 5px; background: #eeeeee; color:#333333;}
#inline_enquiry .icon a{ color:#333333; text-decoration: none;}
#inline_enquiry .icon img{ vertical-align: middle; padding: 0px 10px 0px 0px}
#inline_enquiry .green{ background:#E3FDE4;}

.centercol .advanced{ background: #eeeeee; padding: 15px;}
.centercol .advanced label{ display: block; font-size: 75%; padding: 5px 0px;}
.centercol .advanced .text{ padding: 5px; width: 500px;}
.centercol .advanced select{ padding: 5px; width: 500px;}

.centercol .enquirybasket{ font-size: 75%; width: 100%; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: center; border-collapse:collapse;}
.centercol .enquirybasket th{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 3px 10px;}
.centercol .enquirybasket td{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.button{ border: 1px solid #333333; background:#CC0000; color:#FFFFFF; padding: 4px 10px; cursor:pointer; margin: 15px 0px 0px 0px;}
.buttonenquiry{ border: 1px solid #333333; font-size: 75%; background:#E3FDE4; color:#333333; padding: 6px 10px; cursor:pointer; margin: 15px 0px 0px 0px;}

.centercol .prodview table{ font-size: 75%; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: center; border-collapse:collapse;}
.centercol .prodview th{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 3px 10px;}
.centercol .prodview td{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.blank{ border: 0px;}

#inline_enquiry{ text-align: left;}
#inline_enquiry h3{ color:#CC0000; font-size: 120%; padding: 10px 0px 10px 0px;}
#inline_enquiry .button{ border: 1px solid #333333; background:#CC0000; color:#FFFFFF; padding: 4px 10px; cursor:pointer; margin: 15px 0px 0px 0px;}
.enquirytable { font-size: 75%; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: center; border-collapse:collapse;}
.enquirytable th{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 3px 10px;}
.enquirytable td{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 3px 10px; text-align: left;}

.centercol .catlist{ width: 145px; height: 150px; margin: 0px 19px 15px 0px; float: left; border: 1px solid #cccccc; text-align:center; padding: 10px; overflow: hidden;}
.centercol .catlist h2{ font-size: 80%; margin-bottom: 10px; font-weight: bold;}
.centercol .catlist  a{ color:#CF0026;}
.centercol .catlist p{ font-size: 70%; margin-bottom: 10px;}
.centercol .prodsie{ width: 540px;}


.centercol .catlisthome{ width: 145px; margin: 0px 19px 15px 0px; float: left; border: 1px solid #cccccc; text-align:center; padding: 10px;}
.centercol .catlisthome h2{ font-size: 80%; margin-bottom: 10px; font-weight: bold;}
.centercol .catlisthome  a{ color:#CF0026;}
.centercol .catlisthome p{ font-size: 70%; margin-bottom: 10px;}

.centercol .last{ margin-right: 0px;}
.home{ margin-top: 255px;}
.hidden{display:none;}

.centercol .breadcrumb{ background:#EEEEEE; color:#666666; font-size: 80%; margin-bottom: 15px;}
.centercol .breadcrumb ul{ list-style: none; padding: 5px;}
.centercol .breadcrumb li{ display: inline;}
.centercol .breadcrumb a{ color:#666666;}

.enquiry-price-include{width: 560px; padding: 0px 10px; position: absolute; margin-left: 200px; background:#CCCCCC;}
.enquiry-price-include h4{ color:#CC0000; font-size: 80%; padding: 10px 0px 10px 0px;}
.enquiry-price-include p{ font-weight: bold; font-size: 70%; padding-bottom: 10px;}
.enquiry-price-include td, .enquiry-price-include th{ background:#FFFFFF; font-size: 75%; padding: 3px 7px; border-top: 2px solid #cccccc; border-left: 2px solid #cccccc;}


.rightcol{ width: 150px; position: absolute; margin-left: 570px; top: 180px;}
.rightcol .box{ margin: 0px 0px 15px 0px; padding: 15px; color:#333333;}
.rightcol .enquiry{ background: #95D5F2;}
.rightcol .enquiry h2{ font-size: 100%; font-weight: normal;}
.rightcol .enquiry p{ font-size: 75%; margin-top: 5px; margin-bottom: 0px; padding-bottom: 5px; border-bottom: 1px dotted #333333}
.rightcol .enquiry .viewall{ border: 0px; padding: 0px; text-align: right;}
.rightcol .enquiry .viewall a{ text-decoration: none; color:#CC0000; }
.rightcol .enquiry ul{ list-style-type:none;}
.rightcol .enquiry img{ vertical-align:middle;}
.rightcol .enquiry li {border-bottom: 1px dotted #000000; clear:both;}
.rightcol .enquiry li img{ padding-right: 3px; float: left;}
.rightcol .enquiry li span{ display: block; float: left; width: 80px;}
.rightcol .enquiry ul a{ display: block; font-size: 90%; height:3em; color:#333333; text-decoration: none; padding: 3px 3px 3px 0px; width: 114px;}
.rightcol .enquiry a:hover{ background:#B0E0F5}
.home .rightcol{ top: 300px;}



.header{ width: 720px; height: 90px; float: left; position: absolute; top:45px; margin-left: 210px; background:url(../images/bg_divheader.jpg) no-repeat;}
.h210{ height:210px; }
.bubble{ position: absolute; margin-left: 420px; top: 45px;}
.header .call{ margin-left:525px;}
.header .hot{ margin-left:200px;}
.header .hot .btn, .header .hot ul{ float: left;}
.header .hot li{ display: inline;}
.header .hot li img{ margin: 10px; border: 1px solid #cccccc;}
.header h2{ font-weight: normal; font-size: 125%; color:#333333; padding: 3px 0px 5px 0px}

.navigation{ width: 720px; position: absolute; height: 30px; top: 135px; background:url(../images/bg_mainnav.jpg) no-repeat; margin-left: 210px;}
.navigation ul{ list-style: none;}
.navigation li{ display: inline; font-size: 12px;}
.navigation a{ display: block; float: left; background:url(../images/nav_divider.gif) right no-repeat; color: #ffffff; padding: 7px 20px; text-decoration: none;}
.navigation a:hover{ text-decoration: underline;}
.nhome{ top: 255px;}

.login {
	padding:15px 0;
}
.login label {
	width:140px;
	font-size:110%;
	font-weight:bold;
	padding-top:0;
	position:absolute;
	margin-left:-140px;
}
.login input {
	width:400px;
	font-size:130%;
	color:#666666;
	background-image:url(../images/bg_form.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.login textarea {
	width:400px;
	font-size:130%;
	color:#666666;
	background-image:url(../images/bg_form.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
.login div {
	padding-bottom:10px;
	margin-left:140px;
}

.login #submit{
width:auto;
padding:6px;
cursor:pointer;
}
#ui-datepicker-div 
{
		    z-index: 999999; /* must be > than popup editor (950) */
		    font-size:12px;
}

.testimonial{
width:482px;
padding-left:55px;
padding-top:20px;
background-image:url(../images/bg_testimonial_1.gif);
background-repeat:no-repeat;
margin-bottom:60px;
}

.testimonial p{
width:417px;
padding-right:55px;
padding-top:20px;
padding-bottom:10px;
background-image:url(../images/bg_testimonial_2.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

.testimonial span{
color:#CF0026;
font-weight:bold;
}

.bubbletip h3{
font-size:80%;
color:#CF0026;
padding:10px 0;
margin-bottom:10px;
border-bottom:1px dashed #CF0026;
}

.centercol .quote-box{padding:40px 0 0 0; margin:0; background-image:url(../images/header-quote-box.jpg); background-position:top; background-repeat:no-repeat;}
.centercol .quote-box img{padding:0; margin:0}

.centercol .quote-box .content{padding:10px}