/**********************
Customized classes
ACCORDING TO PROJECT REQUIREMENT
**********************/
/* TAGS */
/************************************/
body{
	background-image:url(images/mid-back.gif);
}

.pageLeft{
	background-image:url(images/page-left.gif);
	background-repeat:repeat-y;
	height:100%;
}

.pageRight{
	background-image:url(images/page-right.gif);
	background-position:right;
	background-repeat:repeat-y;
	height:100%;
}

#innerPageLeft, .innerPageLeft{
	background-image:url(images/inner-page-left.gif);
	background-repeat:repeat-y;
	height:100%;
}

#innerPageRight, .innerPageRight{
	background-image:url(images/inner-page-right.gif);
	background-position:right;
	background-repeat:repeat-y;
	height:100%;
}

#innerPageContent, .innerPageContent{
	background-image:url(images/mid-back.gif);
	border:0px solid #ffffff;
	margin:0px 32px 0px 31px}

.smallCap{
	font-variant:small-caps;
}
.input{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #7F9DB9;
	background-image: url(images/textfield-tile.gif);
	margin: 3px 0px 3px 0px;
	padding-left:5px;
	background-color:#bcbcb3;
}
.input2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #7F9DB9;
	background-image: url(images/textfield-tile.gif);
	width:95%;
	margin: 3px 0px 3px 0px;
	padding-left:5px;
	background-color:#bcbcb3;
}

.input2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #7F9DB9;
	background-image: url(images/textfield-tile.gif);
	margin: 3px 0px 3px 0px;
	padding-left:5px;
	background-color:#bcbcb3;
}
select{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/textfield-tile.gif);
	border: 1px solid #7F9DB9;
	background-color:#bcbcb3;
	margin: 3px 0px 3px 0px;	
}

option{	
	background-image: url(images/textfield-tile.gif);
}


/**********************************/

a{
	text-decoration:none;
	color: #D14B22;
	cursor: hand;
	padding-bottom: 1px;
}
a:hover{
	color:#D14B22;
	text-decoration:none;
	border-bottom:2px dashed #A5A598;
}
form{
	display:inline;
}

/* CLASSES */
/************************************/
.banner155{
	margin:4px;
	float:right; 
	width:155px; 
	height:98px; 
	border:1px solid #dddddd;
	position:relative;
}
.normalListing{
	list-style-image:  url("images/bullet2.gif");
	text-decoration:none;
	margin-left:20px;
	list-style-position:outside;
	vertical-align:text-top;
}
.normalListing li{
	border-bottom:1px dashed #cccccc;
	padding:1px;
}

.normalListing ul li a:hover{
	list-style-image:url('images/bullet-over2.gif');
	color:#096BFF;
	text-decoration:none;
	background-color:#f1f1f1;
}
.topLinks:hover{
	color:#ff6600;
	border:0px;
	text-decoration:underline;
}

.topButton {
	font:13px  'Trebuchet MS' , Verdana, Helvetica;
	background-color: #fafafa;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #999999;
	border-bottom:none;
}

.topButton:hover {
	background-color: #eaeaea;
	color:#ff9900;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #999999;
	border-bottom:none;
}

.pageTitle {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
}
.tabLeft {
	background-image: url(images/tab-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 8px;
}
.tabRight {
	background-image: url(images/tab-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 8px;
}
.tabMid {
	background-image: url(images/tab-mid.gif);
}

.tab-tile {
	background-image: url(images/tab-tile.gif);
}
.tab-tile, .tabMid {
	background-repeat: repeat-x;
	background-position: left top;
	padding: 3px 5px 0px 18px;
	text-align: center;	white-space: nowrap;
	 height:28px;
}
.tab-tile a, .tabMid a{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:0px;
	 color:#000000;
}

.tab-tile a:hover, .tabMid a:hover{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:0px;
}
.leftLink{
	font-weight:bold;
	color: #333333;
}

.leftLink:hover {
	background-color:#6283e3;
	color: #EAEAEA;
	border:0px;
	text-decoration:none;
}

.leftLink2{
	font:12px;
	font-weight:bold;
	color: #ff9900;
}

.leftLink2:hover {
	background-color:#6283e3;
	border:0px;
	text-decoration:none;
}

.borderBottom{
	border-bottom:1px solid #898989;
}

/* IDs */
/************************************/
#padding8, .padding8{
	padding:8px;
}

.paddingLeft8 {
	padding-left: 8px;
}

#LeftLinkDiv{
	margin:1px;
	padding-left:2px;
	height:16px;
	border: #DDDDDD 1px solid;
}
#LeftLinkDivFeatured{
	margin:1px;
	padding-left:2px;
	height:16px;
	border: #DDDDDD 1px solid;
	background-color:#EAEAEA;
	z-index:100;
	font:12px;
}
/*******************************/
#Footer{
	position:absolute; 
	z-index:4; 
	float:bottom; 
	top:1500px; 
	left:0px; 
	text-align:left;
}

#pageContent{
	width:98%; 
	text-align:left ;
}
#pageRight{
	padding-left:180px;
	text-align:left;
	position:absolute;
	z-index:0;
	padding-right:175px;
}
#pageRight2{
	padding-left:180px;
	text-align:left;
	position:absolute;
	z-index:0;
}

#pageRightInner{
	position:absolute;
	right:0px;
	width:169px;
	text-align:center;
}

#pageLeftMenu{
	position:absolute; 
	z-index:5; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
}

#innerContent{
	margin:0px 55px 0px 102px;
}


/**********************
Heading Tags
**********************/
h1{
	font:bold 17px 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	color: #7B9C23;
	text-decoration:none;
}
h3{
	font:bold 14px Arial,Tahoma,sans-serif;
	color:#FF00CC;
	display:inline;
}
h5 {
	color: #FFFFFF;
	display: inline;
}

h5 a {
	color:#ff9900;
	background-image:url(images/bottom-line.gif);
	background-repeat:repeat-x;
	line-height:35px;
	display: inline;
}

/*  COLORED BACKGROUND IDs
***********************/
#darkGray, .darkGray  {
	color: #FFFFFF;
	background-color: #666666;
}
#gray, .gray{
	background-color:#F5F5F5;
	padding:4px;
	margin:5px;
}
#gray2, .gray2{
	background-color: #eaeaea;
}

#gray1, .gray1{
	background-color:#F5F5F5;
}
#brown{
	background-color: #D14B22;
}

#lightblue {
	background-color: #BBD7FF;
}
#blue {
	color: #FFFFFF;
	background-color: #79AEFF;
}
#orange{
	background-color: #FDF1CE;
}
#brown2 {
	background-color: #FBF7EE;
}
#yellow, .yellow {
	background-color: #FFE488;
}
#darkBrown, .darkBrown {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B70000;
}
#darkBrown2, .darkBrown2 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D14B22;
	padding:2px;
}
#whiteBase, .whiteBase{
	background-color:#ffffff;
	padding:4px;
	margin:5px;
}
#whiteBase2, .whiteBase2{
	background-color:#ffffff;
	padding:3px;
}

.navBarTxt {
	padding:0px 5px 0px 5px;
	width:16px;
	height:15px;
	border: 2px solid #fafafa;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background-color:#e8e8df;
	cursor:hand;	
}

.navBarTxtCurrent, .navBarTxtCurrent:hover, .navBarTxt:hover  {
	cursor:hand;
	width:16px;
	height:15px;
	background-color:#666666;
	padding:0px 5px 0px 5px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid #fafafa;
	
}
.borderThik {
	border: 3px solid #FFFFFF;
}

.tdBorder td{
	border:1px solid #bbbbbb;
}
.lightBrownBg {
	background-color: #E8E8DF;
}

.productBigBase{
	background-image:url(images/product-base-big.gif);  width:410px; height:390px; border:1px solid #898989; padding:5px;
}
.productBigBaseNew{
	 background-image:url(images/product-base-big-new.jpg);width:410px; height:390px; border:1px solid #898989; padding:5px;
}

.productBase{
	background-image:url(images/product-base.gif);  width:154px; height:147px; padding:5px; border:1px solid #898989;
}
.productBaseNew{
	 background-image:url(images/product-base-new.jpg);width:154px; height:147px; padding:5px; border:1px solid #898989;
}
.productBlock{
	width:100%; height:100%;
}ul {
	list-style-image: url(images/bullet-black.gif);
	vertical-align: middle;
	line-height: 25px;
}
#displayInline, .displayInline {
	top: 0px;
}
#intro a{
	color:#fecd03; font:bold 11px "Tahoma","Arial";
}
.whiteTxt{
	color:#ffffff;
	font-weight:bold;
}
#dgsm {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}