/****** Global Styles ******/
*{ margin:0; padding:0}
body { font-size: 12px; font-family:Arial; color:#000; background:#fff; border-top:3px solid #C7C7BB; 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; }

.hide { display: none; }
h2,h3,h4,h5{ font-size:12px; font-weight:normal; display:inline;}

ul.nl{ list-style:none outside none; }
ul.nl li{line-height:23px;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; }

h1.headtitle{font-size:18px; font-weight:bold; line-height:30px;}
.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;}

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:850px; padding:0px; margin: 0px auto;text-align:left; overflow:hidden}
#header {height:206px;color: #585858; background:url(top.gif) no-repeat; color:#DBC7C6;overflow:hidden;}
#headtop{ height:20px; line-height:20px;}
#headtop .r{ text-align:right;}
#headtop ul{}
#headtop ul li{display:block; float:left; padding:0 4px;}

#innerHeader { width:850px; margin:0 auto; height:75px; overflow:hidden;}
#header a:link, #header a:visited { text-decoration: none; color: #555555; }
#header a:hover { text-decoration: underline; color:#555555; }

#footer { clear: both; background:#fff; width:100%; line-height:22px;overflow:hidden;}
#innerFooter {font-size: 12px; text-align: center;width:100%; margin:0 auto;overflow:hidden}
#copyriht { margin:0 auto;}
#copyriht .l {display:none;}
#copyriht .r {display:none;}
#copyriht .m {color:#898989 }
#copyriht a:link,#copyriht a:visited { color:#898989}
#copyriht a:hover {color:#898989}

/* bott menu */
#bottMenu { color: #000;text-align:center; border:1px dotted #787878; width:848px; margin:auto; border-bottom:none;}
#bottMenu .l { display:none;}
#bottMenu .r { display:none;}
#bottMenu .m { height:50px; background:url(bott.gif) repeat-x; line-height:50px; }
#bottMenu ul {  }
#bottMenu li { display: inline; list-style: none; padding: 0px;}
#bottMenu a { color: #000; text-align: left; display: inline; }

/****** Header Elements Styles ******/
#websiteLogo {float: left; margin: 0 auto;padding-left:40px;}
#logo {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:25px; line-height:22px;}
#topMenu .m { color:#000;text-align:right; padding-right:0}

/* main menu */
#menu { clear:both; width:850px;}
#menu .m {height:70px; background:url(Menu.gif) repeat-x;overflow:hidden; text-align:center}
#menu .l {display:none;}
#menu .r {display:none;}
#menu ul {}
#menu li { display:inline}
#menu a { height:70px;background:url(line.gif) no-repeat 0 55%;padding:0 10px 0 18px; text-align:center }
#menu a:link, #menu a:visited { color: #fff; font-size: 14px;height:70px; line-height:70px;}
#menu a:hover {height:70px; line-height:70px; color:#fff; text-decoration:none; border:none;}
#menu a.thisclass,#menu a.thisclass:link,#menu a.thisclass:visited,#menu a.thisclass:hover{}


.navSub{ background:#FFFFF7;height:12px; line-height:12px; clear:both; margin-top:1px;}
.innernavSub{width:850px; 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 ******/
#mainWrapper { width:848px;background:#DEDEDE;border-left:1px dotted #787878;border-right:1px dotted #787878;margin:0 auto; padding-top:10px;clear:both;}

/* sidebar */
.sidebar { float:left;width:504px; background:#F3F3F3; padding-top:25px;}
.sidebar1 { float:left;width:210px;background:#F3F3F3; padding-top:25px; overflow:hidden}
/* content */
.content { float:right; width:344px; background:#C9C9C9;padding-top:25px;}
.content1 { float:right; width:638px;background:#C9C9C9;padding-top:25px; overflow:hidden;}

/* 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{ color:#000; height:21px; width:65px; line-height:16px;_line-height:16px; border:0; background:url(btn.gif) no-repeat;}

/*what is in the pages*/
.sideMenu {clear:both; margin-bottom:7px; width:200px; margin:auto}
.sideMenu .tm { border-bottom:1px solid #E4E4E4; height:21px;}
.sideMenu .tl {display:none;}
.sideMenu .tr {display:none;}
.sideMenu h2.tt{height:21px; display:block; float:left;margin-left:4px;text-overflow:visible; line-height:21px;color:#000; font-size:14px; font-weight:bold; padding-left:8px;}
.sideMenu .mm { padding:5px;border-top:1px solid #ABABAB; overflow:hidden;}
.sideMenu .ml {display:none;}
.sideMenu .mr {display:none;}
.sideMenu .bm {display:none;}
.sideMenu .bl {display:none;}
.sideMenu .br {display:none;}


.pageMainContent {clear:both; margin-bottom:7px;}
.pageMainContent .tm { background:#F3F3F3;height:21px;overflow:hidden;}
.pageMainContent .tl {display:none;}
.pageMainContent .tr {display:none;}
.pageMainContent h2.tt{height:21px; display:block; float:left; background:#21252E; width:88px;text-overflow:visible; line-height:22px;color:#fff; font-size:13px; font-weight:bold; text-align:center}
.pageMainContent .mm { background:none;  padding:5px 10px 5px 0; 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 { border: 1px solid #B8AD97; background:#FFFFF7;  margin-bottom: 10px;padding:10px;}


/*what is in the index*/
.lframe {clear:both; margin-bottom:7px; width:309px; margin:0 auto}
.lframe .tm {height:40px; border-bottom:1px solid #E4E4E4;overflow:hidden;}
.lframe .tl {display:none;}
.lframe .tr {display:none;}
.lframe h2.tt{height:40px; display:block; float:left; background:url(icor.gif) no-repeat 7px center; margin-left:4px;text-overflow:visible; line-height:40px;color:#000; font-size:14px; font-weight:bold; padding-left:30px;}
.lframe .mm { background:url(lf.gif) no-repeat top; border-top:1px solid #ABABAB; padding:5px; overflow:hidden;}
.lframe .ml {display:none;}
.lframe .mr {display:none;}
.lframe .bm {display:none;}
.lframe .bl {display:none;}
.lframe .br {display:none;}


.mframe {clear:both; margin-bottom:7px; width:465px; margin:auto}
.mframe .tm { height:40px;}
.mframe .tl {display:none;}
.mframe .tr {display:none;}
.mframe h2.tt1{height:40px; display:block; float:left; background:url(icol.gif) no-repeat 7px center; margin-left:4px;text-overflow:visible; line-height:40px;color:#000; font-size:14px; font-weight:bold; padding-left:45px;}
.mframe h2.tt3{height:40px; display:block; float:left; background:url(ico.gif) no-repeat 7px center; margin-left:4px;text-overflow:visible; line-height:40px;color:#000; font-size:14px; font-weight:bold; padding-left:42px;}
.mframe .mm { padding:5px; border-top:1px dotted #797979; overflow:hidden;}
.mframe .ml {display:none;}
.mframe .mr {display:none;}
.mframe .bm {display:none;}
.mframe .bl {display:none;}
.mframe .br {display:none;}

.height7{ height:7px; overflow:hidden; clear:both;}
.height0{ height:0px; overflow:hidden; clear:both;}

.lblOn{background:#8F8E8A; height:22px; width:64px; float:left;padding-left:12px; overflow:hidden;}
.lblOff{background:#D7D0BE; height:22px; width:64px; float:left;padding-left:12px;overflow:hidden;}
.lblOn h2{ height:12px;display:block; float:left;text-overflow:visible; padding-left:2px; margin-top:5px;color:#fff; cursor:pointer }
.lblOff h2{height:12px;  display:block; float:left;text-overflow:visible; padding-left:2px; margin-top:5px;color:#000; cursor:pointer}




#hoverpage {background:url(hoverpage.png) no-repeat; width:687px; height:291px;overflow:hidden; }
#hoverpage .contL{ width:134px; float:left; padding-left:26px; padding-top:20px;}
#hoverpage .contR{ width:496px; float:right; padding:0px 10px 10px 20px;}
#hoverpage .contR img{ float:left; margin-right:10px;}
.ico1,.ico2,.ico3,.ico4{ background:url(ico2.gif) no-repeat left 5px; width:11px; height:11px; overflow:hidden; padding-left:5px;}
.ico1{ background-position:0 -11px;}
.ico2{ background-position:0 -22px;}
.ico3{ background-position:0 -33px;}
.ico4{ background-position:0 -44px;}


.box1{ float:left; width:300px; margin:7px 5px;}
.box1 img{ float:left; margin-right:10px;}
.box1 li{ background:none; line-height:17px}


.imgad img{ display:block; float:left; margin:0; padding:0}

a.more{ display:block;float:right;margin-right:5px;margin-top:25px; background:url(more.gif) no-repeat; width:36px; height:6px;}
.moreR,.more{ float:right;margin-top:5px; margin-right:3px;}

.pack {overflow:hidden; clear:both;}
.tl, .bl{ 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 #B8AD97 solid}
.messagebox{ width:300px; height:88px; border:1px #B8AD97 solid}

.Links{ clear:both;border:1px solid #D9D1C4; height:30px;*height:30px;_height:0px;padding:10px}
.FrindLinks ul {  }
.FrindLinks li { display: inline; list-style: none; padding: 0px; margin:0 6px;_margin:0 7px;float:left;}
