/* CSS Document */
html {margin:0}
body {background:url(/assets/images/bg.png) top center #555 fixed; margin:0;}
html, body, table, td, th {font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", Verdana, Arial, Helvetica, sans-serif; font-size:13px; vertical-align:top; line-height:1.5em }

#header {width:900px; margin:15px auto 0; background:url(/assets/images/title.jpg) #f0f0f0; height:84px; border-bottom:2px solid #b8062a}
#header h1 {display:none}

#container {width:880px; margin:0 auto; background:url(/assets/images/body.png) #fafafa; padding:10px; border-top:2px solid #b8062a;}
#container2 {background:url(/assets/images/blurbg.jpg) no-repeat 160px bottom}
#container.Home #container2 {background:none}
#container.special #container2 {background-position:bottom right}
#container.Home {background:url(/assets/images/body2.png) #e1e1e1; width:900px; padding:0}
#container.special {background:#fafafa}

#footer {height:35px; width:900px; margin:0 auto; background:#fff; text-align:center; font-size:12px; color:#666; padding:12px 0; border-top:2px solid #b8062a}

.homebox {background:url(/assets/images/homebg.jpg) #fff; width:630px; height:200px; color:#333; padding:10px}
.homebox h2 {margin:158px 0 5px; font-weight:bold}
.homebox h3 {font-style:italic; font-size:15px; margin:0}
.homebox p {margin-right:380px; text-align:justify}

.homethird {width:180px; margin:0; background:url(/assets/images/homethird.png) no-repeat; float:left; height:300px; padding:18px}

hr {border:0; border-bottom:1px solid #fff; height:2px; margin:0 0 0 1px; width:649px; padding:0; text-align:left; clear:both}

td.rightbar {width:239px; padding:0 2px; color:#000}
.mceContentBody td.rightbar{padding:0}

.mceContentBody {background:url(/assets/images/body.png) #f0f0f0 -11px top}
.mceContentBody.Home {background:url(/assets/images/body2.png) #b8062a; }
.mceContentBody.lightbox {background:#fafafa; }

a {color:#6666AA; text-decoration:none}
a:hover {color:#990000}
a img {border:0}

p {margin:0 0 1em}

h2, h3 {font-weight:normal}

h2 {font-size:20px; margin-bottom:6px}
h3 {font-size:16px; margin-bottom:6px}
h4 {font-size:14px}
h5 {font-size:13px; color:#b8062a; margin-bottom:0}

label {float:left; display:block; padding-top:3px; font-weight:bold; width:150px; text-align:right; padding-right:5px}
label.check {float:none; display:inline; padding:0; font-weight:normal; width:auto; text-align:inherit}

.highlight{	background-color:#FEFFAF;}

.breadcrumb {font-size:11px}

/** Main Navigation Menu **/
#nav {margin:0 auto 0; padding:0 0 0 90px; height:52px; background:url(/assets/images/barbg.png) center #b8062a; width:810px; border:solid #fff; border-width:1px 0; list-style:none}
#nav li {list-style:none; display: inline; position: relative; float: left; padding:12px 0}
#nav a {display: block; padding:6px; margin-right:0px; font-weight:bold; height:16px; color:#FFFFFF; border-left:1px solid #fff; width:105px; text-align:center}
#nav .first a {border:0}
#nav a:hover {color:#CCCCCC;}
#nav .active a {text-decoration:underline}
#nav .active li a {text-decoration:none}

#nav li ul { display: none; z-index:50; position: absolute; margin: 0 0 0 20px; padding: 0; width: 137px; border:1px solid #fff }
#nav li li {padding:0}
#nav li li a{width: 129px; padding: 4px; float: none; border: 0; font-weight: bold; font-size: 11px; background:#b8062a; z-index: 10; text-align:left}

#nav li li ul {margin: -25px 0 0 138px;}

#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul { display: block;} /* The magic */

#nav li.disabled a {border:1px dotted #ff0000; padding:5px; background:#FFFFCC; color:#000000}
#nav li li.disabled a, #nav li.disabled li a {border:1px dotted #ff0000; padding:3px; background:#FFFFCC; color:#000000}

/** Lightbox **/
#lightbox h2{margin:0 0 1em 0;}
#lightbox h3{color:#b8062a; margin:0 0 1em 0;}
#lightbox.done p{color:#333;}
/*
#lightbox a {color:#003399; text-decoration:none}
#lightbox a:hover {text-decoration:underline}
*/
#lightbox{display:none; position: absolute; top:50%; left:50%; z-index:2000; width:400px; height:310px; margin:-220px 0 0 -250px; background:#fff; text-align:left; border:2px solid #b8062a; border-top:0; overflow:auto; }
#lightbox[id]{ position:fixed; }

#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1980; background-color:#000; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
#overlay[id]{ position:fixed; }

#lightbox.done #lbLoadMessage{ display:none;}
#lightbox.done #lbContent{display:block; padding:10px;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block; text-align:center; margin-top:120px;}

#lightbox #closebar {background:#b8062a; height:22px; text-align:right}
#lightbox #closebar a {color:#FFFFFF; font-size:10px; font-weight:bold; text-decoration:none}
#lightbox #closebar a:hover {color:#eee; text-decoration:none}
#lightbox #closebar img {vertical-align:middle}

.row0, .row1 {border-bottom:1px solid #ddd}

table {border-collapse:collapse;}
th {background:#666666; color:#FFFFFF; text-align:left}

.tip {font-size:10px; color:#999999; line-height:12px}

.retailers{list-style:none; font-weight:bold; margin:0; padding:0 10px 0 20px}
.retailers a {display:block; padding:4px;}
.retailers a:hover {background:#fff; padding:3px; border:1px solid #eee}

dd {background:url(/assets/images/oq.png) no-repeat 3px 3px ; margin:10px 10px 0; padding:5px; font-style:italic; text-indent:30px; display:block; color:#555; font-weight:bold }
dt {background:url(/assets/images/cq.png) no-repeat top right; text-align:right; margin:-23px 13px 10px; padding-top:23px; display:block; font-size:12px; color:#555}