body {
	background: #9C9A8D url(images/cbp-template-big.jpg) repeat-x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #071F37;
}

.firstFont {
	font-size: 14px;
	font-weight: bold;
}
.text{
	font-family: 'TrebuchetMSRegular';
	font-size: 12px;
	color: #071F37;
	padding-top: 5px;
}
.atext a, .atext a:link, .atext a:active, .atext a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #071f37;
	text-decoration: none;
	font-weight: bold;
}

.atext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6691CC;
	text-decoration: none;
	font-weight: bold;
}

.atexta a, .atexta a:link, .atexta a:active, .atexta a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #071f37;
	text-decoration: none;
	font-weight: bold;
}

.atexta a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #071f37;
	text-decoration: none;
	font-weight: bold;
}

.contact {font-size: 10px}

.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}

.text_detail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #071F37;
}


/* CONTROLPANEL BUTTONS */
#controlPanelButtons { text-align: left !important; width: 100% !important; background: transparent !important; border: none !important; }

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:active, #controlPanelButtons a:visited {
background-color: #000000;
background-image: url(images/cbp-template-product-but.jpg);
width: 397 !important;
height: 38 !important;
font-family: verdana;
font-weight: bold !important;
font-size: 12pt !important;
text-align: none!important;
text-decoration: none !important;
color: #00ff00 !important;
}

#controlPanelButtons a:hover{
	background-color: #000000;
	background-image: url(images/cbp-template-product-but_a.jpg) !important;
	font-size: 12pt !important;
}
.assoc {
	font-size: 10px
}
.bestview {
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A0A0A0;
	font-weight: bold;
}
.gallery {
	color: #6691CC;
	font-size: 10px;
	font-weight: bold;
}

.thumbs	{
	border: 1px solid #D4D4D4;
	opacity: .7;
}

.imgmarquee img:active, .imgmarquee img:hover{
	outline-color: #bbb; 
	opacity: .99;
}

/*=== Setup ===*/
*{
	/*border: 0;*/
	margin: 0;
	padding: 0
}
body{
	background: url(../images/misc/bgr.gif) #989689 repeat-x top;
	color: #000000;
	font: .75em Verdana,Arial,Geneva,Helvetica,Sans-Serif
}
a{
	color: #082038;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
ul li{
	list-style: none
}
h2, h3{
	font-size: 1.2em;
	letter-spacing: -1px;
	margin: 0 0 .5em
}
p{
	line-height: 1.3em;
	padding: 0 0 2px
}
/*=== Layout ===*/
#page{
	background: url(../images/misc/page-bgr.png) repeat-y;
	padding: 0 16px 0 0;
	width: 975px
}
#page-top{
	background: url(../images/misc/page-top.jpg) no-repeat left top;
	height: 100px;
}
#page-bot{
	background: url(../images/misc/page-bot.gif) repeat-x top;
	height: 68px
}
/*=== Header ===*/
#header{
	height: 97px;
	width: 975px;
	overflow: hidden;
}
/*- Logo -*/
#header h1{
	background: url(../images/misc/logo.jpg) no-repeat;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 227px;
	height: 311px;
}
#header h1 a{
	display: block;
	height: 283px;
	text-decoration: none
}
/*- Slogan -*/
.slogan{
	background: url(../images/misc/slogan.gif) no-repeat top;
	float: left;
	height: 97px;
	margin: 0 0 0 227px;
	text-indent: -9999px;
	width: 485px
}
* html .slogan{
	margin: 0 0 0 113px;
}
/*=== Headlines ===*/
.headline{
	background: url(../images/misc/hd-bgr.gif) repeat-x center;
	height: 1.5em;
	margin: 0 0 .5em;
	/*text-transform: lowercase*/
}
.headline h2, .headline h3{
	background: #ffffff;
	color: #000000;
	float: left;
	font: bold 20px  'AgencyFBRegular';
	margin: -3px 0 0;
	padding: 0 10px 0 0;
	letter-spacing: 1px;
}
.headline h3{
	color: #6691cc
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	background: url(../images/misc/nav1-bgr.gif) repeat-x bottom;
	font-size: 10px;
	height: 55px;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 965px
}
.nav1 ul{
	padding: 0 0 0 250px
}
.nav1 li{
	background: url(../images/misc/nav1-ico.gif) no-repeat right;
	float: left;
	line-height: 43px;
	padding: 0 6px 0 0
}
.nav1 li a{
	color: #989a9b;
	display: block;
	float: left;
	padding: 0 15px
}
.nav1 li a:hover, .nav1 li.active a{
	background: url(../images/misc/nav1-hover.gif) repeat-y center;
	color: #638ec8;
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 1em
}
.nav2 ul{
	border-bottom: 1px solid #cccccc;
	padding: 0 0 5px
}
.nav2 li{
	color: #666666;
	display: inline;
	font-size: 11px;
	padding: 0 6px 0 0;
	text-align: left
}
.nav2 li a{
	color: #666666;
	font-size: 12px;
	padding: 0 0 0 20px
}
.nav2 li a:hover{
	color: #000000;
	text-decoration: none
}
.nav2 li.ico01 a{
	background: url(../images/tools/ico01.gif) no-repeat left top
}
.nav2 li.ico02 a{
	background: url(../images/tools/ico02.gif) no-repeat left top
}
.nav2 li.ico03 a{
	background: url(../images/tools/ico03.gif) no-repeat left top
}
.nav2 li.ico01 a:hover{
	background: url(../images/tools/ico01-.gif) no-repeat left top
}
.nav2 li.ico02 a:hover{
	background: url(../images/tools/ico02-.gif) no-repeat left top
}
.nav2 li.ico03 a:hover{
	background: url(../images/tools/ico03-.gif) no-repeat left top
}
/*- Nav3 -*/
.nav3{
	font-size: 11px;
	margin: 0 0 1em
}
.nav3 li{
	border-right: 1px solid #cccccc;
	color: #666666;
	float: left;
	height: 27px;
	padding: 0 7px;
	text-align: left
}
.nav3 li.last{
	border: 0
}
.nav3 li a{
	color: #666666;
	display: block;
	float: left;
	height: 27px;
	line-height: 12px;
	padding: 0 5px 0 0
}
.nav3 li.resize{
	border: 0;
	line-height: 27px
}
.nav3 li a:hover{
	color: #000000;
	text-decoration: none
}
.nav3 li.ico-print a{
	background: url(../images/tools/ico-print.gif) no-repeat left top;
	padding: 0 5px 0 30px
}
.nav3 li.ico-email a{
	background: url(../images/tools/ico-email.gif) no-repeat left top;
	padding: 0 5px 0 30px
}
/*=== All Columns ===*/
#columns{
	background: url(../images/misc/columns-bgr.gif) repeat-y;
	height: 1%;
	padding: 0 23px 15px 0
}
/*=== Left Column ===*/
#leftcol{
	background: url(../images/misc/leftcol-bgr.gif) no-repeat left top;
	display: table-cell;
	display: block;
	float: left;
	height: auto !important;
	height: 730px;
	margin: 141px 0 0;
	min-height: 730px;
	padding: 13px 30px 0 20px;
	width: 166px
}
/*=== Center Column ===*/
#centercol{
	float: right;
	margin: 18px 0 0;
	width: 725px
}
/*=== Sub Columns ===*/
.col1{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	width: 305px
}
.col2{
	float: left;
	width: 315px
}
.col3{
	float: right;
	width: 308px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #f4f5f6;
	margin: 0 0 1em;
	padding: 7px
}
.box .content, .box-half .content{
	background: #ffffff;
	border: 2px solid #eaebed;
	height: 1%;
	padding: 15px
}
#leftcol .box{
	margin: 0 0 .5em
}
#leftcol .box .content{
	padding: 0
}
/*- Featured -*/
.featured{
	border-left: 10px solid #d8dfea;
	height: 1%;
	margin: 0 0 2em;
	padding: 0 0 0 10px
}
/*=== Link Buttons ===*/
.btn-enquiry{
	background: url(../images/tools/btn-makeenquiry.png) no-repeat top;
	float: right;
	height: 67px;
	text-indent: -9999px;
	width: 192px
}
.btn-enquiry a{
	display: block;
	height: 67px
}
/*=== Pics, Thumbs, Ads, Banners etc. ===*/
.pic img{
	display: block;
	margin: 0 0 1em
}
.banner{
	float: left;
	margin: 0 0 20px;
	width: 420px
}
/*=== Footer ===*/
#footer{
	color: #ffffff;
	float: right;
	font-size: 10px;


	text-transform: uppercase;
	width: 975px
}
#footer a{
	color: #ffffff
}
#footer .train-pic{
	background: url(../images/misc/pic-train.gif) no-repeat top;
	float: right;
	height: 91px;
	margin: -24px 0 0;
	position: relative;
	width: 220px
}
#footer .copyr{
	padding: 27px 13px 0 0;
	text-align: right
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.imageDesc{font-size:9px}

.redTitle{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#C40000}

.captionImg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 9px;
}
.rightAlign {
	padding-right: 8px;
}
.over {
	background-color:#4E90AF;
}

.box-half{
	background: #f4f5f6;
	margin: 0 0 0 353px;
	padding: 7px
}

.image-beside-block{
  width: 337px;
  float: left;
}

.capital{
  font-size: 16px;
  font-weight: bold;
  font-family: 'TrebuchetMSRegular';
}

.image-center {
	text-align: center;
	padding-bottom: 65px;
	padding-top: 10px;
}

#contact-us-wrapper{
	padding: 20px;
	height: 122px;;
}

#row-first{
	float: left;
	width: 200px;
}
h4{
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 18px;
	color: #ff3300;
}
#row-first p{
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 14px;
	padding-top: 5px;
}
#row-second{
	float: left;
	width: 120px;
	padding-left: 10px;
}
#row-second p{
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 14px;
	padding-top: 5px;
}
#row-third{
	float: left;
	width: 193px;
	padding-left: 10px;
	margin-top: 22px;
}
#row-third p{
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 14px;
	padding-top: 5px;
}
#row-fourth {
	float: left;
	padding-left: 10px;
}
#row-fourth p{
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 5px;
}
#product-image {
	float: left;
	margin-left: -105px;
	margin-top: 13px;
}

.first-row {
  min-height: 164px;
}
.second-row{
  min-height: 303px;
}

/*PRODUCT*/
#product-wrapper {
	padding-top: 10px;
	font-family: 'TrebuchetMSRegular';;
}

.left-side {
	float: left;
	width: 335px;
	padding-right: 10px;
}

.product-thumbnail {
	float: left;
	padding-right: 10px;
}

.product-thumbnail img {
	border: 1px solid #BBBBBB;
	padding: 2px;
}

.product-name {
	font-family: 'FuturaCondensedLightNormalRg';
	font-size: 18px;
	font-weight: bold;
}
.product-div {
	padding-top:30px;
}

.left-wrapper {
	float: left;
	width: 215px;
	padding-right: 5px;
}
.middle-wrapper {
	float: left;
	width: 215px;
	margin-left: 10px;
}
.right-wrapper {
	float: right;
	width: 215px;
}

.row-wrapper {
	
}

.row-product-group {
	background: none repeat scroll 0 0 #F3F3F3;
  padding: 20px;
}

.group-header {
	color: #6691CC;
	float: left;
	font: bold 20px  'AgencyFBRegular';
	margin: -3px 0 0;
	padding: 0 10px 0 0;
	letter-spacing: 1px;
}

.product-group {
	margin-top: 20px;
}

.product-group-left {
	float: left;
	width: 500px;
	min-height: 269px;
}

.product-group-left ul, .product-group-left-normal ul  {
	padding-bottom: 10px;
}

.product-group-left-normal{
	float: left;
	width: 500px;
}

.product-group-right {
	float: right;
}

ol.product-list {
	padding-bottom: 10px;
}

ol.product-list li{
	margin-left: 18px;
	list-style: inherit;
}


.read-more {
	color: #6691CC;;
}

.coloum-left {
	float: left;
	background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #EAEBED;
  width: 300px;
  padding: 15px;
  min-height: 658px;
}

.coloum-right {
	float: right;
	background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #EAEBED;
  width: 300px;
  padding: 15px;
  min-height: 480px;
}

.row-product-2-coloum {
	padding-top: 20px;
}

/*tabbed*/
.tab-menu {
	padding-top: 15px;	
}

.tab-menu .idTabs li {
	float: left;
	margin: 0 1em 0 0;
}

.idTabs.rescue-tabs li{
	width: 123px;
}

.idTabs.spring-tabs li{
	width: 100px;
}

.idTabs.wagon-tabs li{
	width: 123px;
}

.tab-menu .idTabs a{
	text-decoration: none;
	display: block;
	
	border-bottom: 0.5em solid #999;
	color: #999;
	height: 30px;
}

.tab-menu .idTabs a:hover {
	color: #fa3;
	border-color: #fa3;
}

.tab-menu .idTabs .selected{
	color: #f80;
	border-color: #f80;
}
