.menu
{   
	font-family: Verdana;
	text-align: center;
	background-color: #0E72A3;
	width: 144px;
	height: 20px;
	font-size: 8pt;
	color: white;
}

.menuOver
{
	font-family: Verdana;
	text-align: center;	
	background-color: #2B8FC0;
	width: 144px;
	height: 20px;
	font-size: 8pt;
	color: white;
}

.dynamicMenu
{
	font-family: Verdana;
	background-color: #0E72A3;
	width: 144px;
	height: 20px;
	font-size: 8pt;
	color: white;
}

.dynamicMenuOver
{
	font-family: Verdana;	
	background-color: #2B8FC0;
	width: 144px;
	height: 20px;
	font-size: 8pt;
	color: white;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	color: #727272;
	font-size: 12px;
	font-family: tahoma;
}
.style2 {
	color: #363636;
	font-size: 12px;
	font-family: tahoma;
}
.style4 
{
    color: #363636; 
    font-size: 12px; 
    font-family: tahoma; 
    font-weight: bold; 
}

.style5 {
	color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style6 {
	color: #363636;
	font-size: 11px;
	font-family: tahoma;
}
.style7 {
	color: #363636;
	font-size: 9px;
	font-family: tahoma;
}
.style8 {
	color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
}
    
.style9 {font-size: 12px}
.style10 {
	color: #0b83b6;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style12 {
	color: #2a6aad;
	font-size: 12px;
	font-family: tahoma;
}
.style13
{
    color: #363636;
    font-size: 12px;
    font-family: verdana;    
}

.NavHeader{	
	background-image: url(images/kettle_1.jpg);
	background-repeat: no-repeat;
	height: 21px; 	
	width: 184px;	
}

.NavHeaderTitle
{
    color: #363636; 
    font-size: 12px; 
    font-family: tahoma; 
    font-weight: bold; 
    text-transform:uppercase;    
}

.ContentHeader{	
	background-image: url(images/kettle_5.jpg);
	background-repeat: no-repeat;
	height: 21px; 	
}

.ContentHeaderTitle
{
    color: #363636; 
    font-size: 12px; 
    font-family: tahoma;     
    text-transform:uppercase;   
}

.ReviewHeader{	
	background-image: url(images/kettle_7.jpg);
	background-repeat: no-repeat;	
	height: 21px; 	
}

.ReviewContent
{
    background-image: url(images/line_5.jpg);   
}

.ColCenter
{
    background-image: url(images/line_4.jpg);   
}

.MainContent
{	
	/* background-image: url(images/line_4.jpg); */	
	background-image: url(images/line_white.jpg);
}
    
.MainContentHeader
{
    /* background-image: url(images/latecs.jpg); */
    background-image: url(images/kettle_5.jpg);        	
	background-repeat: no-repeat;	
	height: 21px; 	    
}

.ContentRight
{
    background-image: url(images/line_3.jpg);    
}

.ContentRightHeader
{
    background-image: url(images/kettle_3.jpg);
	background-repeat: no-repeat;	
	height: 21px; 	
    
}
    
.ColRight
{
    background-image: url(images/rep_2.jpg);
    width:32px;
}

.Footer
{
    background-image: url(images/rep_1.jpg);
}

.Bottom
{
    background-image: url(images/tiling_1.jpg);
}

.ExtendedCol
{
	/*     background-image: url(images/tiling_1.jpg); */
	background-image: url(images/LeftColBg.jpg);
}

.Seperator
{    
    src: url(images/line_2.jpg);
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.Button
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: white;
    font-size: 12px;
    font-family: tahoma;
    color: #284775;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 60px;
}



.EditField
{
    width: 150px;    
}

.EditTxtField
{
    width: 150px;    
    height: 200px;
}

/* ****************** Common ************************* */
fieldset
{
    line-height: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 490px;
    margin: 0px;
    background-color: White;
    border-right: #e0e0e0 1px solid;
    border-top: #e0e0e0 1px solid;
    border-left: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
}

.LeftCol
{
    width: 60px;
    height: 23px;
    vertical-align: top;
}

.RightCol
{
    width: 250px;
    text-align: left;
    vertical-align: top;
}

legend
{
    color: #696969;
    font-size: 12px;
    font-family: tahoma;
    text-transform: uppercase;
    font-weight: bold;   
}
/* ****************** Article Image ****************** */
table.front_article
{
    /*display: table-cell;*/
    height: 170px;
    width: 170px;
    text-align: center;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;   
}

table.front_article tr
{   
    background-image: none;
}
/* ****************** Product Image ****************** */
table.product_image
{
    /*display: table-cell;*/
    height: 90px;
    width: 90px;
    text-align: center;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;       
}

table.product_image tr
{   
    background-image: none;
}

table.miniArticleImg
{
    /*display: table-cell;*/
    height: 80px;
    width: 80px;
    text-align: center;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;   
    background-color: White;
}

table.miniArticleImg tr
{   
    background-image: none;
}

table.g_product_image
{
    /*display: table-cell;*/
    height: 55px;
    width: 55px;
    text-align: center;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;   
}

table.g_product_image tr
{
	background-image: none;	
}

/* ****************** Product Listing ****************** */
.ProductListingGrid tr
{
    background-image: url('images/elipse.gif' );
    background-repeat: repeat-x;
    width: 515px;   
}

.ProductListingPager 
{
    background-image: none;
    font-size: 12px;
}

.ProductListingPager tr 
{
    background-image: none;
    font-size: 12px;
}

.ProductListingPager div
{
    background-image: none;
    font-size: 12px;
}

/* ****************** Product Info ****************** */
.productInfoGrid
{
    width: 515px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

/* ****************** AddEditProduct ****************** */


/* ****************** AddEditReview ****************** */


/* ****************** Review Listing ****************** */
.ReviewListingGrid tr
{
    background-image: url('images/elipse.gif' );
    background-repeat: repeat-x;
    width: 515px;   
}

.ReviewListingPager tr
{
    background-image: none;
    font-size: 12px;
}

.RwProsRow
{
    background-image: none;
	background: #aaeebb;
}

.RwRowTd
{
    background-image: none;
	background: #aaeebb;
}

.RwToolRowTd
{
    background-image: none;
    background: #B9DDF5;
}

.RwConsRow 
{
    background-image: none;
	background: #aaeebb;
}

.RwTopRight
{
	background: url(images/cornerr.gif) #aaeebb no-repeat right top;
	width: 10px;
	height: 16px;
}

.RwTopLeft
{
	background: url(images/cornerl.gif) #aaeebb no-repeat left top;
	width: 10px;
	height: 16px;
}

.RwBottomRight
{
	background: url(images/cornerbr.gif) #aaeebb no-repeat right bottom;
	width: 10px;
	height: 16px;
}

.RwBottomLeft
{
	background: url(images/cornerbl.gif) #aaeebb no-repeat left bottom;
	width: 10px;
	height: 16px;
}

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
	width: 65px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.gif);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.gif);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.gif);
}

/* ****************** Article Listing ****************** */
.ArticleListingGrid tr
{
    width: 515px;
    border-bottom: gold 1px solid;
}

.ArticleListingPager tr
{
    background-image: none;
    font-size: 12px;
}

/* ****************** tabbed controle ****************** */
#container
	{
		width: 490px;
		/*
		padding: 10px;
		border: 1px solid #ccc;				
		*/
		padding: 5px;
		border: 0px solid #ccc;				
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(images/qna/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}
	
.add-question-btn
{
	position: static;
	top: 0px;
	right: 0px;
	float: right;
	display: inline;	
}

/* ****************** Question Info ****************** */
.QuestionInfo
{
	width: 515px;
	border-right: #FF8000 1px solid;
	border-top: #FF8000 1px solid;
	border-left: #FF8000 1px solid;
	border-bottom: #FF8000 1px solid;
	background-color: white;	
}	

.AnswerGood
{
    background-color: #DDF0F8;
}	

/* ****************** Topic Info ****************** */
.TopicInfo
{
	width: 490px;
/*	border-right: #FF8000 1px solid;
	border-top: #FF8000 1px solid;
	border-left: #FF8000 1px solid;
	border-bottom: #FF8000 1px solid;*/
	background-color: white;	
}	


/* ****************** Common ****************** */
.WisperMsg
{
	background-color: #fff8dc;
}	

.GreyRow
{
	background-color: gainsboro;
}


/*Textbox Watermark*/
.unwatermarked {
/*	height:18px;
	width:200px; */
	font-weight:bold;	
    color: #000080;	
}

.watermarked {
/*	height:20px;
	width:200px;*/
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color: #fefbd2;
	/*background-color:#F0F8FF;*/
	color:gray;
}	


/* ****************** SendToMail ****************** */
.MailLeftCol
{
    width: 90px;
    height: 23px;
    vertical-align: top;
}

.MailRightCol
{ 
    text-align: left;
    vertical-align: top;
}

/* ****************** Menu Bar ****************** */
#wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: left;		
	background: #fff url(images/menubar/greenbar-top.gif) repeat-x top left;
	}
#header {
	width: 100%;
	float: left;	
	margin: 0;
	padding: 0;
	background: url(images/menubar/header-bg.gif) repeat-x bottom left;
	}
#header h1
{
	float: left;
	width: 900px;
	height: 40px; 
	margin: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
#header h1 a {
	border: none;
	background: none;
	}

#nav
{
	width: 960px;
	float: left;
	margin: 0;
	font-family: "Trebuchet MS" , Verdana;
	font-size: 115%;
	text-transform: lowercase;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
}
#nav li {
	list-style: none;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	}
#nav a {
	float: left;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #6CA300;
	border: none;
	}
	
/* hover state */

#nav li:hover {
	background: #E0E8B9 url(images/menubar/nhov-top.gif) no-repeat top left;
	}
#nav a:hover { /* a backup for IE's lack of li:hover support */
	background-color: #E0E8B9;
	}
html>body #nav a:hover {
	background: transparent url(images/menubar/nhov-bottom.gif) no-repeat bottom right;
	}
	
/* active state */

#nav li.active {
	background: url(images/menubar/nav-top.gif) no-repeat top left;
	}
#nav li.active a {
	color: #333;
	background: url(images/menubar/nav-bottom.gif) no-repeat bottom right !important;
	}
	
/* ****************** Side Box ****************** */	
/* rounded box style */

.box {
	width: 241px;
	margin: 0 0 14px 0;
	background: #F8F8EC url(images/sideBox/box-tile.gif) repeat-y top left;
	}
.box-inner {
	background: url(images/sideBox/box-bottom.gif) no-repeat bottom left;
	}

.box-total-amt
{
	margin: 0;
	font-family: Arial, 'Trebuchet MS' , sans-serif;
	font-size: 18px;
	color: #3399ff;
	text-align: center;
	font-weight: bold;
	padding-right: 18px;
	padding-left: 60px;
	padding-bottom: 0px;
	padding-top: 0px;
}	

.box h2
{
	margin: 0;
	padding: 15px 18px 0 18px;
	font-family: "Trebuchet MS" , sans-serif;
	font-size: 16px;
	color: #E97E00;
	background: url(images/sideBox/box-top.gif) no-repeat top left;
	font-weight: normal;
}
	
.box h3 {
	margin: 0;
	padding: 15px 18px 0 18px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 110%;
	color: #E97E00;
	background: url(images/sideBox/box-top.gif) no-repeat top left;
	}
.box p, .box ul, .box ol, .box dl, .box form{
	margin: 0;
	padding: 1em 18px 18px 18px;
	/* 
    font-size: 85%;
	line-height: 1.4em;
    */	
	color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
	}
	
.box table
{
	margin: 0; 
	color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
	padding-right: 1em;
	padding-left: 18px;
	padding-bottom: 0px;
	padding-top: 0px;
}
	
.PickImg
{
	float: left;
	width: 48px;
	padding-right: 10px;
	padding-left: 2px;
	padding-bottom: 10px;
	padding-top: 2px;
}	
	
.box ul li {
	margin: 0 0 2px 10px;
	padding-left: 15px;
	list-style: none;
	background: url(images/sideBox/bullet-alt.gif) no-repeat 0 3px;
	}
.box dl dt {
	margin: 0 0 2px 0;
	font-weight: bold;
	}
.box dl dd {
	margin: 0;
	padding: 0;
	}
	
/************** about us *****************/
.title
{
	font-size: 14px;
	color: #6CA300;
	font-family: 'Trebuchet MS' , sans-serif;
	font-weight: bold;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.desc
{
	color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 2px;
}

/* ****************** Blog Listing ****************** */
.BlogListingHeader
{
	/* background-image: url('images/elipse.gif' ); */
    background-image: none;     
    color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
    line-height: 12px; 
    letter-spacing: 2px; 
}

.BlogListingHeader div
{
	/* background-image: url('images/elipse.gif' ); */
    background-image: none;     
    color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
    line-height: 12px; 
    letter-spacing: 2px; 
}

/* ****************** Ad Listing ****************** */
.AdListingHeader
{
	/* background-image: url('images/elipse.gif' ); */
    background-image: none;     
    color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
    line-height: 12px; 
    letter-spacing: 2px; 
}

.AdListingHeader div
{
	/* background-image: url('images/elipse.gif' ); */
    background-image: none;     
    color: #4d4d4d;
	font-size: 12px;
	font-family: tahoma;
    line-height: 12px; 
    letter-spacing: 2px; 
}

/* ****************** css button ****************** */
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.squarebutton_gray{
background: transparent url('images/cssbutton/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebutton_gray span{
background: transparent url('images/cssbutton/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_green{
background: transparent url('images/cssbutton/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebutton_green span{
background: transparent url('images/cssbutton/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a:link.squarebutton_gray, a:visited.squarebutton_gray, a:active.squarebutton_gray, 
a:link.squarebutton_green, a:visited.squarebutton_green, a:active.squarebutton_green{
color: #494949; /*button text color*/
}

a.squarebutton_gray:hover, a.squarebutton_green:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_gray:hover span, a.squarebutton_green:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}