/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

.displaycss							{ }
body								{ background-color: #f4f4f4; margin:0; padding:0;  }
#PageBgImage						{ text-align: left; margin:0 auto; padding: 10px 0 30px 0; }
#OuterContainerTop					{ }
#OuterContainerBottom				{ }
#OuterContainer						{ background: transparent; }
/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

#OuterContainer						{ margin: 0 auto; }
#OuterContainerMiddle				{ width: 100%; }
#OuterContainerMiddlePadding		{ padding: 10px 20px 40px 20px; }
img.corner							{ width: 10px; height: 10px; border: none; display: block !important; }
.w800x600							{ width: 780px; margin: 0 auto; }
.w1024x768							{ width: 980px; margin: 0 auto; margin-top: 10px; }
.wFull								{ width: 90%; margin: 0 auto; }
.top_sub_nav                        { padding-top: 20px;}

#HeaderRow							{ }
#Logo								{ float: left; margin-bottom: 20px; }
#Logo a								{ border: none; }
#Logo a:hover						{ border: none; background: transparent; }
#Search								{ float: right; position: relative; width: 280px; height: 30px; background: url('images/search.bg.png') no-repeat; }
span.SearchButton 					{ display: none;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox { width: 155px; height:22px; background: transparent; color: #4d4d4d; padding: 3px 0 2px 0; margin: 4px 10px 4px 77px; border: none; cursor:text;}

.Searchbox                          { padding-right: 0px; margin: 2px 47px 10px 77px; height:22px; }
.SearchButton						{width: 26px; height: 27px; cursor: pointer; position: absolute; top: 1px; right: 10px; }
a.SearchButton 						{ width:25px; height:25px; background: transparent; cursor: pointer; font-size:1px; margin:0;}
a.SearchButton div					{ width: 26px; height: 27px; cursor: pointer; position: absolute; top: 1px; right: 10px; }

#NavBar								{ height:40px; margin: 0; overflow: hidden; clear: both; }
#NavBarBgL							{ width: 30px; background: url('images/navbar.bgL.gif') no-repeat; }
#NavBarBgL img						{ width: 30px; height: 40px; }
#NavBarBgR							{ width: 162px; background: url('images/navbar.bgR2.gif') no-repeat; }
#NavBarBgR img						{ width: 162px; height: 40px; }
#Breadcrumb							{ padding: 0 10px 0 10px; margin: 9px 0; }
#Breadcrumb,
#Breadcrumb span,
#Breadcrumb div						{ color: #999999; }
#Language                           { margin-left:5px; }
.BorderBottom						{ border-bottom: 1px #e4e4e4 solid; }
#MiddleRow							{ width: 100%; }
#HeaderBanner						{ height: 230px; position: relative; margin-bottom: 20px; }

#HeaderBannerBox					{ height: 230px; margin-left: 660px; margin-right: 15px; }
#HeaderBannerBoxIn					{ width: 100%; float: left; background: url('images/header.bgM.png') repeat-x bottom left; }
#HeaderBannerBoxIn .left			{ width: 660px; float: left; margin-left: -660px; position: relative; }
#HeaderBannerBoxIn .right			{ width: 15px; float: right; margin-right: -15px; position: relative; }

#HeaderBannerContent				{ width: 100%;  height: 230px; position: absolute; left:0; top:0; margin:auto 0px 0px; }
#HeaderBannerPic					{ width: 480px; height: 230px; vertical-align: bottom; }
.HeaderBannerPic					{ width: 480px; height: 230px; vertical-align: bottom; }
#HeaderBannerPic p					{ margin: 0; padding: 0; }
.HeaderBannerPic p					{ margin: 0; padding: 0; }
#HeaderBannerText					{ padding: 50px 20px 20px 20px; vertical-align: middle; color: #ffffff; }
.HeaderBannerTitle					{ font-family: Georgia, times new roman; font-size: 24px; font-weight:300; line-height: 28px; color: #ffffff; }
#flashcontent                       { visibility:visible !important; }

#FooterRow							{ margin: 10px auto 0 auto; padding-bottom: 30px; text-align:center; }
/* Santosh Add Css */
#FooterText                         { color: #019dbe; }
#FooterText li                    {display: inline;}
#FooterText li,a                  {font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; color: #382327; }
#FooterText li,a:active           {font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; color: #382327; }
#FooterText li,a:link             {font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; color: #382327; }
#FooterText li,a:hover            {font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; color: #382327; }
#FooterText li,a:visited          {font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; color: #382327; }

/* Santosh Add css end */




.left								{ float: left; }
.right								{ float: right; }
.clear								{ clear: both; }
.dummy								{ display: none; }

/* Headings */
h1, h1 .head						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 24px; font-weight: 700; line-height: 28px; color: #800000; border: none; vertical-align: top; width: 100%; margin-bottom: 10px; }
h2									{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 18px; font-weight: 700; line-height: 18px; color: #360000; border: none; letter-spacing: -1px; }
h3									{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 15px; font-weight: 700; line-height: 16px; color: #382327; border: none; letter-spacing: -1px; }
h4									{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 13px; font-weight: 700; line-height: 14px; color: #800000; border: none; }
h5									{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: 700; line-height: 14px; color: #666666; border: none; }
.textIntro							{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 10px; font-weight:300; line-height: 12px; color: #360000; border: none; margin: 10px 20px; }

/* Forms */
div.form							{ width: 500px; text-align: left; }
div.form_group						{ text-align: left; margin-bottom: 10px; font-size: 14px; color: #60ae4b;  }
div.form_text						{ float: left; margin: 0; }
p.form_text							{ margin: 0 0 3px 0; }
textarea.form_text,
input.form_text,
select.form_text					{ font-size: 12px; font-weight: bold; color: #333; background: #efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0; }

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

.TopPane, .BottomPane, .ContentPane	{ margin: 0; padding: 0 7px 7px 0; vertical-align: top; width: 33%; }
.LeftPane, .RightPane				{ margin: 0; padding: 0 7px 7px 0; vertical-align: top; width: 25%; }
.SidePane							{ margin: 0; padding: 0 7px 7px 0; vertical-align: top; width: 33%; }
.MiddlePane							{ margin: 0; padding: 0 7px 7px 0; vertical-align: top; width: 50%; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

a.USER_object:active,
a.USER_object:visited,
a.USER_object:link,
.USER_object,
a.LOGIN_object:active,
a.LOGIN_object:visited,
a.LOGIN_object:link,
.LOGIN_object						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #999999; background: transparent;  text-decoration: none; }
a.USER_object:hover,
a.LOGIN_object:hover				{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #333333; background: transparent;  text-decoration: underline; }

a.BREADCRUMBS_object:active			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #800000; background: transparent; text-decoration: none; }
a.BREADCRUMBS_object:visited,
a.BREADCRUMBS_object:link,
.BREADCRUMBS_object					{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #999999; background: transparent; text-decoration: none; }
a.BREADCRUMBS_object:hover			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #333333; background: transparent; text-decoration: underline; }

.FOOTER_objects						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #382327; background: transparent; text-decoration:none; }
a.FOOTER_objects:active,
a.FOOTER_objects:visited,
a.FOOTER_objects:link				{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #382327; background: transparent; text-decoration:none; border-bottom: 1px #6b584e solid; }
a.FOOTER_objects:hover				{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #000000; background: transparent; text-decoration:none; border-bottom: 1px #000000 solid; }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

.Normal,
.normal								{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 120%; }
strong,
b,
.NormalBold							{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; }
.NormalRed							{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead							{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; }
span.SubHead						{ font-size: 9px; margin:0; padding:0; }
span.SubHead br						{ display: none; }
.font-family						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #777; line-height: 120%; background: transparent; }

/*========================================================*/
/*  6. Links                                        	  */
/*========================================================*/

a:active,
a:visited,
a:link 								{ background:transparent; text-decoration: none; }
a:hover								{ background:transparent; color: #019dbe; text-decoration: underline; }
a.Normal:visited,
a.Normal:link						{ background:transparent; color: text-decoration: none; font-weight: normal; }
a.Normal:hover						{ background:transparent; color: #019dbe;; text-decoration: underline; font-weight: normal; }
a.CommandButton:active,
a.CommandButton:visited,
a.CommandButton:link				{ color: #800000; background: #FFFFFF; border: #d1c7be 1px solid; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; }
a.CommandButton:hover				{ color: #FFFFFF; background: #d1c7be; border: #d1c7be 1px solid; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; }

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

input								{ color: #999; }
select								{ color: #999; }
.StandardButton						{ color: #999; background: #EEEEEE; border-right: solid 1px #D1C7BE; border-bottom: solid 1px #D1C7BE; border-left: none; border-top: none; height: 17px; }
.NormalTextBox						{ color: #666; background: #FFF; border: solid 1px #EBE4DD; padding-left: 4px; line-height: 12px; font-weight: normal; }
td.NormalTextBox					{ padding: 0; margin: 0; background: transparent; border: 0; }

/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

.MainMenu_MenuContainer				{ z-index: 999999; background: transparent; vertical-align: top; background: url('images/navbar.bg.gif') repeat-x; }
.MainMenu_MenuBar					{ z-index: 999999; background: transparent; vertical-align: top; }
/*-- submenu --*/
.ModuleTitle_SubMenu,
.MainMenu_SubMenu					{ z-index: 999999; margin: 0px ; background: #fff url('images/navbarsub.bg.gif') repeat-x bottom; border-right: 1px #990000 solid; border: 1px #a3a3a3 solid; border-bottom: 2px #a3a3a3 solid; padding: 0 5px 10px 5px; }

/*-- submenu items idle       --*/
.ModuleTitle_MenuItem,
.MainMenu_MenuItem					{ color: #800000; font-size: 12px; font-weight: normal; width: 100%; height: 23px; padding: 4px 50px 4px 30px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; }
/*-- submenu items hover      --*/
.ModuleTitle_MenuItemSel,
.MainMenu_MenuItemSel				{ color: #FFFFFF; font-size: 12px; font-weight: normal; width: 100%; height: 23px; padding: 4px 50px 4px 30px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; background-color: #800000; }

/*-- menuitems idle           --*/
.MainMenu_Idle						{ z-index: 999999; color: #360000; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #a3a3a3 solid;  text-decoration: none; }
.MainMenu_Idle td					{ z-index: 999999; color: #360000; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #a3a3a3 solid;  }
/*-- menuitems over           --*/
.MainMenu_Selected					{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #800000 solid;  text-decoration: none; }
.MainMenu_Selected td				{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #800000 solid;  background: transparent url('images/navbar.on.jpg') no-repeat left; }
/*-- menuitems active         --*/
.MainMenu_BreadcrumbActive			{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid;  text-decoration: none; }
.MainMenu_Active					{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #a3a3a3 solid;  text-decoration: none; }
.MainMenu_BreadcrumbActive td		{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid;  background: transparent url('images/navbar.on.jpg') no-repeat left; }
.MainMenu_Active td					{ z-index: 999999; color: #ffffff; font-size: 16px; font-weight: 300; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #a3a3a3 solid;  background: transparent url('images/navbar.on.jpg') no-repeat left; }


/*-- not needed - main menu   --*/	.MainMenu_MenuIcon  		{ display: none; }
									.MainMenu_RootMenuArrow  	{ display: none; }
									.MainMenu_MenuArrow  		{ display: none; }
/*-- module menu continer     --*/	.ModuleTitle_MenuContainer	{ color: #2c2c2c; }
/*-- module menu bar          --*/	.ModuleTitle_MenuBar		{ cursor: pointer; cursor: pointer;}
/*-- module menu padding      --*/	.ModuleTitle_MenuItemSel	{ padding: 0px 5px 0px 0px; }
									.ModuleTitle_MenuItem		{ padding: 0px 5px 0px 0px; }
/*-- not needed - module menu --*/	.ModuleTitle_MenuIcon 		{ display: none; }
									.ModuleTitle_RootMenuArrow	{ display: none; }
									.ModuleTitle_MenuArrow		{ display: none; }
									.MainMenu_MenuBreak			{ display: none; }
									.MainMenuSeperator			{ display: none; }
									.ModuleTitle_MenuBreak		{ display: none; }


/*========================================================*/
/*  9. Aleem's changes Letfhand navigation style          */
/*========================================================*/

#contentSubNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contentSubNav li {
	padding: 5px 0px 5px 5px;
	background-color: #9E1C1F;
	border-top-width: 0px;
}
#contentSubNav li span {
	padding: 0px 10px 0px 0px;
}
#contentSubNav li:hover {
	background-color: #cecece;
}
#contentSubNav li.topCap {
	padding: 0px;
	margin: 0px;
	height: 10px;
	#height: auto; /*IE FIX*/
	border: none;
	background: none;
	background-image:url('images/contentSubNav_topCap.gif');
	background-repeat:no-repeat;
	background-position: top left;
}
#contentSubNav li.endCap {
	padding: 0px;
	margin: 0px;
	height: 10px;
	#height: auto; /*IE FIX*/
	border: none;
	background: none;
	background-image:url('images/contentSubNav_endCap.gif');
	background-repeat:no-repeat;
	background-position: bottom left;
}
#contentSubNav li.end {
	border-bottom-width: 0px;
}
.photoFrame 
{
	border: solid #b09e9a 1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 6px 10px 15px;
}
.ProductListType
{
	border: solid #ffffff 2px;
	padding: 2px;
}
.ProductListType p
{
	margin: 0px;
	padding: 0px;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover 
{
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, Sans; 
	font-size: 18px; 
	font-weight: 700; 
	line-height: 18px; 
	display: block;
	color: #800000; 
	border: none; 
	letter-spacing: -1px;
}
#sidenav {width:200px; margin-bottom:0px; padding-bottom:0px; float: left;  } 
#sidenav ul li {display: block; font-size:16px; font-weight: bold; font: Arial, Helvetica, sans-serif; color:#fff; width:180px; text-indent:8px; background-color:#800000; margin-top:3px; margin-bottom:3px; list-style: none;} 
#sidenav ul li a {display: block; color:#3c3c3c; font-size:14px; font-weight: normal; background-color:#dbdbdb;} 
#sidenav ul li a:hover {background-color:#8c8c8c;  color:#ffffff; text-decoration:none}
.contentBlock
{
	text-align: left;
}
.contentdetailpage p 
{
padding: 0 0 10px 0;
margin: 0px;
}
.photoFrame_right img
{
font-family: Arial,Helvetica,Verdana,sans-serif;
border: 1px solid #b09e9a;
padding: 2px 2px 2px 2px;
margin:  0 0 10px 15px;
float: right;
}
.contentdetailpage h2
{
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 18px;
color: #741426;
font-weight: lighter;
margin: 0 0 5px 0;
line-height: 1em;
}


/*========================================================*/
/*  10. Santosh Ecross css          */
/*========================================================*/


/* style for product image display using jquery*/

#screenshot{ 
position:absolute; 
font-size:14px; 
background:#FFFFFF;
font-weight:bold;
text-align:center;
border-style:outset;
border-width:4px;
border-color:#800000;
width:265px;
padding: 5px 5px 5px 5px;
}

/* Style for heading for individual comparision*/
.EcrossTableHead{
text-align: Center; 
text-transform: uppercase; 
font-size: 14px; 
font-weight: bold; 
color: #F4F4F4; padding:6px;
background-color: #636D76;  border-style:groove; border-width:2px;
}



/* Style for body for individual comparision*/
.EcrossTableBody{
border-style:outset;
background:#DEDEDE;
font-size: 15px;
text-align: center;
vertical-align:center;
padding:3px;
border-style:groove;
border-width:2px;
} 

/* Style for text at main ecross page*/
.EcrossFont{
text-align: left;
font-size:13px;
color: #990000;
padding:4px;
line-height: 250%;
}




/* Style for Cap pages       */
/*****************************/

.CapTableHead { 
text-align: Center; 
text-transform: uppercase; 
background-color: #636D76; 
font-size: 14px; 
font-weight: bold; 
color: #F4F4F4; 
} 


.CapTableHead1 { 
background-color: #DEDEDE; 
font-size: 15px; 
font-weight: bold; 
color: Black;
vertical-align: center;
}
.CapFont{ 
text-align: center; 
font-size: 12px; 
vertical-align: center; 
width:150px; 
word-spacing:5px;
padding:3px;
} 
.CapFont1{ 
text-align: center; 
font-size: 13px; 
font-weight: bold; 
color:#7C0707; 
vertical-align: center;
} 
.CapRow{
background-color:#F4F4F4; 
} 
.CapAlternateRow{ 
background-color:#DEDEDE;
}

.columnCap{ 
text-align: left; 
font-size: 14px; 
font-weight: bold; 
color:#7C0707; 
vertical-align: center;
border-style:solid;
border-width:1px;
border-color:#800000;
} 
.columnCapColor{ 
background-color:#DAE9FB; 
text-align: center; 
font-size: 12px; 
vertical-align: center;
border-style:solid;
border-width:1px;
} 
.columnCapAvailability{ 
background-color:#DEDEDE;
} 
.CapImage{

}
.InnerTable{
height:96;
border:0; 
width:188;
}

/*Style for Product catalog page */
.ProductCatalog{
text-align: Center; 
font-size: 17px; 
font-weight: bold; 
color: Black; 
background-color: #dbdbdb;  border-style:groove; border-width:3px;
}

/*========================================================*/
/*  Style for Did You know						          */
/*========================================================*/

.DidYouKnow{
font-size: 13px; 
color:#7C0707; 
vertical-align: center;
float:left;

}
/*For FireFox */
.textWrap
{
text-align: left;

}

/*========================================================*/
/*  Style for Request a Catalog						          */
/*========================================================*/

.requestCatalog{
text-align: left;
}
/*For FireFox */
.textWrap
{
text-align: left;

}
.btnContinue{
float:right;
margin-right:50px;
}

/*========================================================*/
/*  Style for Featured Products						          */
/*========================================================*/

.featuredProductBody{
font-size: 12px; 
color:#397D02;

}
/*For FireFox */
.textWrap
{
text-align: left;

}

/*========================================================*/
/*  Style for NewLetter Sign up							  */
/*========================================================*/
.NewLetterSignUp{
text-align: left;
}
.btnNewLetterSignUp{
float:right;
margin-right:50px;
}
/*========================================================*/
/* Breadcrumb CSS */
/*========================================================*/
.Breadcrumb,
.Breadcrumb a,
.Breadcrumb a:visited,
.Breadcrumb a:active,
.Breadcrumb a:link 		{ padding: 5px 0 5px 0; color: #999999; }
.Breadcrumb a:hover		{ color: #000000; }
/*========================================================*/
/*  Santosh CSS End          */
/*========================================================*/


#pageContentHeader_login
{
font-family:Arial; font-size:16px; font-weight:300; line-height:120%; color:#800000; padding-bottom:10px; 
}
