﻿/*--------------- Body - Structure -------------*/
.body {	
	margin: 0px;
	background-color:#C8F1F1;	
	background-image:url(images/inside-page-bg.jpg); background-repeat:repeat-x; background-position:top;
}
.bg-line{	
	margin: 0px;
	background-color:#EFFBFB;	
	background-image:url(images/bg-line.gif); background-repeat:repeat-x; background-position:top;
}
.pro-bg-line{	
	margin: 0px;
	background-color:#EFFBFB;	
	background-image:url(images/pro-detail-bgline.gif); background-repeat:repeat-x; background-position:top;
}
.pro-detail-shade{	
	margin: 0px;
	background-color:#ffffff;	
	background-image:url(images/pro-detail-page-bg.gif); background-repeat:repeat-x; background-position:top;
}
.bottom-bg-line{	
	margin: 0px;
	background-color:#C8F1F1;	
	background-image:url(images/bottom-bg-line.gif); background-repeat:repeat-x; background-position:bottom;
}
img { border:0;}
form {margin: 0px; padding: 0px; }
.listBox{
	width:160px; height:16px; background-color: #ffffff;
	margin: 0px; padding:0px; font-family: Verdana;
    font-size: 10px; color: #747474; text-align: left;
	border-top: 1px solid #7D7D7D;  border-bottom: 1px solid #7D7D7D;
    border-left: 1px solid #7D7D7D; border-right: 1px solid #7D7D7D;}
    
.listBoxState{
	width:160px; background-color: #ffffff;
	margin: 0px; padding:0px; font-family: Verdana;
    font-size: 10px; color: #747474; text-align: left;
	border-top: 1px solid #7D7D7D;  border-bottom: 1px solid #7D7D7D;
    border-left: 1px solid #7D7D7D; border-right: 1px solid #7D7D7D;}
    
.textarea{
	width:175px; height:60px;  background-color: #ffffff;
	margin: 0px; padding:0px;  font-family: Verdana;
    font-size: 11px; color: #7D7D7D; text-align: left;
	border-top: 1px solid #7D7D7D;  border-bottom: 1px solid #7D7D7D;
    border-left: 1px solid #7D7D7D;  border-right: 1px solid #7D7D7D;}
.textBox{
	width:175px; height:18px; border-top: 1px solid #7D7D7D;
    border-bottom: 1px solid #7D7D7D;  border-left: 1px solid #7D7D7D;
    border-right: 1px solid #7D7D7D;  background-color: #FFFFFF;
	margin: 0px;  font-family: Verdana;  font-size: 10px;    
    color: #7D7D7D;	text-align: left;}
.checkBox {
	width:15px;	height:15px; border:0px;
    font-size: 10px;  background-color: #FFFFFF;
	padding:0px; margin: 2px;  color: #7D7D7D;}
/*--------------Backgrounds--------------*/
.BG-Green { background-color: #2D6205; } /* Green */
.BG-LgtGreen { background-color: #438F08; } /* Light Green */
.BG-Orange { background-color: #FF5A00; } /* Orange */
.BG-Grey { background-color: #EFF0F0; } /* Grey */
.BG-White {	background-color: #FFFFFF; }
.BG-Black {	background-color: #000000; }
/*--------------Text Styles--------------*/
.wht-verdana10px {	
    font-family: verdana; font-size: 10px;  color: #ffffff;	}
.wht-verdana11px {	
    font-family: verdana; font-size: 11px;  color: #ffffff;	}
.black-greenlink {	
    font-family: verdana; font-size: 11px;  color: #000000; line-height:17px;}
.black-greenlink a{	
    color: #339900; text-decoration:underline; font-weight:bold;}
.black-greenlink a:hover{	
    color: #339900; background-color:#339900; color:#ffffff; text-decoration:none; font-weight:bold	}
.blackverdana-link {	
    font-family: verdana; font-size: 11px;  color: #000000; line-height:18px;}
.blackverdana-link a{	
    color: #000000; text-decoration:underline;}
.blackverdana-link a:hover{	
    color: #000000; text-decoration:none;}
.greyverdana-link {	
    font-family: verdana; font-size: 10px; color: #666666;line-height:14px;	}
.greyverdana-link a{	
    color: #666666; text-decoration:underline;}
.greyverdana-link a:hover{	
    color: #666666; text-decoration:none;}
.redverdana-link {	
    font-family: verdana; font-size: 10px; color: #CC0000; line-height:17px;}
.redverdana-link a{	
    color: #CC0000; text-decoration:underline;}
.redverdana-link a:hover{	
    color: #CC0000; text-decoration:none;}
.blueverdana-link {	
    font-family: verdana; font-size: 10px; color: #006699; line-height:17px;}
.blueverdana-linkBold {	
    font-family: verdana; font-size: 10px; font-weight:bold ;  color: #006699; line-height:17px;}
.blueverdana-link a{	
    color: #006699; text-decoration:underline;}
.blueverdana-link a:hover{	
    color: #006699; text-decoration:none;}
.blue2verdana-link {	
    font-family: verdana; font-size: 11px;  color: #0B7791; line-height:17px;}
.grey-price {	
    font-family: verdana; font-size: 11px; color: #666666;}
.whtverdana-link {	
    font-family: verdana; font-size: 10px; color: #ffffff;}
.Blackverdana-link {	
    font-family: verdana; font-size: 10px; color:Black;}
.whtverdana-link a{	
    color: #ffffff; text-decoration:none;}
.whtverdana-link a:hover{	
    color: #ffffff; text-decoration:none;}
.bottom-link {	
    font-family: verdana; font-size: 11px; color: #0064AF; line-height:17px;}
.bottom-link a{	
    color: #0064AF;text-decoration:underline;}
.bottom-link a:hover{	
    color: #000000; text-decoration:none;}
.footer-link {	
    font-family: verdana; font-size: 11px; color: #000000;line-height:17px;}
.footer-link a{	
    color: #000000;text-decoration:underline;}
.footer-link a:hover{	
    color: #000000;text-decoration:none;}
.products-text {	
    font-family: verdana; font-size: 11px; color: #000000;}
.products-text a{	
    color: #000000;text-decoration:underline;}
.products-text a:hover{	
    color: #000000;text-decoration:none;}
.footer-text {	
    font-family: verdana; font-size: 9px; color: #000000;line-height:17px;}
/*-- BLACK------*/
.blackVerd11px { 
    font-family: verdana; font-size: 11px; color: #000000; text-decoration: none; line-height: 16px; }
/*-- PAGE HEADRES------*/
.white-head {	
    font-family: verdana; font-size: 11px;font-weight:bold; color: #ffffff;}
.left-nav-head{
    font-family: verdana; font-size: 14px;font-weight: bold; color: #ffffff;background-color: transparent;
    background-image: url(Images/label-bg.gif);}
.left-nav-item{
    border-bottom:1px solid #519FBA;}
.left-nav{
    font-family: verdana; font-size: 11px; color: #000000; background-color: #76C3D8; border-bottom: #519fba 1px solid;}
/*------------------Changes for Themes---------------------------------*/
.selectedMenuItem { background-color:#538caa }
.HeadingBottom{background-color:#3375C0 }
.topPanel{background-image: url("Images/Productlogo.jpg");}
.TopBgImg{background-image: url("Images/Top_bg.jpg");}
.TopRgtImg{background-image: url("Images/TopRt.gif");}
.TopInnerltImg{background-image: url("Images/Top_inner_lt.jpg");}
.TopInnerRtImg{background-image: url("Images/Top_inner_rt.jpg");}
.blue-grad-bg{background-image: url("Images/blue-grad-bg.gif");}
.inactive-tab-left{background-image: url("Images/gray_lt.jpg");width:9px;height:25px;}
.inactive-tab-right{background-image: url("Images/gray_rt.jpg");width:9px;height:25px;}
.inactive-tab-center{background-image: url("Images/gray_bg.jpg");}
.inactive-more-items{left:0px; }
.inactive-more-items li a{color:#ffffff; background:#4ea8c2;border:0; margin:0; padding:0;	height:auto; width:13.5em;}
.inactive-more-items li:hover a,.inactive-more-items li a:hover {color:#4ea8c2; background:#ffffff;}
.active-tab-left{ background-image: url("Images/blue_lt.jpg"); width:9px;height:25px;}
.active-tab-right{ background-image: url("Images/blue_rt.jpg"); width:9px;height:25px;}
.active-tab-center{ background-image: url("Images/label-bg.gif");}
.active-more-items{left:0px; }
.active-more-items li a{color:#ffffff; background:#318edb;border:0; margin:0; padding:0;	height:auto; width:13.5em;}
.active-more-items li:hover a,.active-more-items li a:hover {color:#318edb; background:#ffffff;}
.tab-area-bg { background-color:#BCDAE4 }
.tab-area-bgcorner { background-image:url(Images/top-link-rgt.gif); width:7px; height:25px  }    
.title-head-left{ background-image: url(images/label-lft.gif);}   
.title-head-right{ background-image: url(images/label-rgt.gif);}
.title-head-center{
    background-image: url(images/label-bg.gif); font-family: verdana;
    font-size: 14px; font-weight: bold; color: #ffffff;}
/*------------------------End------------------------------------------*/
.left-nav a{	
    color: #000000; text-decoration:underline;}
.left-nav a:hover{	
    color: #000000;text-decoration:none;}
.product-box-text{	
    font-family: verdana; font-size: 11px;color: #666666;line-height:17px;}
.product-box-text strong{	
    color: #339933;}
.product-box-text  a{	
    color: #666666;text-decoration:underline;}
.ShowCase-product-box-text {	
    font-family: verdana; font-size: 10px; color:Black;line-height:17px;}
.ShowCase-product-box-text  a{	
    color: #666666;text-decoration:underline;}
.product-box-text  a:hover{	
    color: #666666;text-decoration:none;}
.DropDown {
	height:18px;border-top: 1px solid #7D7D7D;border-bottom: 1px solid #7D7D7D;
    border-left: 1px solid #7D7D7D;border-right: 1px solid #7D7D7D;background-color: #FFFFFF;
	margin: 0px;font-family: Verdana;font-size: 10px;color: #7D7D7D;}
/*New CSS Added-------------------------------------------*/
.csHide{ visibility:hidden; display:none}
.csShow{ visibility:visible; display:block}
.validatorCalloutHighlight{
    background-color: lemonchiffon;}
.collapsePanel {
	background-color:white;	overflow:hidden;}
.demoarea {
	padding:20px;background-color:#FFF;}
.bulletEye{
	font-size:10px;	font-family: verdana;color: #666666;padding:padding-left;}
.bodyHomePage{		
	margin: 0px;background-image:url(images/bg-gradient.jpg); background-repeat:repeat-x; background-position:top;} 
/*========================= For More...tab =========================*/

.menu {position:relative; float:left; margin:0; padding:0; border:0;
	height:25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.menu img {	vertical-align: top;}
.menu ul {padding:0; margin:0; border:0; list-style-type:none; line-height:25px;}
.menu li {float:left; position:relative;margin:0;}
.menu ul li table {	margin:-1px 0; border-collapse:collapse; font-size:11px;
                 /* re-zero the table margins for everyone but IE5 */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {display:none; padding:1px; }
.menu ul li a { display:block; float:left; text-decoration:none; height:25px;color:white;}
.menu ul li:hover a,
.menu ul li a:hover {height:23px;}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul { display:block;	position:absolute; margin:0; top:23px;
	left:-1px; height:auto; width:13.5em; color:black; background:black; }
	
	
	
	
	
	
	
	
	
	
	
	
/*---------------------rating------------------------*/	
	
	
	
	
	/* ****************** Some basic stuff ****************** */

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 10px;
    height: 12px;
    margin: 0px;
    padding: 0px;
	
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.png);
}


