body 
{
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	background: #fff;
	color: #6C757A;
	font-family: "lucida grande", tahoma, verdana,arial,sans-serif;
	font-size: 0.7em;
	height:100%; 
}

a {	color: #6C757A;	background: inherit; text-decoration:none;}
a:hover { color: #E0691A; background: inherit;  text-decoration:underline;}

h1 { font: normal 2.0em "lucida grande", tahoma, verdana,arial,sans-serif; letter-spacing: -1px; 
padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #000000; background: inherit; font-weight: bold; }
h1 a:hover, h2 a:hover { color: #E0691A;}
h2 { margin: 0; padding: 0; font: bold 1.6em "lucida grande", tahoma, verdana,arial,sans-serif; letter-spacing: -1px; }
h2 { font-size: 1.1em; margin-bottom: 5px; color: #000; background: inherit; }
h4{ font-family:Arial;}

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }
ol li { line-height:22px; margin-bottom:3px; color:#000; font-size:9pt;}

form { 	margin: 0; }

.search { 
	width: 180px; height:24px; 
	border: 0; 
	background: #FF9148 url(images/input.gif) no-repeat;
	padding: 0px;  margin:0px;
    margin-top:3px;
	color: #E0691A;
	font-weight: bold;  
	clear:none; 
}
.btnSearch{ border:0px; background:none; padding:0px; margin:2px 2px 0 0 ; font-weight:bold; cursor:pointer;}
.btnSearch:hover{ border:0px; background:none; padding:0px; margin:2px 2px 0 0 ; font-weight:bold; cursor:pointer; color:#E0691A}

input.searchBox{ border:0px; background:transparent; width:150px; margin:0px; color:#ccc; }
 
 .btn {
	background: #E0691A url(images/submit.gif) no-repeat;
	border: 0; padding-bottom:3px; 
	height:20px;
	width: 65px;
	color: #FFF;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
}

.btnGray
{
	background: #fff url(images/button-small.gif) no-repeat;
	border: 0; padding-bottom:3px; 
	height:20px;
	width: 65px;
	color: #FFF;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
}
 .btn-big {
	background: #E0691A url(images/submit-big.gif) no-repeat;
	border: 0; height:20px;
    padding-bottom:3px;
	width: 110px;
	color: #FFF;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
}

.BtnLarge{ font: 10pt; font-weight:bold; padding-top:3px; padding-bottom:3px; width:190px;}

 

/* layout
   ------ */
.header { 
	height: 128px;
	background: #ccc; /* url(images/logo1.jpg) no-repeat; */
	color: #808080;
	margin:0px;
	 
	
}
.content { 
	margin: 0 auto;
	width: 980px;
	padding:3px 10px 10px 10px; 
}


.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	margin:0px; 
	background: #FF9148; /* #FF9148; */ 
	margin-bottom:3px;
}

.bar ul{ text-align:center; margin-left:100px; width:880px; clear:none; }

.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #FF9148;
		float: left; 
	}
	
	.bar li.active { 
		background: #E0691A;  
		color: #ccc;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
		overflow:hidden;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #ccc; 
		background: inherit;
	} 

.search_field { height:5px;}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}


/* left side
   --------- */
.left-nav
{
	float: left;
	width: 20%;
	margin: 0 0 10px 0;
	}
	
.left-nav h3 {
	clear: both;
	background: #6C757A url(images/corner-left.gif) no-repeat top left;
	color: #FFF;	
	padding: 7px 0 7px 5px;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
	margin:0px;
}
.left {
	float: left;
	width: 576px;
	margin: 0 6px 10px 6px;
}
.content-header
{
		clear: both;
	background: #A9C0CE url(images/corner.gif) no-repeat top right;
	color: #FFF; height:30px;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
	margin: 0 0 0px 0;
	}

.left h3 
    {
	clear: both;
	/*background: #A9C0CE;  url(images/corner1.gif) no-repeat top right;*/
	color: #666;
	padding: 7px 0 7px 5px;
	font: bold 1.2em "lucida grande", tahoma, verdana,arial,sans-serif;
	margin: 0 0 0px 0;
	 border-bottom:1px dotted #666;
    }
  
  .left h1{ font-size: 1.7em}  
	.left_side 
	{
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.center_box { margin: 0 0 10px 0;  background: #FFF; padding: 3px 0; 
	
	}
	.center_box h2 
	{
      margin:12px 0px 0px 0px; background-color:#fff; 
      padding: 6px 0px 3px 3px; color:#6C757A; 
      border:0px solid #e3e3e3;  
      
      font: normal 1.6em "lucida grande", tahoma, verdana,arial,sans-serif; letter-spacing: 0px;
	}
	
   .center_box table 
   {
       	BACKGROUND: url(images/ItemBoxBg.gif) repeat-x 50% bottom;
       border-collapse:collapse; 
       width:100%; 
       border: 1px solid #ccc;   
   }
   
   
   .center_box table  td table
   {
       background:none; 
       width:auto;
       border-collapse:collapse; 
       border: 0px; 
   }
   
    .center_box table  td table.innertable
   {
       background:none; 
       width:auto;
       border-collapse:collapse; 
       border: 0px; 
   }
   
   .center_box table  td table td a
   {
        padding:0px 6px 0px 6px; margin-right:3px; color:Blue;
       border: 1px #ccc solid; 
   }
   .center_box table  td table td a:hover
   {
        padding:0px 6px 0px 6px; margin-right:3px; color:#E0691A; 
      
   }
   
   .center_box table.clean
   {
       background:none;
       border-collapse:collapse; 
       border: 0px; 
      
   }
   
   .center_box p
   {
    padding:10px 3px 3px 3px;  
    FONT: 12px/18px "lucida grande", tahoma, verdana,arial,sans-serif;	COLOR: #333333;
   }
   .center_box ul
   {
   margin-left:20px;
    list-style-type:square ;
   padding:10px 3px 3px 3px; 
    FONT: 12px/18px "lucida grande", tahoma, verdana,arial,sans-serif;	COLOR: #333333;
   }
   
/* right side
   ---------- */
		
.right {
	float: right;
	width: 20%;
	margin: 0 0 6px 0;
}

.right h3 {
	background: #6C757A  url(images/corner.gif) no-repeat top right; 
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em "lucida grande", tahoma, verdana,arial,sans-serif;
	margin:0px;
}
	.right_articles_nopadding {
		background: #f5f5f5;
		color: #414141;
		padding:0;	
		margin: 0;
		overflow:visible; 
		margin-bottom:6px;
		
	}
	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding:0 3px 0 5px;	
		margin: 0;
		overflow:visible; 
		margin-bottom:6px;
		
	}
	.right_articles_shoppingcart
	{
	   background: #f5f5f5;
		color: #414141;
		padding:5px 3px 10px 5px;	
		margin: 0;
		overflow:visible; 
		margin-bottom:6px; 
	    }
.right_articles li{ margin-left:3px; border-bottom:1px dotted #ccc; padding-bottom:2px; padding-top:2px; }
.right_articles li a{ text-decoration:none; color:#000;}
.right_articles li a:hover{ color:#E0691A; }
.right_articles a,.right_articles_nopadding a{ text-decoration:none; color:Blue;}
.right_articles a:hover{ text-decoration:underline; color:Blue;}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center; 
	height:24px; 
	padding:0px;
	margin: 0;
	line-height: 1.8em; background:#ccc;
}

.footer li {
display:inline;
margin-right:9px;
}
.footer ul li a { 
		 
		background: inherit;
		display:inline-block;
		text-decoration: none;
	} 
	.footer li a:hover {  
		 
		color: #fff; 
		
		text-decoration: none;
	} 

.CornerTopLeft
{
background: url(images/corner-left.gif) no-repeat top left;
float:left; width:4px; height:4px; clear:none; border:0px solid #000;
}
.CornerTopRight
{
background: url(images/corner.gif) no-repeat top right;
float:right; clear:none; width:4px; height:4px;
}

.CornerTopLeftBottom
{
background: url(images/corner-left_bottom.gif) no-repeat bottom left;
float:left; width:4px; height:4px; clear:none; border:0px solid #000;
}
.CornerTopRightBottom
{
background: url(images/corner_bottom.gif) no-repeat bottom right;
float:right; clear:none; width:4px; height:4px;
}


th{ text-align:left; background-color:#e8ecf9; }

.Topbar{ color:#666; font-variant:small-caps;  text-align:right; padding: 0 6px 0 3px; margin:0px 0 3px 0; font-size:1.2em}
.Topbar a{color:#666; font-weight:bold;}
.Topbar a:hover{color:#ff9148;}
#main-page-ad{ margin: 0 auto; margin-top:20px; 
               border:4px dashed #fff; 
               background:#9CC54F;
               vertical-align:middle; 
               text-align:center; 
               padding-top:20px;  padding-bottom:20px;
               color:#fff; font-size:30px; font-weight:400;
               }
               #main-page-ad h1{ font-weight:600; font-size:xx-large;}
 
 
 .HotProductsDiv{ width:180px; border:1px dotted #e3e3e3; float:left; min-height:130px; margin-left:6px; margin-top:2px;}
 .HotProductsDiv a { border-right:0px solid #ccc; padding:2px;}
 .center{ text-align:center;}
 h1.center{ letter-spacing: 0px;}
 .hideText label { display:none;}
 a.Bandle-Link{color:#ff9148; font-size:small; border:1px solid #e8ecf9; padding:3px; margin-bottom:3px;}
 a.Bandle-Link:hover{background-color: #fff; text-decoration:none;}
 .Red-overline{ color:  #E85C00; text-decoration:line-through;}
 .red-text{ color: #E85C00;}
 .Recommand{ padding:5px; border:1px dotted #ccc; margin-top:10px; background:#fff;}
 .Recommand h2{ background-color:#e3e3e3;}
 .Recommand table{ background-color:#fff;}
 .DrakGrayHeading{ padding:3px; COLOR: #090; font-size:1.2em; font-weight:bold; margin-bottom:10px;  }
 .ShoppingCart{ float:right; width:auto; clear:none; overflow:auto; font-weight:700; margin:0px;}
 .lblBoldText{ color:#000; font-weight:bold;}
 .ShoppingCartSummary{clear:none; float:right; vertical-align:middle; color:#000;}
 .ShoppingCartSummary a{ color:#000;}
  
 
.PagerClass table{ border:0px; width:auto;}
.PagerClass a,.PagerClass a:visited{ text-decoration:none; width:10px; 
                                     border:1px solid #999; color: #fe8282; 
                                     padding:0px 6px 0px 6px;
                                     }
.PagerClass a:hover{  background:#9CC54F; color:#fff; }

 


.flyOutDiv
{
     display: none; 
     position: absolute; 
     width: 300px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
     top:800px;
     left:400px;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}

.loading 
{
  position:fixed; top:0px; z-index:200; width:100%; height:40px;
  color:#666;  
  padding:0px;   
  margin:0px; 
  font-weight:bold;
  overflow:visible;
  border: solid 1px #ccc; 
  background-color:#FFC;
  padding:20px 0px 3px 3px;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  
}
.NormalLink{ color:Blue;}
.NormalLink:hover{ text-decoration:underline}

#modalPage
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 1px #999999; background-color:#FFC;
    position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 200px;
    height: 20px;
    padding: 20px;
}

.accordionHeaderSelected{ cursor:pointer; background:#e3e3e3; border-bottom: 1px solid #ccc; 
                                            padding:6px 0px 0px 0px;}
 .accordionHeader{ cursor:pointer; 
                   background:#ffffff;
                   padding:6px 0px 0px 0px; 
                   border-bottom: 1px solid #ccc; margin-bottom:20px;}

.accordionContent{ width:98%; padding:12px 1px 12px 1px; margin-top:3px;}
.GridViewFooter{ width:100px; background-color:Red;}

BLOCKQUOTE {	
PADDING-RIGHT: 20px;	
BORDER-TOP: #cccccc 1px solid;	
PADDING-LEFT: 50px;	
BACKGROUND: url(images/blockquote.gif) #f5f5f5 no-repeat 15px 10px;	
PADDING-BOTTOM: 20px;	
MARGIN: 1em;	
PADDING-TOP: 25px;	
BORDER-BOTTOM: #cccccc 1px solid}
.expired { font-weight:bold; background-color:#ffa500;}
.expiredCell{}

.popupMsg{ font-size:11pt; font-weight:normal; padding:6px;}

#accordion div{ background-color:#e3e3e3; overflow:hidden; padding:6px;}

#accordion a{ text-decoration:none;}


.groupheader
 { 
     PADDING: 1px 2px 2px 5px;	
     FONT-WEIGHT: 700;	
     FONT-SIZE: 110%;	
     border: #eeeeee 1px solid;
     background: #ff8415; 
     color:#fff;
 }
 
.storybody TABLE TD.sibtbg 
{	
    BORDER-RIGHT: #ddd 1px solid;	
    PADDING-RIGHT: 0px;	
    BORDER-TOP: #ddd 1px solid;	
    PADDING-LEFT: 0px;	
    FONT-SIZE: 11px;	
    BACKGROUND: #f3f3f3;	
    PADDING-BOTTOM: 0px;	
    MARGIN: 0px;	
    BORDER-LEFT: #ddd 1px solid;	
    LINE-HEIGHT: 1.3em;	
    PADDING-TOP: 0px;	
    BORDER-BOTTOM: #ddd 1px solid;
}

.OrangeHeader {	BACKGROUND: #ff8415;}

.greenBg{ background-color: #cfedb5}
#breadCrumb{ background-color:#FFF; padding:2px; color:Blue; color:#000;}
#breadCrumb a{ text-decoration:underline; color:#336699; font-size:8pt;}
#breadCrumb a:hover{ text-decoration:none;  color: #E0691A;}

#bandle-table
{
border-collapse: collapse; 
 
}
#bandle-table td div
{
 padding:6px 0 6px 6px; 
 background-color:#f3f3f3;
  border:1px solid #ccc; height:inherit; line-height:22px;
}
#bandle-table td  a{
 line-height:26px; color: #336699 !important;
}