﻿body { margin: 0px; background-color: #ffffff; }

body,p,td,pre,input,textarea { color: #000000; }
body,p,td,pre,input,textarea { font-family: verdana; }
body,p,td,pre,input,textarea { font-size: 11px; }


.top_title { font-family: tahoma; font-weight: 500; font-size: 21px; color: #666666; text-transform: uppercase; }


.navigationline { background-color: #ffffff; background-repeat: repeat; background-position: top left;  
	background-image: url(../images/MasterPage/navigationline.gif); }

.nav_white:link { font-family: verdana; color: #ffffff; font-weight: 700; text-decoration: none; } 
v.nav_white:link { font-family: verdana; color: #ffffff; font-weight: 700; text-decoration: none; }
a.nav_white:link { font-family: verdana; color: #ffffff; font-weight: 700; text-decoration: none; }
a.nav_white:visited { font-family: verdana; color: #ffffff; font-weight: 700; text-decoration: none; }
a.nav_white:active { font-family: verdana; color: #ffffff; font-weight: 700; text-decoration: none; }
a.nav_white:hover { font-family: verdana; color: #cccccc; font-weight: 700; text-decoration: none; }

.white { font-family: verdana; color: #ffffff; font-weight: 700; font-size: 10px;}
.darkred { font-family: verdana; color: #990000; font-weight: 700; font-size: 10px;}
.search { display:none;}
.black_bold { font-family: tahoma; color: #000000; font-weight: 700; font-size: 10px;}
.black { font-family: tahoma; color: #000000; font-size: 10px;}
.black_bc { font-family: tahoma; color: #000000; font-size: 11px;}

.nav_darkred_bold:link { font-family: verdana; color: #990000; font-weight: 700; text-decoration: none; } 
v.nav_darkred_bold:link { font-family: verdana; color: #990000; font-weight: 700; text-decoration: none; }
a.nav_darkred_bold:link { font-family: verdana; color: #990000; font-weight: 700; text-decoration: none; }
a.nav_darkred_bold:visited { font-family: verdana; color: #990000; font-weight: 700; text-decoration: none; }
a.nav_darkred_bold:active { font-family: verdana; color: #990000; font-weight: 700; text-decoration: none; }
a.nav_darkred_bold:hover { font-family: verdana; color: #000000; font-weight: 700; text-decoration: none; }

.nav_darkred:link { font-family: verdana; color: #990000; text-decoration: none; } 
v.nav_darkred:link { font-family: verdana; color: #990000; text-decoration: none; }
a.nav_darkred:link { font-family: verdana; color: #990000; text-decoration: none; }
a.nav_darkred:visited { font-family: verdana; color: #990000; text-decoration: none; }
a.nav_darkred:active { font-family: verdana; color: #990000; text-decoration: none; }
a.nav_darkred:hover { font-family: verdana; color: #000000; text-decoration: none; }

.nav_small:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; } 
v.nav_small:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_small:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_small:visited { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_small:active { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }
a.nav_small:hover { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }

.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; } 
v.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:visited { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:active { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }
a.nav_smallside:hover { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }

.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; } 
v.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:link { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:visited { font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside:active { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }
a.nav_smallside:hover { font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }

.nav_smallside_bold:link { font-weight: 700;font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; } 
v.nav_smallside_bold:link { font-weight: 700; font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside_bold:link { font-weight: 700; font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside_bold:visited { font-weight: 700; font-size: 11px; font-family: verdana; color: #000000; text-decoration: none; }
a.nav_smallside_bold:active { font-weight: 700; font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }
a.nav_smallside_bold:hover { font-weight: 700; font-size: 11px; font-family: verdana; color: #990000; text-decoration: none; }

.nav_breadcrumbs:link { font-size: 11px; font-family: tahoma; color: #000000; text-decoration: none; } 
v.nav_breadcrumbs:link { font-size: 11px; font-family: tahoma; color: #000000; text-decoration: none; }
a.nav_breadcrumbs:link { font-size: 11px; font-family: tahoma; color: #000000; text-decoration: none; }
a.nav_breadcrumbs:visited { font-size: 11px; font-family: tahoma; color: #000000; text-decoration: none; }
a.nav_breadcrumbs:active { font-size: 11px; font-family: tahoma; color: #000000; text-decoration: none; }
a.nav_breadcrumbs:hover { font-size: 11px; font-family: tahoma; color: #990000; text-decoration: none; }


/* common classes */
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.j { text-align:justify; }
.no-overflow { overflow:hidden; }
div.clear { clear:both; height:0; font-size:0; line-height:0; overflow:hidden; }
.optional { color:#888; }
.right-button { float:right; clear:both; margin:10px; }
.Panel {overflow:visible;}
input {display:none;}
textarea {font-size:x-small;font-family:Verdana;}
.HasBorder
{
	border : solid 1px black;	
}
body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	/*background:#eee url(images/diagonals.gif) repeat;*/
	background: #ffffff;
	}
ul,li { margin:0; padding:0; }
/* remove image borders */
img { border:0; }

/* make sure small font is consistent size */
small { font-size:80%; }

/* set link decoration & colour */


a { color : #050547; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; text-decoration : underline;}	

a:active { color : #CC9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; text-decoration : underline;}

a:hover { color : #CC9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; text-decoration : underline;}

/* default paragraph padding */
table { margin:0 auto; width:100%; }
th, td { padding:2px 4px; vertical-align:top}
th { background:#444e67; }
tr.alt { background:#efefef; }
th, th a { color:White; }

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:14px;
	line-height:14px;
	font-weight:900;
	color:#000;
	}
p {
	font:x-small verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0 0 1em; 
}

/* page structure */
#page 
{
	padding: 5px 5px 0 5px;
	width:900px;
	margin:0 auto;
	/*background-color:#fff;	*/
	border-width: 0px;
	
	
}
/*
	Added by Roopesh
*/


.TopMenu
{
	Display:none;
}

#footer 
{	    
    background-color: #fff;
	font-size:10px;
	font-family:Verdana;
	height:62px;
	width:900px;
	display:block;
	text-align:center;
}	
	
#footerNew
{		
	margin-top: 10px;
}
#footerNew .footerTop
{	
	text-transform:uppercase;
	text-align: right;
	font-size:10px;
	font-family:Verdana;
}

.Breadcrumbs
{
	Display:none;	
}

#TopFrameBanner
{
	Display:none;
}

#mainNew
{
/*	position:absolute;*/
	display:block;
	width:900px;		
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;			
}

#mainNew .mainLeft
{		
	Display:none;

}
#mainNew .mainRight
{
	display:block;
    padding: 0px 0px 0px 0px;
	float:left;		
	width:730px;
	font-family: Verdana;
	font-size: x-small;		
}

.PageHeading
{
	font-family: Verdana; 
	font-weight: 500; 
	font-size: 24px; 
	color: Black; 
	text-transform: uppercase;
	display:block;
	float:left;
	width:420px;
	height:45px;
	text-align:left;
	margin-top:5px;
	background-image:url(../images/css/HeadingBG.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.ProductHeading
{
	font-family: Verdana; 
	font-weight: 900; 
	font-size: 14px; 
	color: Black; 
	text-align:left;
	margin-top:10px;	
	margin-bottom:10px;	
	display:block;
	float:left;
}

.MarketSegmentHeading
{		
	clear:both;
	/*display:block;*/
	Display:none;	
	width:720px;
	height:19px;
	margin-top:5px;
	background-color: #aaa;
	color:White;
	font-weight:bolder;
	float:right;
}

.MarketSegmentHeadingItem
{
	float:left;
	margin-top:3px;
	margin-left:5px;
	height:16px;
}
	
.BrandHeading
{	
	clear:both;	
	display:block;
	width:710px;
	height:19px;
	margin-top:5px;
	margin-left:5px;
	background-color: #ccc;
	color:Black;
	font-weight:bold;
	float:right;
}

.BrandHeadingItem
{
	float:left;
	margin-top:3px;
	margin-left:5px;
	height:16px;
}

.BrandHeadingImage
{
	float:left;
	margin-top:2px;
	margin-left:5px;
}		
.TextBoxDate
{
	width:70px;
}

.RadioFields
{
	clear:both;
	background-color:#eeeeee;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	width:340px;
	padding:20px 40px 20px 40px;
}

.SearchFields
{
	Display:none;
}
.SearchFields label 
{ 
	clear:none;
	float:left;
	display:inline; /* MSIE float-margin fix */
	width:95px; 
	text-align:right; 
	margin:5px 5px 5px 0;
	font-size:x-small;
	font-family:Verdana;
}

.SearchFields input, .SearchFields span, .SearchFields a, .SearchFields select, .SearchFields textarea
{
	float:left;
	display:inline; /* MSIE float-margin fix */
	margin:5px 5px 5px 0;
	clear:none;
}
.SearchFields br { clear:both; }

.left {	float:left; }
.right { float:right; }

.QuoteDetail label 
{ 
	clear:none;
	font-size:small;
	font-family:Verdana;
	float:left;
	width:180px;
	display:block;
	text-align:left; 
}

.PagerBar
{
	clear:both;
	float:left;
	display:block;
	height:22px;
	margin-top:10px;
	background-color:#999;		
}
.PagerStart
{
	float:left;
	display:block;
	height:22px;
	width:16px;
	margin-right:15px;
	background-color:#446;			
}
.PagerNumber
{
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	height:17px;
	color:White;	
	font-weight:bold;
}
.PagerNumber a, .PagerNumber a:hover
{
	color:White;
	text-decoration:none;
}
.PagerDivider
{
	float:left;
	background-color:#fff;
	width:1px;
	height:14px;
	margin-top:4px;
}

.info
{
	font-size:12px;
	font-family:Verdana;
}

#HeaderTop a, #HeaderTop a:hover
{
	text-decoration:none;
}

.logo1
{
	float:left;
	width:145px;
	height:68px;
	padding-top:10px;
	padding-left:20px;
	display:block;
}

.logoDiv
{
	float:left;
	background-color:Red;
	width:1px;
	height:20px;
	margin-top:35px;
	margin-right:20px;
	display:block;
}



.sideTitleName
{
	float:left;
	font-weight:bold;
	display:block;
}

.sideTitleSpace
{
	float:left;
	width:20px;
	display:block;
	color:#444e66;
}

.sidenavigationbox { background-color: #CCCCCC; background-repeat: repeat-y; background-position: top left;  
	background-image: url(../images/MasterPage/sidenavigationbox.gif); 
	padding: 4px 0px 0px 0px; color: #ffffff; 	display:block;
}

.subsidenavbox { background-color: #CCCCCC; background-repeat: repeat-y; background-position: top left;  
	background-image: url(../images/MasterPage/subsidenavbox.gif); padding: 4px 0px 4px 0px;
	border-top: solid 1px #eeeeee; 	display:block;

}

.LeftMenuItem
{
	/*display:none;*/	
	padding: 5px 0px 4px 15px;
	background-color: #cccccc;
}

.LeftMenuSpace
{
	margin-left: 17px;
}
.mainLeftPromo
{		
    display:block;
   /* width:200px;*/
    text-align:center;
   	background-color: #cccccc;
   	padding-top:3px;
   	padding-bottom:2px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu 
{
  display :none;
	
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 680px; /*For KHTML*/
  list-style: none;
  height: 20px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color : White; 
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width: 100px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #cccccc;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
/*  color: #666; */
color: #666666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #000000;
 font-weight:bolder;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*Section Title - START*/
.SectionTitleBar
{
	clear:both;
	display:block;
	width:680px;
	height:19px;
	background-color:#dddddd;
	display:block;
	margin-top:5px;
	margin-bottom:5px;	
}
.SectionTitleName
{
	float:left;
	font-weight:bold;
	width:200px;
	margin-top:3px;
	margin-left:10px;
	height:16px;
}
.SectionTitleArrow
{
	float:left;
	height:15px;
	margin-top:4px;
	margin-left:10px;
	margin-right:10px;
}
/*Section Title - END*/

/*Kit Part Group Title - START*/
.GroupTitleBar
{
	clear:both;
	background-color:#eeeeee;
	display:block;
	width:680px;
	height:19px;
	margin-top:5px;
	margin-bottom:5px;
}
.GroupTitleName
{
	float:left;
	width:200px;
	font-weight:bold;
	margin-top:3px;
	margin-left:10px;
	height:16px;
}
.GroupTitleSelectedItem
{
	float:left;
	margin-top:3px;
	height:16px;
}
.GroupTitleArrow
{
	float:left;
	height:15px;
	margin-top:4px;
	margin-left:10px;
	margin-right:10px;
}
.GroupTitleName a, .GroupTitleName a:hover, .GroupTitleName a:active, .GroupTitleArrow a, .GroupTitleArrow a:hover, .GroupTitleArrow a:active
{
	text-decoration:none;
}
/*Kit Part Group Title - END*/

/*Kit Part Option - START*/
.OptionItemBar
{
	clear:both;
	display:block;
	width:650px;
	height:19px;
	margin-left:30px;
	margin-top:5px;
	margin-bottom:5px;
}
.OptionItem
{
	float:left;
	margin-top:3px;
	margin-left:5px;
	height:16px;
}
.OptionItem a, .OptionItem a:hover, .OptionItem a:active
{
	text-decoration:none;
}

/*Order detail kit part expand - START */
.OArrowRShow
{
	float:left;
	width:15px;
	margin-left:7px;
	margin-top:2px;
	display:none;
}
.OArrowRHide
{
	float:left;
	width:15px;
	margin-left:7px;
	margin-top:2px;
	display:none;
}
.OArrowDShow
{
	float:left;
	width:15px;
	margin-left:7px;
	margin-top:2px;
	display:block;
}
.OArrowDHide
{
	float:left;
	width:15px;
	margin-left:7px;
	margin-top:2px;
	display:block;
}
.OKitPartShow
{
	display:Block;
	margin-left:15px;
}
.OKitPartHide
{
	display:Block;
	margin-left:15px;
}
/*Order detail kit part expand - END */
