@charset "utf-8";
/* CSS Document */


* {	margin:0px;	padding:0px;}

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(images/pageBg1.jpg) no-repeat top center;
	font-size: 11px;
}


.clearer {display:block; clear:both; margin:0px; width:100%; height:1px;}

#mainContainer {
	width: 900px;
	margin: 0px auto;
	/*	border: #c4c9cb 1px solid;*/
/*	background-image: url(images/topBg.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px #7f909a solid;
	border-top:none;
	padding: 0px;
	border-bottom: none;
}
.bannerContainer, .innerMainBanner {
	height:317px;
	width:900px;
	display:block;
	clear:both;
	margin: 0px auto 0px auto;
}

.innerMainBanner {height:202px;}

img#logo {
	margin:10px 10px 10px 5px;
	float:left;
	display: hidden;
}

/* TEXT STYLE COMES HERE */

h1 {
	font-size:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323F48;
	padding: 8px 0px 8px 10px;
	background-image: url(images/titleBg.png);
	background-repeat: repeat-y;
}

h3 {
	margin:2px 0px 5px 0px;
}

h4 {
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#990000;
	border-bottom:#FFFFFF 1px solid;
	padding:3px 0px 2px 0px;
	margin:10px 0px 5px 0px;
}

.bold {font-weight:bold;}
.style1 {
	color:#797900;
	font-weight:bold;
}

/* MENU STYLE COMES HERE */

ul.menu {
	display:block;
	margin:0px 0px auto auto;
	text-align: left;
	width: 100%;
	height: 30px;
	background-image: url(images/menuBg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-transform: uppercase;
}
ul.menu li {
	display:inline;
}
ul.menu a {
	float:left;
	padding: 8px 16px 8px 16px;
	font-size:11px;
	margin-top: 0px;
}

ul.menu a.last {
	float:right;
	padding: 7px 16px 10px 16px;
	margin-right:0px;
	font-size:11px;
}
ul.menu a:link {color:#FFF; text-decoration:none;}
ul.menu a:visited {color:#FFF; text-decoration:none;}
ul.menu a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(images/menuBgRollOver.gif) repeat-x;
}
ul.menu a:active {color:#FFF; text-decoration:none;}


/* FOOTER STYLE COMES HERE */

#footerContainer {
	width:840px;
	height:55px;
	border-top:1px solid #FFFFFF;
	background:#ecfbff;
	padding:5px 20px;
	font-size: 0.8em;
}
ul.footerList {
	display:block;
	float:left;
	width: 70%;
	margin: 2px;
}
ul.footerList li {
	display:inline;
}
ul.footerList a {
	display:block;
	float:left;
	padding:3px 5px 3px 5px;
	color:#333333;
	text-decoration:none;
}
ul.footerList a:hover {text-decoration:underline;}
ul.footerList a.last {border-right:none;}



/* CONTENTS STYLE COMES HERE */

img.logo {
	width:210px;
	height:104px;
	float:left;
}
.topContent {
	width:100%;
	height:101px;
	clear:both;
}

.clearer {
	width:100%;
	clear:both;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
	overflow: hidden;
	display: hidden;
}
.menuContainer {
	width:900px;
	clear: both;
	margin: 0px auto;
	text-align: right;
	height: 30px;
	background-image: url(images/menuBg.gif);

}


.innerBanner {
	height:73px;
	margin:156px auto 0px auto;
} 

.innerBanner img {width:883px; height:73px; background-color:none;}

ul.generalList {
	display:block;
	margin: 5px 0px 5px 15px;
}
ul.generalList li {
	clear:left;
	margin: 5px 0px 0px 0px;
	border-bottom: 1px #FFFFFF dashed;
	padding: 2px 0px 2px 0px;
}


.txtContainer {
	margin:110px auto 0px auto;
}

.textContent {
	display:block;
	text-align: justify;
	line-height: 16px;
	padding: 20px 20px 20px 10px;
	/*background:url(images/contentBg.gif) no-repeat top center;*/
	font-size:11px;
	width: 610px;
	float: left;
}
.large {}

.textContent1 {
	display:block;
	text-align: justify;
	line-height: 16px;
	padding: 20px 20px 20px 10px;
	/*background:url(images/contentBg.gif) no-repeat top center;*/
	font-size:11px;
	width: 800px;
	float: left;
}
.large1 {}


.small {
	padding:30px 15px;
}
.home {
	width:570px;
}
.footerContent {
	display:block;
	text-align: justify;
	font-size:10px;
	line-height: 16px;
	padding: 5px 20px;
	background: #c4c9cb;
	width: 862px;
	margin: 0px auto;
}

img.textContent {float:right;}

/*--- HOME CONTENTS ---*/

div.hLeft {
	float:left;
	width:460px;
}
div.hRight {
	float:right;
	width:250px;
	margin: 20px 15px 0px 0px;
	padding: 5px;
	font-size: 10px;
}

.hRightPdt {
	display:block;
	margin: 0px 0px 10px;
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 5px;
}


img.hRight_img {
	float:left;
	width: 58px;
	height: 58px;
	border: 1px #333333 solid;
}

table.hPdtContent {
	float:right;
	margin: 0px 0px 0px 5px;
	padding:0xp;
	width: 185px;
	font-size: 10px;
}
table.hPdtContent th {
	padding:1px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

table.hPdtContent td {
	padding:1px;
	text-align: left;
}

a.knowMore  {
	color:#FFFFFF;
	text-decoration:underline;
	font-size: 9px;
}

.homePdtName {
	display:block;
	float:left;
	width:185px;
	padding:5px 2px;
	background-color: #333333;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	color: #FFFFFF;
}
.homePdtDesc {
	display:block;
	float:left;
	width:185px;
	padding:2px;
}

/*--- INNERPAGES --- */

.PdtCont {
	display:block;
	background:#b2bfc5;
	padding: 5px;
	margin: 10px 0px 0px;
	width: 295px;
}
img.PdtCont-small {
	float:left;
	width: 58px;
	height: 58px;
}



.rightMenuWrapper {
	background:url(images/rightMenu_top.png) no-repeat top center;
	padding-top:21px;
}
.rightMenuWrapperBtm {
	padding-bottom:21px;
	background-image: url(images/rightMenu_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#rightMenu {
	float:right;
	/*background:url(images/rightMenuBg.png) no-repeat top center;
	background:url(images/rightMenuBg_top.jpg) no-repeat top  center;*/
	margin: 5px 3px;
	min-height: 300px;
	height: 462px;
	width: 250px;
	padding-top: 20px;
}

.rightMenuInner {
	background:url(images/rightMenu_bg.png) repeat-y center;
}


.rightPdtTitle {
	padding:5px 0px 5px 15px;
	display:block;
	margin: 4px 30px 0px 30px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	background: url(images/rightMenuBullet.png) no-repeat left center;
	border-bottom:#CCCCCC 1px dashed;
	
}
.open { color:#FFF; background: url(images/rightMenuBullet.png) no-repeat 2% center #e1d17c; padding-left:20px; border-bottom:none;}

ul.rightPdtList {
	margin:0px 30px;
	padding:5px 0px;
	display:block;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	background-color:#CCCCCC;
}

ul.rightPdtList li {
	clear:left;
}
ul.rightPdtList a {
	clear:left;
	display:block;
	margin:0px 0px 0px 0px;
	color: #333333;
	text-decoration: none;
	padding: 5px 0px 5px 22px;
	font-size: 10px;
}

ul.rightPdtList a:hover {

	background:url(images/rightSubMenuBg.jpg) repeat-x center ;
	color:#333333;

}

.mainCategory {
	width:400px;
	padding:2px;
	float:left;
	background-color:#FFFFFF;
	color: #FFF;
	margin: 3px 0px;
	border:1px #909090 solid;
}

.right {
	float:right;
	margin-right: 0px;
}

.mainPdtTitle {
	display:block;
	cursor: pointer;
	width: 400px;
}

.mainPdtDesc {
	display:block;
	color: #000000;
}
.pdtDesc_inner {
	width:95%;
	margin:10px auto;
	background:url(images/pdtDesc_inner.jpg) no-repeat center left;
	width:95%;
	height:auto;
	padding: 5px;
}
.pdtDesc_inner img {
	float:left;
	border: 1px #9f9f9f  solid;
}
span.title {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	float:left;
	font-weight: bold;
	padding: 20px 0px 0px 5px;
}
a.title {color:#CC0000}
/* -- PDT-CATEGORY DISPLAY --*/
.pdtCatWrapper {
	margin:20px auto;
	padding: 0px;
	width: 95%;
	height: 165px;
}
.pdtCatTitle {
	display:block;
	background:url(images/pdtCatTitleBg.jpg) center top no-repeat;
	width:96%;
	padding:5px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	height:68px;
	margin: 0px auto;
}
.pdtCatTitle span {
	padding:25px 10px 0px 20px;
	display:block;
}
.pdtCatTitle img {float:left; border:1px #333333 solid;}
img.pdtCategory {
	float:left;
	margin: 0px 0px 0px 0px;
	width:150px;
	height:150px;
	padding:3px;
	border:1px #333333 solid;
}
.pdtCategory {
	float:left;
	border-bottom:1px solid #333333;
	padding:10px 0px 10px 20px;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:360px;
	font-weight: bold;
}
img.moreInfo {
	float:left;
	padding:10px 0px 0px 18px;
	border: 0px;
}





/* -- SINGLE PDT DISPLAY --*/
.singlePdtMainTitle {
	width:auto;
	background-color: #8F7751;
	margin: 0px auto;
}

.singlePdtWrapper {
	margin:20px auto;
	padding: 10px 0px 50px 0px;
	border-bottom: 1px #CCC solid;
	width: 605px;
	float: left;
}
.singlePdtWrapper p {
	display:block;
	float: left;
}

.singlePdtTitle {
	float:left;
	border-bottom:1px solid #CC0000;
	padding:10px 0px 10px 0px;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.singlePdtTitle, .singlePdtWrapper p {
	width:400px;
}

.singlePdtWrapper p {
	width:400px;
	padding-bottom:10px;
}

img.singlePdt {
	float:left;
	margin: 0px 5px 0px 0px;
	width:194px;
	height:190px;
}

table.singlePdtTable {
	width:220px;
}
table.singlePdtTable th {
	padding:1px;
	border-bottom:1px dashed #CCCCCC;
	text-align: left;
}

table.singlePdtTable td {
	padding:1px;
	text-align: left;
}

img.orderNow {
	float:right;
	padding:5px 0px;
}

/* -- PRODUCTS PAGE ---*/


.pdtsLeftCont {
	float:left;
	display:block;
	width:408px;
	padding: 5px;
	margin: 0px 0px 0px 10px;
}
.pdtsRightCont {
	float:right;
	display:block;
	width:408px;
	padding: 5px;
	margin: 0px 10px 0px 0px;
	

}

/* -- fomr contents --*/

.contactForm {
}
.contactForm p {
	height:20px;
	padding-top: 8px;
}
.fieldWrapper {
	display:block;
	padding: 5px 0px;
	width: 480px;
}


label {
	width:125px;
	margin: 5px 0px;
	float: left;
	display: block;
}

input, textarea, select {
	font-size: 11px;
	width: 200px;
	border: 1px #CCCCCC solid;
	height: 15px;
	padding-top: 2px;
	color: #333333;
	
}
textarea{
	font-size: 11px;
	width: 200px;
	border: 1px #CCCCCC solid;
	height: 55px;
	padding-top: 2px;
	color: #333333;
	
}


input.chkBox {
	width:20px;
}

select {
	padding:2px;
	height: 20px;
}
textarea {
}
.submitBtn {
	width:75px;
	border: auto;
	font-size: 12px;
	height: 22px;
}
.wide {	width:73%;}



/* - contact div  --*/

.contactDiv {
	width:93%;
	float:left;
	margin: 5px;
	padding: 10px;
}

.contactDiv span {
	display:block;
	padding: 3px 0px 3px 0px;
	margin: 4px 0px;
	border-bottom: 1px #CCCCCC dashed;
}

.border { border: 1px dotted #CCCCCC;}
.line { border-top: 1px solid #999999;
margin:2px 0px 0px 0px;}