/*********** G E N E R A L   S T Y L E S   S T A R T   H E R E ***********/
body, form, td, th, p, input, select, textarea { font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; font-size:11px; color:#000; }
body, form, p, table, div, h1, h2, h3, h4, h5, h6 { margin:0px;	padding:0px; }
h1, h2, h3, h4, h5, h6 { display:inline; }
h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
table { border-collapse:collapse; }
.strong, .b { font-weight:bold; }
/**********/
a:link, a:visited { color: #c00; text-decoration: none; }
a:hover, a:active { color: #f60; text-decoration: none; }
/**********/
.fLeft { float:left; }
.fRight { float:right; }
.fLefWithMargin { float:left; margin:0 10px 5px 0; }
.fRigWithMargin { float:right; margin:0 0 5px 10px; }
.margin2px { margin:2px; }
.margin5px { margin:5px; }
.margin10px { margin:10px; }
.padding2px { padding:2px; }
.padding5px { padding:5px; }
.padding10px { padding:10px; }
/**********/
.fs12px { font-size:12px; color:#f30; font-weight:bold; }
.fs13px { font-size:13px; color:#666; font-weight:bold; }
.fs14px { font-size:14px; color:#444; font-weight:bold; }
.fs15px { font-size:15px; color:#222; font-weight:bold; }
.fs16px { font-size:16px; color:#000; font-weight:bold; }
.lh16px { line-height:16px; }
.lh18px { line-height:18px; }
.lh20px { line-height:20px; }
/**********/
.bdr { border:1px solid #ccc; }
.bdrTop { border-top:1px solid #ccc; }
.bdrRight { border-right:1px solid #ccc; }
.bdrBottom { border-bottom:1px solid #ccc; }
.bdrLeft { border-left:1px solid #ccc; padding:2px; }
.bdrTR { border:1px solid #ccc; border-width:1px 1px 0 0; }
.bdrTB { border:1px solid #ccc; border-width:1px 0 1px 0; }
.bdrTL { border:1px solid #ccc; border-width:1px 0 0 1px; }
.bdrRB { border:1px solid #ccc; border-width:0 1px 1px 0; }
.bdrRL { border:1px solid #ccc; border-width:0 1px 0 1px; }
.bdrBL { border:1px solid #ccc; border-width:0 0 1px 1px; }

/********** GENERAL FORM STYLES START HERE **********/
.formTable { 
	width:100%;
	margin:auto; 
}
.bgOne { 
	width:32%;
	background:#f9f9f9;
	padding:2px 5px 2px 2px;
	text-align:right;
	border-top:1px solid #f5ecd9;
	border-bottom:1px solid #f9b50c;
	vertical-align:top;
}
.bgTwo { 
	width:1px;
	font-weight:bold;
	padding:2px;
	text-align:center;
	border:1px solid #f9b50c;
	background:#fcf7ed;
	vertical-align:top;
}
td.bgThree { 
	width:68%;
	padding:5px 5px 5px 12px;
	border-top:1px solid #f5ecd9;
	border-bottom:1px solid #f9b50c;
	border-left:5px solid #600;
}

.formHead { 
	font-weight:bold;
	background:#e3f5ff;
	padding:5px;
}
.formHead span { 
	font-weight:normal;
}
.formText { 
	padding:0 2px;
}
.formInput { 
	padding:0 2px;
	border:1px solid #9B7256;
	background:#fff !important;
}
select { 
	border:1px solid #ccc;
	background:#fcfcfc;
	font-family:Tahoma, Verdana, Arial;
}
textarea { 
	border:1px solid #ccc;
	background:#fcfcfc;
	font-family:Tahoma, Verdana, Arial;
	padding:5px;
}
input.button { 
	border:1px solid #600;
	border-width:1px 2px 2px 1px;
	background:#fc0;
	padding:1px 2px;
	margin:0px;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
}
input.button:hover { 
	background:#fcf7ed;
	border:1px solid #999;
	border-width:1px 2px 2px 1px;
	border-color:#600 #900 #900 #600;
}

/********** GENERAL IMG STYLES START HERE **********/
a img { border:0px; }
img.borderNone { border:0; }
img.borderNone:hover { border:0; }
img.block2Px { display:block; width:2px; height:2px; }
img.block5Px { display:block; width:5px; height:5px; }
img.sendEnquiry { margin:10px 0 0; }

/********** GENERAL DIV STYLES START HERE **********/
div.banner { margin:15px auto; text-align:center; }
div.banner img { border:1px solid #999; }
div.clearBoth { clear:both; }

/********** OTEHR STYLES START HERE *********/
.keywords { background:#f5e7cc; color:#666; }
.star { font-weight:bold; color:#ff0000; }
/**********/
.colorRed { color:#f00; }
.colorGreen { color:#060; }
.colorBlue { color:#06c; }
.colorYellow { color:#ff0; }
.colorOrange { color:#f60; }
.colorPink { color:#f0f; }
.colorGray { color:#666; }
/*********/
.bgRed { background:#ffebde; }
.bgRedDark { background:#ffb3b3; }
.bgGreen { background:#efffea; }
.bgGreenDark { background:#c1ffab; }
.bgBlue { background:#ebf3fb; }
.bgBlueDark { background:#cae5ff; }
.bgYellow { background:#ffffe6; }
.bgYellowDark { background:#ffffbf; }
.bgOrange { background:#fff0d3; }
.bgOrangeDark { background:#ffce71; }
.bgPink { background:#ffe6ff; }
.bgPinkDark { background:#ffbfff; }
.bgGray { background:#eee }
.bgGrayDark { background:#ccc }


/********** HEADER STYLES START HERE **********/
#header {
	width:100%;
	display:table;
	background:url(images/topRt.jpg) no-repeat 765px top;
}
/********** top classified links start here **********/
#header #logoBg {
	background:#fff;
	width:213px;
	float:left;
	padding:0 0 3px 0;
}
#header #logoBg .links {
	background-image: url(images/linkbg.jpg);
	padding:9px 0;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#header #logoBg .links  a:link, #header #logoBg .links a:visited {
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
}
#header #logoBg .links  a:hover, #header #logoBg .links a:active {
	color:#0c0;
	text-decoration:none;
}

/********** top general links start here **********/
#header #topGenLinks {
	float:left;
	width:351px;
}
#header #rightPic {
	float:left;
	width:201px;
}

/********** FIXED COLUMN DIV STYLES START HERE **********/
#fixedColumn {
	float:left;
	width:213px;
	margin:0 0 15px 0;
}
#fixedColumn #wooCraProducts {
	background:url(images/leftPanelBG.gif);
	padding:5px 10px 0 12px;
}
/**********/
#fixedColumn #wooCraProducts .head {
	font:bold 14px/16px "Trebuchet MS", Arial, sans-serif, helvetica, Verdana;
	color: #525772;
	text-transform: capitalize;
	border-bottom:1px dashed #B47651;
	background:url(images/bullet.jpg) no-repeat left 2px;
	padding:0 0 0 15px;
}
#fixedColumn #wooCraProducts .head span {
	font-size: 16px;
	color:#D5182E;
	display: list-item;
	list-style-type:none;
}
/**********/
#fixedColumn #wooCraProducts .links {
	padding:5px 5px 10px 15px;
	letter-spacking:1px;
	font-size:12px;
}
#fixedColumn #wooCraProducts .links span {
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
}
#fixedColumn #wooCraProducts .links a:link, #fixedColumn #wooCraProducts .links a:visited {
	color:#030;
}
#fixedColumn #wooCraProducts .links a:hover, #fixedColumn #wooCraProducts .links a:active {
	color:#f30;
}
/**********/
#fixedColumn .bannerName {
	font:small-caps  bold 16px/18px "Trebuchet MS";
	font-weight: bolder;
	text-align:center;
	color:#ff0;
	background:url(images/banner-bottom.gif) no-repeat right top;
	padding:135px 10px 8px 20px;
}

/********** STRACHBLE COLUMN STYLES START HERE **********/

#bodyContent {
	margin:0 5px 0 230px;
}
#bodyContent .bodyContentOuter {
	width:99.5%;
	display:table;
}
/********** DECORATED BOX STYLES STARTS HERE  **********/
.decoratedBox {
	margin:0 0 15px 0;
}
.decoratedBox .top {
	width:100%;
	display:table;
	background:url(images/welTopBg.gif) repeat-x top;
}
.decoratedBox .bottom {
	width:100%;
	display:table;
	background:url(images/welBottomBg.gif) repeat-x bottom;
}
.decoratedBox .midLeftBg {
	background:url(images/welLeftBg.gif) repeat-y left;
	padding:0 0 0 40px
}
.decoratedBox .midRightBg {
	background:url(images/welRightBg.gif) repeat-y right;
	padding:0 40px 0 0;
}

/**********  PRODUCT THREE OUTER DIV STYLES START HERE **********/
#bodyContent .product3Outer {
	margin-bottom:25px;
	border:1px solid #630;
	border-width:1px 1px 5px;
	padding:0 0 10px 0;
	background:url(images/welTopBg.gif) repeat-x left 20px;
}
#bodyContent .product3Outer .text {
	margin-bottom:10px;
}
#bodyContent .product3Outer .text .head {
	padding:5px;
	background:#630;
	font:small-caps bold 16px/12px "Trebuchet MS", "Times New Roman", Tahoma;
	color:#fff;
	border-bottom:1px solid #000;
}
#bodyContent .product3Outer .text .desc {
	padding:5px 10px;
}
/**********/
#bodyContent .product3Outer .floatsOuter {
	width:100%;
	display:table;
}
#bodyContent .product3Outer .floatLeft {
	width:30%;
	padding:0 10px;
	float:left;
}
#bodyContent .product3Outer .floatCenter {
	margin:0 32.5%;
	padding:0 1%;
	border:1px dashed #ccc;
	border-width:0 1px;
}
#bodyContent .product3Outer .floatRight {
	width:30%;
	padding:0 10px;
	float:right;
}
/**********/
#bodyContent .product3Outer .floatsOuter .head {
	font-weight:bold;
	color:#c00;
	border:1px solid #ccc;
	padding:2px 2px 2px 30px;
	background:url(images/bullet_23.gif) no-repeat 10px 5px;
}
#bodyContent .product3Outer .floatsOuter .img {
	margin:10px auto;
	text-align:center;
}
#bodyContent .product3Outer .floatsOuter .links {
	padding:0 0 10px 30px;
	text-align:left;
}
#bodyContent .product3Outer .floatsOuter .links a:link, #bodyContent .product3Outer .floatsOuter .links a:visited {
	padding:0 0 0 15px;
	color:#060;
	background:url(images/m17.gif) no-repeat 5px 5px;
}
#bodyContent .product3Outer .floatsOuter .links a:hover, #bodyContent .product3Outer .floatsOuter .links a:active {
	color:#09c;
	
}
#bodyContent .product3Outer .floatsOuter .more {
	text-align:right;
	font-weight:bold;
	padding:0 10px;
	border:1px dashed #f60;
	background:#f7f7f7;
}

/**********  PRODUCT TWO OUTER DIV STYLES START HERE **********/
#bodyContent .product2Outer {
/*	margin-bottom:25px;
	border:2px solid #f90;	*/
}

/**********/
#bodyContent .product2Outer .floatsOuter {
	width:100%;
	display:table;
	background:url(images/vrBg.gif) repeat-y center center;
	
}
#bodyContent .product2Outer .floatLeft {
	width:48%;
	float:left;
	margin-bottom:25px;
	padding-bottom:15px;
	border:1px solid #630;
	border-width:1px 1px 5px;
}
#bodyContent .product2Outer .floatRight {
	width:48%;
	float:right;
	margin-bottom:25px;
	padding-bottom:15px;
	border:1px solid #630;
	border-width:1px 1px 5px;
}
/**********/
#bodyContent .product2Outer .floatsOuter .head {
	padding:5px;
	background:#630;
	font:small-caps bold 16px/12px "Trebuchet MS", "Times New Roman", Tahoma;
	color:#fff;
}
#bodyContent .product2Outer .floatsOuter .head a:link, #bodyContent .product2Outer .floatsOuter .head a:visited {
	color:#fff;
}
#bodyContent .product2Outer .floatsOuter .head a:hover, #bodyContent .product2Outer .floatsOuter .head a:active {
	color:#ff0;
}
/**********/
#bodyContent .product2Outer .floatsOuter .img {
	margin:10px auto;
	text-align:center;
}
#bodyContent .product2Outer .floatsOuter .desc {
	padding:0 10px 5px;
	border-bottom:1px solid #ccc;
	margin:0 0 10px 0;
}
#bodyContent .product2Outer .floatsOuter .links {
	padding:0 0 10px 30px;
	text-align:left;
}
#bodyContent .product2Outer .floatsOuter .links a:link, #bodyContent .product2Outer .floatsOuter .links a:visited {
	padding:0 0 0 15px;
	color:#060;
	background:url(images/m17.gif) no-repeat 5px 5px;
}
#bodyContent .product2Outer .floatsOuter .links a:hover, #bodyContent .product2Outer .floatsOuter .links a:active {
	color:#09c;
}
#bodyContent .product2Outer .floatsOuter .more {
	text-align:right;
	font-weight:bold;
	padding:0 10px;
	width:90%;
	margin:auto;
	border:1px dashed #f60;	
	background:#f7f7f7;
}

/********** FOOTER STYLES START HERE ***********/
#footer {
	margin:10px .5% 0;
	padding:10px 0 0;
	clear:both;
	border-top:2px dotted #ccc;
}
#footer .b2bBg{
	background:url(images/b2b.jpg) no-repeat left bottom;
	padding:0 0 0 150px;
	text-align:center;
}

/**********/
#footer .botProLinks {
	width:100%;
	display:table;
	text-align:left;
	text-transform:capitalize;
}
#footer .botProLinks .linksHead {
	width:200px;
	padding:5px 5px 5px 20px;
/*	background:#eee;	*/
	float:left;
	font-size:12px;
	font-weight:bold;
	background:url(images/bullet.jpg) no-repeat left 6px;
}
#footer .botProLinks .linksHead span {
	text-transform:uppercase;
	color:#060;
}
#footer .botProLinks .links {
	padding:5px;
}
/**********/
#footer .botClaLinks {
	background:url(images/b2bBg.jpg) repeat-x left bottom;
	padding:10px 5px 0;
	text-align:center;
	font-weight:bold;
}
#footer .botClaLinks a:link, #footer .botClaLinks a:visited {
	color:#600;
}
#footer .botClaLinks a:hover, #footer .botClaLinks a:active {
	color:#f60;
	text-decoration:underline;
}

/**********  **********/
#footer .copyRight {
	background:url(images/b2b1.jpg) no-repeat left top;
	padding:5px 0 0 150px;
	text-align:center;
}