/* CSS Document */

/* CSS Document */

body{background:url(images/body-bg.gif) repeat-x top left; background-color:#e6e6e6; margin:25px 0 0 0px; padding:0px;}
p,ul,li{ margin:0px; padding:0px;}
.clear{clear:both;}
.input1{width:148px; height:19px; background-color:#FFFFFF; border:1px solid #b3b3b3; font-family:arial; font-size:12px; color:#747474;}

h1{font-family:Myriad Pro, arial; font-size:18px; font-weight:bold; color:#013269; padding:0px; margin:0px;}
h2{font-family:Myriad Pro, arial; font-size:15px; font-weight:bold; color:#013269; padding:3px 0 0 10px; margin:0px;}

img {padding:0px; margin:0px; border:none; }
#maincontent{width:896px; background-color:#FFFFFF; border:5px solid #033f7a; margin:0px auto; padding:0px;}
#maincontent .content{width:886px; margin:0px auto; padding:0px;}

.headertop{background:url(images/top-bg.gif) repeat-x top left; height:83px; margin:0px; padding:0px;}
.topnav{background:url(images/topbarbg.gif) repeat-x top left; border-right:1px solid #b3b3b3; border-left:1px solid #b3b3b3; height:39px; margin:0px; padding:0px;}
.topbarbg1{background:url(images/topbarbg1.gif) repeat-x top left; height:80px; margin:0px; padding:0px}
.bgimg1{ background:url(images/bg-img1.gif) no-repeat bottom; margin:0px; padding:0px; overflow:hidden;}
.bgimg2{ background:url(images/bg-img2.gif) repeat-y top left; margin:0px; padding:0px; overflow:hidden;}
.gentext {font-family:arial; font-size:12px; color:#0c0c0c; line-height:18px; padding:0px; margin:0px;}
.heading1 {font-family:arial; font-size:12px; color:#013269; line-height:18px; padding:0px; margin:0px;}
.righttoptext {font-family:Myriad Pro, arial; font-size:15px; color:#0c0c0c; line-height:18px; padding:0px; margin:0px;}
.rightlink {font-family:Myriad Pro, arial; font-size:13px; color:#013269; text-decoration:underline; line-height:14px;}
.rightlink:hover {font-family:Myriad Pro, arial; font-size:13px; color:#013269; text-decoration:none; line-height:14px;}

.footer-text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0c0c0c; text-decoration:none;}
.footerlink{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0c0c0c; text-decoration:underline;}
.footerlink:hover{color:#0c0c0c; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


.SectionTitleText  { font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  }
A.SectionTitleText {font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  text-decoration: underline; }
A.SectionTitleText:link {font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  text-decoration: underline; }
A.SectionTitleText:visited {font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  text-decoration: underline; }
A.SectionTitleText:active {font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  text-decoration: underline; }
A.SectionTitleText:hover {font-family: Arial, Myriad Pro, Helvetica, sans-serif; font-size:11px; color:#000000;  text-decoration: underline; }


/* Menu */
.clear{ clear:both;}
.topPart{width:884px; padding:0; margin:0; background:url(images/top_bg.gif) repeat-x 0 0; height:39px; border-left:1px solid #B3B3B3; border-right:1px solid #B3B3B3; }

.mainNav{ float:left; display:block; padding:0; margin:0; width:642px;}
.topserch{float:right; display:block; padding:9px 0 0 0; margin:0; width:198px; height:21px; font: normal 12px/21px Arial, Helvetica, sans-serif; font-weight:bold; color:#747474;}
.topserch .topserch1{padding:0px; margin:0px; width:148px; float:left;}
.topserch .topserch2{padding:0px; margin:0px; width:40px; float:right;}

/*
-----------------------------------------------------------------------
 Component Art Horizontal Menu Style:
-----------------------------------------------------------------------
*/

.TopMenuGroup
{
   border:solid 0px #003167;
  background-color:transparent; 
  
}

.MenuGroup
{
 border:solid 0px #003167;
 
 background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
 
    
}

.MenuGroup td 
{
    color:#ffffff; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    background:transparent url(images/opaque.png) repeat-x;
    
}
.MenuGroupHover td 
{
    color:#ffffff; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;  
    
}

.MenuItemHover td 
{
    color:#000000; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;  
   
    background: url(images/menu_hover_bg.gif) repeat-x filter: alpha(opacity=100)  !important;
    
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:0.0;
   
  }
td.MenuItemHover 
{
    color:#000000; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;  
    
   background: url(images/menu_hover_bg.gif) repeat-x filter: alpha(opacity=100)  !important;
    
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:0.0;
   
 }

.TopMenuItem
{
  /* color:#444444;
  font-size:11px;
  cursor:hand;
  cursor:pointer; */
  
 /* font: normal 13px/39px Arial, Helvetica, sans-serif; 
  color: #013269;
  position:relative; 
  margin:0; 
  height:39px */
  
  display:block;
  text-decoration:none;
  height:39px;
 color:#013269; 
 background:url(images/top_li_bg.gif)  no-repeat right 0;  
 line-height:39px;
 margin-right:2px; float:left;  
 font: normal 13px/39px Arial, Helvetica, sans-serif; font-weight:bold;
  padding: 0 1em!important;
cursor:hand;
  cursor:pointer;

}

.TopMenuItemHover
{
  /* color:#000000;
  background-color:#FEDF15;
  font-size:11px;
  cursor:hand;
  cursor:pointer; */
  
 /* font: normal 13px/37px Arial, Helvetica, sans-serif; 
  margin:0; 
  height:39px;
  color:#ffffff; 
  background:url(images/hover_bg.gif) repeat-x 0 0; 
  border-top:1px solid #167DB0; 
  border-bottom:1px solid #167DB0; */
  display:block;
  text-decoration:none;
  height:39px;
  color:#ffffff; 
 background:url(images/hover_bg.gif)  repeat-x 0 0;  
 line-height:39px;
 margin-right:2px; float:left;  
 font: normal 13px/39px Arial, Helvetica, sans-serif; font-weight:bold;
 padding: 0 1em!important;
cursor:hand;
  cursor:pointer;
}

-- leaf menu items
.MenuItem
{
  background-color:#EEEEEE;
  color:#FFFFFF;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  color:#ffffff !important; 
  font: normal 12px/20px Arial, Helvetica, sans-serif !important; 
 
}

.MenuItemHover
{
  color:#000000; font: normal 12px/20px Arial, Helvetica, sans-serif; 
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  background: url(images/menu_hover_bg.gif) repeat-x  !important;
  
}

-- group menu items
.MenuItem td
{
  color:#ffffff !important; 
  font: normal 12px/20px Arial, Helvetica, sans-serif !important; 
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  
}

.MenuItemHover td
{
    color:#000000; font: normal 12px/20px Arial, Helvetica, sans-serif; 
    border: solid 0px white;
    cursor:hand;
    cursor:pointer;
    background: url(images/menu_hover_bg.gif) repeat-x  !important;
   
    
}

.ScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.ScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.ScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}



/*
-----------------------------------------------------------------------
 Component Art Vertical Menu Style:
-----------------------------------------------------------------------
*/

.VertTopMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertTopMenuItem
{
  color:#FFFFFF;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
td.VertTopMenuItem {color:#FFFFFF;}

.VertTopMenuItemHover
{
  color:#444444;
  background-color:#FEDF15;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.VertScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.VertScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}


/*
-----------------------------------------------------------------------
 Component Art Tree Style:
-----------------------------------------------------------------------
*/

.TreeView 
{ 
  background-color:transparent;
  border: #919191 0px solid; 
  padding-top:2px;
  cursor: default; 
  color: #FFFFFF;
  cursor: hand;
  cursor:pointer;
}

.TreeNode 
{ 
  font-size: 11px; 
  color: #FFFFFF;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: hand; 
  cursor:pointer;
}

.HoverTreeNode 
{ 
  color: #FFCC00;
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  text-decoration: none; 
  cursor: hand; 
  cursor:pointer;
}

.SelectedTreeNode 
{ 
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #a0a0a0; 
  cursor: hand; 
  cursor:pointer;
}

.NodeEdit 
{
  border:1px silver solid;
  font-size: 11px;
}


/*
----------------------------------------------------------------
27/08/09
----------------------------------------------------------------
*/

a
{
   
   /* color:#004990;  */
    font: normal 11px/20px Tahoma, Verdana, sans-serif; 
    text-decoration:underline;
    color:#000000; 
 
}

a:hover
{
   
    color:#000000; 
    font: normal 11px/20px Tahoma, Verdana, sans-serif; 
    text-decoration:none;
    
}

a.wishlist
{
    background: url(images/icons/wishlist.gif) no-repeat left bottom;
    
}
a:hover.wishlist
{
    background: url(images/icons/wishlist.gif) no-repeat left bottom;
    
}
a.cart
{
    background: url(images/icons/cart.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif; 
}
a:hover.cart
{
    background: url(images/icons/cart.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif; 
}
a.account
{
    background: url(images/icons/your-account.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a:hover.account
{
    background: url(images/icons/your-account.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a.faq
{
    background: url(images/icons/faq.gif) no-repeat left bottom;
}
a:hover.faq
{
    background: url(images/icons/faq.gif) no-repeat left bottom;
}
a.contact
{
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a:hover.contact
{
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a.signin
{
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a:hover.signin
{
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a.wishlist, a.cart, a.faq, a.contact, a.account
{
    padding: 3px 15px 3px 20px;
    position: relative;
}
#login
{
    margin: 0;
    padding: 0;
    float: right;
    font-size: 0.8em;
    padding-right: 15px;
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a.userName
{
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
a:hover.userName
{
    color:#004990; 
    font: normal 12px/20px Arial, Helvetica, sans-serif;
}
#loginText
{
    margin-left: 1em;
}

ul.tame, ul.tame li
{
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: none;
    
}
ul.tame li
{
    line-height: 1.25em;
    
}

/*
ul.tame li a
{
    font-family:Myriad Pro, arial; font-size:13px; color:#013269; text-decoration:underline; line-height:14px;
    
}

ul.tame li a:hover
{
    font-family:Myriad Pro, arial; font-size:13px; color:#013269; text-decoration:none; line-height:14px;
    
}
*/

ul.tame li a
{
    text-align:left;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:9px;
	font-size:11px;
	color:#0c0c0c;
	font-weight:bold;
	text-decoration: none;
    
}

ul.tame li a:hover
{
    text-align:left;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:9px;
	font-size:11px;
	color:#0c0c0c;
	font-weight:bold;
	text-decoration: underline;
    
}

.tameHoriz, ul.tameHoriz li
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
    
}
ul.tameHoriz li
{
    display: inline;
    font-size: 1em;
    
}
br.cl
{
    clear: both;
}

.TopRound
{
    background: url(images/righttop.gif) no-repeat left bottom; width:164px; height:12px; text-align:center;
     font-family:Myriad Pro, arial; font-size:10px; color:#013269;  line-height:12px;
}
/*
.rightTitle 
{
    width:196px; height:31px; 
    font: normal 14px/31px Myriad Pro,Arial, Helvetica, sans-serif; 
    color:#000000; padding:0 0 0 8px; 
    background:url(images/righttop1.gif) no-repeat 0 0;

 }

*/
.rightTitle 
{
    width:196px; height:31px; 
    font: normal 13px/31px Myriad Pro,Arial, Helvetica, sans-serif; 
    color:#013269; padding:0 0 0 8px; 
    background:url(images/righttop1.gif) no-repeat 0 0;
    font-weight:bold;

 }
 
 /*
----------------------- 28/08/09-------------------

*/
table
{
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
    border: none;
    color:#000000; 
}
table input
{
    font-size:1em;
}
table select
{
    font-size:1em;
}

table,td
{
    color:#000000; 
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
    border:none;
}
.ProductNameText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #334d80;
}


.variantprice{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

.dhtmltooltip
{
	border:0;
	/*border: 2px solid black;*/
	padding: 2px;
	font-size: 11px;
	background-color: #eeeeee;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}