@charset "iso-8859-1";


/* Applies to HP and Checkout */
html {font-size: 100%;}

body {background: #99CCFF; font-size: 1em; font-family: georgia, serif; text-align: center; color: black; padding: 0; margin: 0;}

#bodybox {background: white; border: thin solid blue; margin-left: auto; margin-right: auto; text-align: left; width: 75em}

a:link {color: #FF0000}

a:visited {color: #FF6600}

a:hover {background-color: white; color: green; font-size: 100%}

a:active {color: #0000FF}

/* Header */
#header {border-bottom-style: double; color: red; height: 13.75em; margin:  2em 0em 0em 0em; padding-bottom: 0cm; padding-top: 0em; width: 75em}

#logo {background-color: white; border-bottom-style: double; color: red; float: left; margin:   0cm 0cm 0cm 4em; text-align: center; width: 31em}

#logoimage {border: None}

#ph {color: red; font-size: 1.6em; font-style: oblique; font-weight: bold; padding: 0em 0em 0em 0em; margin-bottom: 0em; margin-left: 0em; margin-top: .5em; text-align: center;}

#ph:first-line {font-size: .8em; font-weight: bolder;}

#headright {color: #00cc00; font-size: 1.15em; font-style: oblique; font-weight: bold; height: 8em; margin-bottom: 0em; margin-top: 1.8em; overflow: hidden; padding:  2em .5em 0em .5em; text-align: center; width: 33em; float: right;}

#headright:first-line {color: #006600; font-size: 2em; font-weight: bolder; text-decoration: underline}

/* End Header */
#content {clear: both; margin-top: 1em; width: 75em}

#main {margin-top: 1.5em; width: 57em; float: right;}

h1, h2, h3 {text-align:center; color:#000000; font-weight: bold}

h1 {font-size: 4em; color: #009900; font-style: oblique;}

h2 {clear: both; color: #009900; font-size: 200%; font-style: oblique; text-decoration: underline; text-align: center}

h3 {clear: both; color: #3300cc; font-size: 200%; font-style: oblique}

h4 {color: #009900; font-size: 100%; font-style: oblique; text-decoration: underline; text-align: center;}

h4:first-line {color: #3300cc; font-weight: bold; font-size: 125%; font-style: oblique; padding: .5em}

p {text-indent: 1.5cm; text-align: left; overflow: auto;}

.centeremph {color: #663366; font-size : 110%; font-weight:bold; text-align: center; text-transform: capitalize; clear: both}

/* Item */
#itemtop {text-align: center; width: 57em}

#itemtopright {float: left; width: 28em}

#itemtopleft {float: right; width: 28em}

.itemtopinfo {text-indent: 0cm;font-size : 100%; text-align: center; ; padding: 1em .5em 1em .5em}

.itemnew {padding:  0em .5em 0em .5em; width: 56em}

.itemright-image {border: none; float: right; margin-right: 1.2em; padding:  .5em .5em .5em .5em; width: 7em}

.itemright-copy {margin-right: 7em; padding: .5em .5em .5em .5em; text-indent: 0em; width: 43em}

.itemright-news {float: right; padding: .5em;}

.itemleft-image {border: none; float: left; width: 7em; margin-left: 1.2em; padding: .5em .5em .5em .5em;}

.itemnew p {text-indent: 0em; width: 43em}

#nav {background-color: #FFFFCC; border: thin solid #660000; float: left; width: 17em; padding-top: 1.5em; margin: 2.5em 0 0 0;}

.leftnav {font-size: 100%; margin:    0px; padding:   0em 0px 0em 0em; width: 17em}

.leftnav h1 {color: #333333; display: block; font-size: 110%; margin:  0px; text-decoration: underline; padding: 0px}

.leftnav h2 {color: #333333; display: block; font-size: 110%; margin:  0px; text-decoration: underline}

.leftnav ul {list-style: none; margin: 0px; padding: 0px; border: none;}

.leftnav ul li {margin: 0px; padding: 0px; text-align: center}

.leftnav ul li a {background: #FFFFCC; color: blue; font-style: oblique; font-size: 1em; line-height: 1.5em; padding:   0px 0px 0px .5em; text-decoration: underline;}

.leftnav ul li a:hover {color: red; background-color: #FFFFCC;}

.navlink {text-align: center; padding: 0em 0px 0em 0em; width: 17em}

.navlink h1 {color: #333333; display: block; font-size: 110%; margin:  0px; text-decoration: underline}

.navlink ul {list-style: none; margin: 0px; padding: 0px; border: none;}

.navlink ul li {margin: 0px; padding: 0px;}

.navlink ul li a {color: #666666; display: block; font-size: 110%; font-style: oblique; font-weight: bold; padding:   2px 0px 2px 0px; text-align: center; text-decoration: none; width: 90%}

.navlink ul li a:hover {color: red; background-color: #FFFFCC;}

#footer {text-align: center; border:   thin solid #0033FF;  background:#FFFFCC;  clear:both; ; width: 75em}

hr.nav {color: #ff9900; height: 2px; text-align: center; width: 75%}

.ddmenu {z-index:1000; font-size:90%; margin:25px 0 50px 15px;}

.ddmenu ul {padding:0; margin:0; list-style-type:none; width:16em;}

/* hack for IE5.5 */
* html .ddmenu ul {margin-left:-16px; ma\rgin-left:0;}

.ddmenu li {background: #FFFFCC; float: left; height: 26px; position: relative; width: 17em}

.ddmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

.ddmenu h1 {color: #333333; display: block; font-size: 1.5em; font-style: oblique; font-weight: bold; margin:   0px; text-decoration: underline; text-align: center}

.ddmenu a {color: blue; display: block; font-weight: bold; font-style: oblique; font-size: 110%; padding:  2px 0px 2px 0px; text-decoration: none; width: 100%; height: .75em; line-height: .75em; text-align: center}

/* hack for IE5.5 */
* html .ddmenu a, * html .ddmenu a:visited {background:#D4D8BD; width:150px; width:149px;}

* html .ddmenu a:hover {color: red; background-color: #FFFF99; font-weight: bold;}

.ddmenu :hover > a {color: red; background-color: #FFFF99; font-weight: bold;}

.ddmenu ul ul {visibility:hidden; position:absolute; top:0; left:15em;}

.ddmenu ul li:hover ul, .ddmenu ul a:hover ul {visibility:visible;}

.ddmenu ul ul li a {border:  0; border-width: 0 1px 1px 0; display: block; height: 25px; line-height: 25px; text-align: center; text-decoration: none;  width: 15em}

hr.item {color: #33cc00; text-align: center; width: 25em}

/* topnav table for Checkout ;  Style Sub Index
 topnav table */
table.topnav {border: solid red; height: 1em; margin:    2em 0 0 0; text-align: center; text-decoration: underline; width: 100%; height: 1em; margin:   2em 0 0 0; text-align: center; text-decoration: underline}

tr.topnav {text-align: center; text-align: center}

td.topnav {background:    #FFFF99; border:   medium double #99CC00; background:    #FFFF99; border:   medium double #99CC00}

a.topnav {font-size: 1em; font-style: italic; font-weight: bolder; padding-bottom: .5em}

.nav {background-color: white; color: #33cc00; font-style: oblique; font-size: 3em; font-style: normal; font-weight: bold; text-align: center; text-decoration: underline}

/* Index */
#tabletop {overflow: auto;}

/* Quick Nav */
.quick-nav {float:left; clear:both; width:75em; background:#fff; border-bottom:0; overflow:hidden; position:relative; margin-bottom: 0em; margin-top: 0em;}

.quick-nav ul {clear: both; float: left; left: 50%; list-style: none; padding: 2em 0em 0em 0em; position: relative; text-align: center}

.quick-nav ul li {display:block; float:left; list-style:none; margin:0; padding:3px 2px 3px 1px; position:relative; right:50%;}

.quick-nav ul li a {display:block; margin:0 0 0 .2em; padding:3px 5px; margin-bottom: .5em; background:#99CCFF; color:#000; text-decoration:underline; line-height:1.3em; font-size: .9em; font-style: oblique; width: 7.8em}

.quick-nav ul li a:hover {background:white; color:red;}

.quick-nav ul li a.active, .quick-nav ul li a.active:hover {color:#fff; background:#000; font-weight:bold;}

/* Start menu_top========================================================= #A0CEF8 */ 

#menu-top-box { margin: 1em 0; }  

#menu_top {background:  #fff; font-family:  georgia, serif; height: 3em; clear: both;}

/* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right 
 Just some margin to align the blue border below the menu */
#menu_top ul {background: white; height: 1em; margin:    0 0 5px 0; padding:  .6em; text-align: center}

/* Menu links are horizontally aligned using display: inline */
#menu_top li {display: inline;  background: #fff}

/* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link 
 Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
#menu_top li a {border: thin solid white; background:#99CCFF; color:#000; text-decoration:underline; line-height:1.3em; font-size: .9em; font-style: oblique; font-weight: normal; padding:  0 0 0 1em;}

#menu_top li a:hover {background: white; color: red}

/* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
#menu_top li a span {padding: 7px 10px 6px 0; }

#menu_top li a:hover span {display: inline;}

/* End Menu_top ====================================================================   

 Start menu_left========================================================= #A0CEF8 */
.menu_left {background: #FFFFCC; text-align: center; width: 17em; padding-bottom: 1em;}

.menu_left ul {list-style: none; margin: 0; padding: 0;}

.menu_left h2 {font-size: 1.5em; font-family: georgia, serif; display: block; border-width: 1px; border-style: solid; border-color: #FFFFCC; margin: 0; padding: 0; background: #FFFFCC; color: black;}

.menu_left a {background: #FFFFCC; color: blue; font-style: oblique; font-size: 1em; line-height: 1.5em; display: block; border-width: 1px; border-style: solid; border-color: #FFFFCC; margin: 0; padding: 0px 3px; text-decoration: underline;}

.menu_left a:hover {background: #003300; background: #FFFFCC; border-width: .5px; border-style: solid; border-color: black; color: red;}

.menu_left li {position: relative;}

.menu_left ul ul ul {position: absolute; top: 0; left: 100%; width: 100%;}

div.menu_left ul ul ul, div.menu_left ul ul li:hover ul ul {display: none;}

div.menu_left ul ul li:hover ul, div.menu_left ul ul ul li:hover ul {display: block; border-width: .5px; border-style: solid; border-color: black;}

/* End of style section. Generated by AceHTML at 11/13/2009 3:21:42 PM */