@charset "UTF-8";

/* CSS produced by Xenon Design */

/* You may adapt and learn from the elements of this CSS to use in your own projects,
but you may not copy the design (the unique combination of images, colors, sizes,
typography, and positioning) since this is copyright of Xenon Design and may not be
reproduced. */

/* UNIVERSAL */
* { margin: 0px; padding: 0px; }
body { background-image: url(images/background.png); background-repeat: repeat; }
img { outline: none; border: none; }
.image { border: 1px solid white; margin-bottom: 10px; margin-top: 10px; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear { clear: both; }
hr { border: thin 1px #FFF; }

/* ALL PAGES DIVS */
#banner { width: 900px; height: 30px; background: #06C; text-align: center; margin: auto; }
#banner p { position: relative; top: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #FFF; }
#container { width: 900px; margin: auto; }
#container #header { background: url(images/header.png) no-repeat; height: 200px; width: 900px; text-align: right; font-size: 10px; }
.cart { position: relative; top: 178px; }
#container #footer { position: relative; width: 900px; background-image: url(images/background-content.png); background-repeat: repeat; z-index: 0002; padding-top: 15px; }

/* MAIN PAGE BODY DIVS */
#container #bodyHomeLeft, #bodyHomeRight {height: 450px; background-image: url(images/background-content.png); background-repeat: repeat; border-bottom: solid 1px #47A; z-index: 0001; width: 450px;}
#container #bodyHomeLeft { position: absolute; top: 250px; }
#container #bodyHomeRight { position: relative; left: 450px; }
#container #bodyHomeRight #homeImageTable { padding-top: 55px; padding-left: 10px; }
#container #bodyHomeRight #homeImageTable .homeImage { border: 1px solid white; }
#container #bodyInformation, #bodyStore, #bodySitemap, #bodyTerms, #body404 { position: relative; width: 900px; background-image: url(images/background-content.png); background-repeat: repeat; border-bottom: solid 1px #47A; z-index: 0001; }

/* TYPOGRAPHY */
.textTitleSmall, .textTitleLarge, .textStandard, .textSubsize, .textFooter { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
.textTitleSmall { font-size: 18px; }
.textTitleLarge { font-size: 28px; padding-left: 10px; padding-right: 10px; }
.textStandard { font-size: 15px; padding-left: 10px; padding-right: 10px; }
.textSubsize { font-size: 10px; }
.textFooter {  font-size: 12px;	text-align: right; }

/* STORE PAGES */
.dropdown { background-color: #003; font-size: 12px; color: #FFF; border: solid 1px #FFF; padding-left: 5px; margin-left: 10px; width: 350px; }
.button { background-color: #003; font-size: 12px; color: #FFF; border: solid 1px #FFF; width: 40px; margin-left: 10px; }
.button:hover { background-color: #06C; cursor: pointer; }
.linkButton { background-color: #003; color: #FFF; border: solid 1px #FFF; width: 50px; font-size: 12px; padding-left: 7px; padding-right: 7px; padding-top: 1px; padding-bottom: 1px; margin-left: 10px; }
.linkButton:hover { background-color: #06C; color: #FFF; cursor: pointer; }
#accessoryTable { margin-left: 25px; width: 850px; border: none; }
#accessoryTable #imageCell { width: 150px; }
#accessoryTable #textCell { width: 650px; }
.storeImage { position: relative; right: 25px; top: -20px; float: right; border: 1px solid white; }

/* PAGE LINK CLASSES */
.linksStandard, .linksStandard:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.linksStandard { color: #FFF; }
.linksStandard:hover { color: #39F; }
.linksFooter { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCC;  text-align: right; }
.linksFooter:hover { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: right; }	

/* NAV-BAR */
#container #navbar, #navtab  { height: 50px; background: #4D649F; }
#container #navbar { width: 900px; cursor: pointer; margin: auto; }
#container #navbar #navtab { float: left; width: 298px; border-right: 1px solid #637CB3; border-left: 1px solid #637CB3; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 15px; text-decoration: none; }
#container #navbar #navtab:hover { background: #526BA2; }
#container #navbar #navtab:active { background: #4D649B; }
#container #navbar #navtab #navtext { margin-top: 27px; margin-left: 3px; }
#container #navbar #navtab #navtext:hover { color: #FFF; text-decoration: none; }

/* NAV-BAR DROP-DOWN */
#menu { position: relative; top: 0px; left: 0px; float: right; background-color: #4D649F; border-left: 1px solid #637CB3; display: block; z-index: 0002; height: 50px; }
#menu a { display: block; margin-top: 27px; margin-bottom: 3px; margin-left: 1px; color: #FFF; font-family: Verdana; text-decoration: none; font-size: 15px; }
#menu:hover { background-color: #526BA2; }
#navbar #menu #linkspace { position: absolute; top: -27px; width: 295px; height: 50px; }
#dropdown a:hover { background-color: #526BA2; }
#menu #dropdown { float: left; display: none; }
#menu:hover #dropdown { float: right; display: block; background-color: #415A91; }
#menu div { width: 299px; background-color: #4D649F; color: #FFF; font-family: Verdana; text-decoration: none;font-size: 14px; }
#menu a { margin-left: 3px; }
#dropdown div, #dropdown a { display: block; text-decoration: none; margin: 0px; color: #FFF; margin-top: 0px; padding: 5px; }
#dropdown div + div, #dropdown a + a { padding: 5px; }

/* LINK DEFAULTS */
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFF; text-decoration: none; }
a:hover { text-decoration: none; color: #36F; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }