/****** Global Styles ******/
*{ margin:0; padding:0}
body { overflow-x:hidden; overflow-y:auto; font-size: 12px; font-family:Arial; color:#000; text-align:center;}
table { font-family:Arial; font-size: 12px; }
td { word-break: break-all; }
tr{ vertical-align:top}
a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color:#000; }
img { vertical-align: middle; border: 0px none; max-width:100%; height:auto; }
hr { height: 1px; border: 0; color:#CCCCCC; overflow:hidden; margin:10px auto; }
ul {  list-style-image: none; list-style-type: none; }
li, p{ }
.hide { display: none; }
h1{ font-size:14px;}
h2,h3,h4,h5{ font-size:12px; font-weight:normal; display:inline; text-align:left;}

ul.nl{ list-style:none outside none; }
ul.nl li{line-height:22px;padding-left:15px; background:url(li.gif) no-repeat 0px 50%; clear:both; overflow:hidden; text-align:left}
ul.nl li.newsLine{background:url(dotLine.gif) repeat-x top;overflow:hidden; height:5px;line-height:5px; }
.line{ height:1px; border-bottom:1px dashed #ccc; margin:10px auto;overflow:hidden;}
ul.nl li .addTime{ float:right; color:#666666}

/****** Form Controls Styles ******/
form { display: inline; }
input { font-family: Tahoma, Arial; font-size: 12px; }
input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; }
input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF; }
textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; height: 100px; width: 200px; }
select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; }


.headline{margin:5px; padding:5px; border:1px solid #dddddd; background:#f3f3f3;}
.headline .headtitle{color:red; font-size:14px; font-weight:bold; line-height:30px;}
.headline .headcontent{}
.headline .headdate{}
.headline a{color: #00458a;}
h1.headtitle{font-size:14px; font-weight:bold; line-height:30px; text-align:center; display:block;}

a.highlight:link, a.highlight:visited { color:red; text-decoration:none }
a.highlight:hover { color:red; text-decoration:underline }
h1.highlight{ color:red}
.articletop{ margin-left:5px;vertical-align:middle;_margin:3px 5px;}


/****** Main Layout Styles ******/
#wrapper {width:1004px; padding:0px; margin: 0px auto;text-align:left;}
#header {height:112px; background:url(header.gif) repeat-x;overflow:hidden; margin-bottom:1px;}
#headtop{ height:36px; line-height:36px;color:#9A9496;}
#headtop .l{width:247px;height:36px;background:url(sit_l.gif) repeat-x;}
#headtop .r{height:36px; padding:0 10px;}
#headtop ul{}
#headtop ul li{display:block; float:left; padding:0 2px}
#headtop a:link, #headtop a:visited { text-decoration: none; color: #9A9496; }
#headtop a:hover { text-decoration: underline; color:#9A9496; }
#innerHeader { width:1004px; margin:0 auto}


#footer { clear: both; background:#D6D6D8;width:100%; line-height:17px;color:#6D6D6F; padding:5px 0;}
#innerFooter {font-size: 12px; text-align: center;width:800px; margin:0 auto}
#copyriht {}
#copyriht .l {display:none;}
#copyriht .r {display:none;}
#copyriht .m { }
#copyriht a:link,#copyriht a:visited {color:#6D6D6F; }
#copyriht a:hover {color:#6D6D6F; }

/* bott menu */
#bottMenu {color:#f4e9d3; width:100%;}
#bottMenu .l {display:none;}
#bottMenu .r {display:none;}
#bottMenu .imm { }
#bottMenu ul { }
#bottMenu li { display: inline; list-style: none; padding: 0px; margin:0 7px;}
#bottMenu a {color:#6D6D6F; line-height: 29px; text-align: left; display: inline; }

/****** Header Elements Styles ******/
#websiteLogo {float: left; margin:0 10px;}
#logo { width:218px; height:58px; overflow:hidden}

/* website description */
.website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

/* top menu */
#topMenu {float: right; margin-top:42px;}
#topMenu .m {}
#topMenu .l { display:none}
#topMenu .r { display:none}

/* main menu */
#menu { clear:both;}
#menu .m {height:34px;overflow:hidden;}
#menu .l {display:none;}
#menu .r {display:none;}
#menu ul {}
#menu li { width:105px; margin:0; padding:0; float:left; padding-right:2px;}
#menu a {margin:0; padding:0; height:34px; line-height:34px; display: block; width:105px; text-align: center; background:url(menu.gif) no-repeat; color:#fff; font-size:14px}
#menu a:link, #menu a:visited {background:url(menu.gif) no-repeat;text-decoration:none;}
#menu a:hover { background-position:0 0; color:#fff;text-decoration:none;}
#menu a.thisclass,#menu a.thisclass:link,#menu a.thisclass:visited,#menu a.thisclass:hover{background-position:0 0;color:#fff;}
#menu a.first,#menu a.first:link,#menu a.first:visited,#menu a.first:hover{ }


.navSub{ background:url(shadow.gif) repeat-x; height:36px; line-height:36px; clear:both;} 
.innernavSub{width:800px; color:#d1e6f9; margin:0 auto; letter-spacing:2px;}
.innernavSub a:link,.innernavSub a:visited { text-decoration: none;color:#d1e6f9}
.innernavSub a:hover { text-decoration: underline;color:#d1e6f9}
.innernavSub .addTime{ display:none;}

/****** Content Layout ******/
#twidth{ background:url(mainWrapper.gif) repeat-x; margin:0 auto;}
#mainWrapper { width:993px;margin:0 auto; clear:both; padding-top:15px;}

/* sidebar */
.sidebar { float:left;width:221px;}
/* content */
.content { float:right; width:766px;}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }

/*btn*/
.voteButton,.showButton,.cartButton,.loginBt,.showCartBt{ background:url(btnbg.gif) repeat-x center; height:19px;border:1px solid #d4be95; text-align:center; padding:0 5px;line-height:17px; color:#906b10;}


/*what is in the pages*/
.sideMenu {clear:both; margin-bottom:7px; }
.sideMenu .tl {width:15px;height:27px;background:url(lframe_t_l.gif) no-repeat;_margin-right:-3px; }
.sideMenu .tr {width:6px;height:27px;background:url(lframe_t_r.gif) no-repeat;_margin-left:-3px;}
.sideMenu .tm {height:27px;background:url(lframe_t.gif);overflow:hidden;}
.sideMenu h2.tt{color:#000;padding-left:10px; font-size:14px; line-height:27px;}
.sideMenu .mm {background:#F6F4F5;padding:5px; overflow:hidden; border:1px solid #B9B7B8; border-top:none;}
.sideMenu .ml {display:none;}
.sideMenu .mr {display:none;}
.sideMenu .bm {display:none;}
.sideMenu .bl {display:none;}
.sideMenu .br {display:none;}
.sideMenu ul { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; }
.sideMenu ul li { line-height: 25px; height: 18px;}

.pageMainContent {clear:both; margin-bottom:7px;overflow:hidden; width:100%;border-top:1px solid #CCCCCC}
.pageMainContent .tm { height:25px; line-height:25px;background:url(mframe_t.gif);overflow:hidden;}
.pageMainContent .tl { width:8px;height:25px; background:url(mframe_t_l.gif) no-repeat;_margin-right:-3px;}
.pageMainContent .tr { width:11px;height:25px;background:url(mframe_t_r.gif) no-repeat;_margin-left:-3px;}
.pageMainContent h2.tt{ color:#000; font-weight:bold; padding-left:10px; font-size:12px}
.pageMainContent .mm {padding:10px;line-height:17px; border:1px solid #CCCCCC; border-top:none; overflow:hidden;}
.pageMainContent .ml {display:none;}
.pageMainContent .mr {display:none;}
.pageMainContent .bm {display:none;}
.pageMainContent .bl {display:none;}
.pageMainContent .br {display:none;}
.pageMainContent td{ vertical-align:middle}

.cartBox { display:none}


/*what is in the index*/
.lframe {clear:both; margin-bottom:7px;}

.lframe .tl {width:15px;height:27px;background:url(lframe_t_l.gif) no-repeat;_margin-right:-3px; }
.lframe .tr {width:6px;height:27px;background:url(lframe_t_r.gif) no-repeat;_margin-left:-3px;}
.lframe .tm {height:27px;background:url(lframe_t.gif);overflow:hidden;}

.lframe h2.tt{color:#000;padding-left:10px; font-size:14px; line-height:30px; overflow:hidden}
.lframe .mm {background:#F6F4F5;padding:8px 5px; overflow:hidden; border:1px solid #B9B7B8; border-top:none;}
.lframe .ml {display:none;}
.lframe .mr {display:none;}
.lframe .bm {display:none;}
.lframe .bl {display:none;}
.lframe .br {display:none;}


.mframe {clear:both; margin:0 7px 7px 7px;}
.mframe .tm {height:36px; line-height:36px; background:url(shadowB.gif) repeat-x;overflow:hidden;}
.mframe .tl {display:none;}
.mframe .tl1 {width:116px;height:36px; background:url(m1.gif) no-repeat;_margin-right:-3px;}
.mframe .tl2 {width:116px;height:36px; background:url(m2.gif) no-repeat;_margin-right:-3px;}
.mframe .tl3 {width:116px;height:36px; background:url(m3.gif) no-repeat;_margin-right:-3px;}
.mframe .tr {display:none;}
.mframe h2.tt{ color:#000; font-weight:bold; padding-left:10px; }
.mframe .mm {padding:10px 3px; line-height:18px;overflow:hidden; }
.mframe .ml {display:none;}
.mframe .mr {display:none;}
.mframe .bm {display:none;}
.mframe .bl {display:none;}
.mframe .br {display:none;}


.R{ float:right; width:221px; padding-left:7px;}
.L{ float:left; width:536px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

.CR{ float:right; width:360px; padding-top:10px;}
.CL{ float:left; width:155px;}

.lf ul.nl{ list-style:none outside none; }
.lf ul.nl li{line-height:24px;padding-left:25px; background:url(li1.gif) no-repeat 0px 50%; clear:both; overflow:hidden; text-align:left}

.lmenu ul.nl{ list-style:none outside none; }
.lmenu ul.nl li{line-height:23px;padding-left:15px; background:url(li2.gif) no-repeat 0px 50%; clear:both; overflow:hidden; text-align:left; margin-bottom:1px;}

.height7{ height:7px; overflow:hidden; clear:both;}
.height0{ height:0px; overflow:hidden; clear:both;}

a.more{ display:block;float:right;  margin-right:5px; background:url(more.gif) no-repeat; width:37px; height:9px;}
.moreR,.more{ float:right;margin-top:12px; margin-right:3px;}
.moreL{ float:right;margin-top:3px; margin-right:3px;}
.pack {overflow:hidden; clear:both;}
.tl, .bl, .tl1, .tl2, .tl3{ float:left;}
.tr, .br{ float:right;}
.ml, .l{ float:left;padding-bottom:10000px;margin-bottom:-10000px;}
.mr, .r{ float:right;padding-bottom:10000px;margin-bottom:-10000px;}

.messageinp{ width:300px; height:25px; border:1px #ccc solid}
.messagebox{ width:300px; height:88px; border:1px #ccc solid}