html { padding:0; margin:0 auto; }
body { margin:0; padding:0; width:100%; border:0; color:#1f0000; font:normal 12px "Liberation sans", Arial, Helvetica, sans-serif; background: #000 url(/images/back.jpg) repeat-x center top; }

h1 { margin:0; padding:0; font-size:28px; font-weight:normal; color:#e2a003; text-transform:uppercase;}
h2 { margin:0; padding:0; font-size:24px; font-weight:normal; color:#1f0000; text-transform:none;}
h3 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#1f0000; text-transform:none;}
h4 { margin:0; padding:2px 0; font-size:15px; font-weight:normal; color:#1f0000; text-transform:none;}
p { margin:0; padding:0px 0;}
p.line { margin:0 0 6px; padding:6px 0 8px; border-bottom:1px dashed #c2baba;}
a { color:#fdb813; text-decoration:underline;}
sup { line-height: 0; color:#bf0b0a;}
li.bg, .bg { clear:both; border-bottom:1px solid #c2c2c2; padding:5px 0 0 0; margin:15px 0; background:none; list-style:none;}

a.dark_btn { background-color: #fdb813; padding:6px 8px 6px 8px; color:#fff; font: 16px Arial, Helvetica, sans-serif; text-decoration:none; }
a.dark_btn:hover { background-color: #666666; color: #FFF; }

a.light_btn { background-color: #7b7b7b; padding:6px 8px 6px 8px; color:#fff; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none; }
a.light_btn:hover { background-color: #666666; color: #FFF; }


table p { margin: 0; padding: 0 }

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

div.main {  margin:0 auto; background-color:#000; }
div.default { /*background:#e1e9ee url(/images/layout/bggraphic.jpg) repeat-x center top; height:100% */}
div.other {/* background:#e1e9ee url(/images/layout/bggraphic.jpg) repeat-x left top; height:100% */}

div.header { background:#221f20 url(/images/bggraphic.jpg) no-repeat center top; }
div.header_resize { margin:0 auto; padding:0; width:960px;}
div.logo { margin:20px 0; padding-right:15px; float:left; width:300px; }
.online { padding-top:20px; color:#fff; font-size: 14px; }
.pro  { padding-left:50px; color:#fff; font-size: 14px; }
div.centre { width:195px; margin-top:15px; padding:12px; float:left; font-size:15px; color: #5b4737; border-left: 1px solid #d8d8d8; }
div.login { padding:0; float:right; }
div.topnav, div.topnav a { text-align:right; padding:0 0 16px 0; font-size:18px; font-weight:normal; color:#5b5a5a; text-decoration:none;}
div.content { margin:0 auto; padding:24px 36px 5px 36px; width:920px; border:1px solid #cecece; border-bottom:1px solid #dbdbdb; background-color:#fff;}

.rounded-corners, a.rounded-corners {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.rounded-corners, a.rounded-corners {
	behavior: url(/border-radius.htc);
	border-radius: 3px;
}

/* menu */
div.menu_nav { margin:0; padding:0; height:53px; background:#f3f3f3 url(/images/layout/menu_bg.png) repeat-x left top; border:1px solid #d8d8d8; border-bottom:none;}
div.menu_nav ul { margin:0; list-style:none; padding:0 0 0 6px; height:53px;}
div.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(images/layout/menu_sep.png) no-repeat right center;}
div.menu_nav ul li a { display:block; margin:0; padding:0 0 0 28px; font-size:12px; line-height:19px; font-weight:normal; color:#5b5a5a; text-decoration:none; text-transform:none; text-align:center;}
div.menu_nav ul li a span { display:block; padding:17px 10px 17px 0; height:19px;}
div.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fff; background:#fdb813;}
div.menu_nav ul li.active a span, .menu_nav ul li a:hover span { }

div.home { width: 100%; height:400px; margin:0; padding:0; background: url(/images/fries1.jpg) no-repeat;}

/* featured */
div.featured { width: 960px; height:298px; margin:0; padding:0; background: url(/images/layout/featured.jpg) no-repeat;}
div.featured .col { margin:0;}
div.featured .cost{  float:left; width:130px; padding:216px 0 0 48px; color:#bf0b0a; font-size:28px; font-weight:normal; }
div.featured .purchase{  float:left; width:205px; padding:224px 0 0 5px; }
div.featured .outline{  float:right; width:200px; padding-top:80px; padding-right: 20px; font-size:14px; font-weight:normal; color:#ffffff; }
div.featured .outline a {font-size:22px; font-weight:normal; text-decoration:none; float:right; color:#ffffff;}

/* footer */
.footer { }
.footer_resize { margin:0 auto; padding:20px 36px; color:#ffffff; width:920px; background:#000 url(/images/footerline.jpg) no-repeat center top; }
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { color:#ffffff; text-decoration:none; font-weight:normal; font-size: 10px; }
.footer p.lf a:hover { text-decoration:underline; color:#fdb813;}
.footer p.lf span { float:right;}



table.data-area { width: 100%; border: 1px solid #aaa; border-spacing: 0px; }
table.data-area tr td { padding: 4px 6px; }
table.data-area thead tr { background-color: #aaa; }
table.data-area thead tr td { border: none; }
table.data-area thead tr td p { font-weight: bold; }
table.data-area thead tr:hover { background: #aaa; }
table.data-area tr td { border-top: 1px solid #bbb; }
table.data-area tr.inactive td p { color: red; text-decoration: line-through; }
table.data-area tr.paid0 { background-color: #fcc; }
table.data-area tr.paid1 { background-color: #cfc; }
table.data-area tr:hover { background: #FFF8C6; }

table.data-form { width: 100%; border: 1px solid #aaa; border-spacing: 0px; margin-bottom: 20px; }
table.data-form tr td:first-child { width: 20%; }
table.data-form tr td { padding: 4px 6px; }
table.data-form tr td p { padding-top: 3px; padding-bottom: 3px; }
table.data-form thead tr { background-color: #aaa; }
table.data-form thead tr td { border: none; }
table.data-form thead tr td p { font-weight: bold; }
table.data-form tr td { border-top: 1px solid #bbb; }

table.order-area, table.order-area tr td { vertical-align: top; border-spacing: 0; }
table.order-area { width: 80%; border: 1px solid #d0d0d0; }
table.order-area thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.order-area thead tr:hover td { background-color: #e0e0e0; }
table.order-area thead tr td p { font: bold 12px arial, helvetica, sans-serif; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.order-area tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.order-area tr td p { font: normal 11px arial, helvetica, sans-serif; color: #505050; }
table.order-area tr:hover td { background-color: #f4f7bb; }
table.order-area tr td:last-child { text-align: right; }
table.order-area tr.new td { font-weight: bold; }

div.errors { width: 600px; margin: 0 auto; background-color: #ddd; border: 1px solid red; padding: 10px; margin-bottom: 30px; }
div.errors ul { margin: 0 auto; }
div.errors ul li:first-of-type { list-style: none; margin-left: -2em; text-decoration: underline; font-weight: bold; }


.slidingDiv {
    /*height:300px;*/
    background-color: #e8f9ff;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #008fd4;
}

.show_hide {
    display:none;
}

.splash{cursor: hand; cursor: pointer; }
.splash:hover{opacity:0.4;filter:alpha(opacity=40);}