body { position: absolute; width: 100%; margin: 0; padding: 0; background-color: #3a2f23; background: url('fader.jpg'); background-repeat: repeat; font: 10px tahoma; }
address { font: 1.1em verdana; color: #222; }
h1 { margin: 0; font: 1.8em verdana; font-weight: bold; color: #ed9a3a; }
h2 { margin: 0; font: 1.8em verdana; font-weight: bold; color: #ed9a3a; }
h3 { margin: 0; font: 1.4em verdana; font-weight: bold; color: #222; }
hr { height: 0; margin: 1em 0 1em 0; border: none; border-top: .1em solid #efdac2; }
img { border: 0; font-size: 10px; }
ol, ul { margin: 0; padding: 0; }
ol li, ul li { list-style-position: inside; font: 1.1em verdana; line-height: 1.4em; color: #454345; }
ol li a { list-style-position: inside; font: 1em tahoma; line-height: 1.2em; text-decoration: none; color: #ed9a3a; }
ol a:hover { text-decoration: underline; color: #c37923; }
p { margin: 0; font: 11px verdana; line-height: 1.5em; color: #222; }
a { font: 1em verdana; color: #5f931c; text-decoration: none; }

#wrapper { position: relative; z-index: 2; width: 99em; margin-right: auto; margin-left: auto; }
#shadow_left { float: left; width: 21px; height: 798px; }
#deco_left { float: left; padding-left: .8em; background: #f1efd7; }
#deco_right { float: left; padding-right: .8em; background: #f1efd7; }
#white { width: 92.8em; padding: 0 .1em 0 .1em; background: #fff; }
#white2 { width: 22.5em; padding: 0 .1em 0 .1em; background: #fbf9e4; }
#center { width: 92.8em; margin-right: auto; margin-left: auto; border-right: .1em solid #e0dada; border-left: .1em solid #e0dada; }
#top { position: relative; height: 12.4em; background: url(../images/top_bg.png) top repeat-x; }
#logo { position: absolute; top: 2em; left: 3.8em; width: 55.0em; height: 5.8em; }
#other { position: absolute; right: 0; width: 22.2em; height: 13.1em; }
#menu_wrapper { position: absolute; z-index: 2; top: 9.3em; left: 3.8em; border: .1em solid #eadacf; }
#menu { height: 2.1em; background: #fdfaef url(../images/menu_bg.png) bottom repeat-x; border: .1em solid #fdf6ee; border-top: .1em solid #fff; }
#menu a { display: block; float: left; width: 9.04em; margin: 0 .5em 0 .5em; font: 1.1em verdana; line-height: 1.9em; vertical-align: middle; font-weight: bold; text-align: center; text-decoration: none; color: #8f543d; }
#menu a:hover { background: url(../images/menu_hover.png) center center repeat-x; }
.menu_split { float: left; width: .2em; height: 2.1em; background: url(../images/menu_split.png) center center no-repeat; }
#centered_content { width: 88em; margin-top: .4em; margin-right: auto; margin-left: 0; }
#nav { float: left; width: 16.1em; padding-right: 2.5em; background: url(../images/nav_bg.png) top right repeat-y;; background: #fbf9e4; }
#nav_menus { margin-top: 1em; margin-left: 1em; }
#nav_menus a { display: block; height: 1.8em; center bottom no-repeat; font: 11px verdana; text-align: left; line-height: 2em; vertical-align: middle; text-decoration: none; color: #6798ca; }
#nav_menus a.nestedMenuItem { text-align: left; }
#nav_menus a.nestedMenuItem_depth0 { padding-left: 1em; }
#nav_menus a.nestedMenuItem_depth1 { padding-left: 3em; }
#nav_menus a.nestedMenuItem_depth2 { padding-left: 5em; }
#nav_menus a:hover { text-decoration: underline; color: #6798ca; }
.nav_split { height: .1em; margin-top: .1em; }
#nav_menus h1 { margin: .5em 0 .5em 0; font: 12px verdana; font-weight: bold; text-align: left; color: #000000; }
#nav_menus h1 span { color: #222; }
#content { float: left; width: 60em; padding-left: 1.4em;}
#banner { position: relative; height: 535px; width: 645x; border: 1px solid #f1e5c9; }
#banner img { position: absolute; z-index: 1; }
#banner .content { position: absolute; z-index: 2; top: 2.5em; left: em; width: 18em; }
#banner h1 { margin: 0; font: 3em garamond, georgia; color: #d58e31; }
#banner h1 span { color: #222; }
#banner h2 { margin: 1em 0 0 0; font: 1.2em verdana; color: #684918; text-align: justify; }
#footer { width: 80em; height: 4.7em; margin-top: 2.5em; padding: .4em 3.9em 0 3.9em; background: url(../images/footer_bg.png) bottom repeat-x; }
#footer .split { width: 80em; height: 0; margin-right: auto; margin-left: auto; border-top: .1em solid #f5f2e9; }
#footer p { margin: 1.5em 0 0 2em; font: 1em verdana; color: #a78b62; }
#footer a { font: 1em verdana; color: #818181; }
#shadow_right { float: left; width: 21px; height: 798px; }
/*#bottom_deco { position: absolute; bottom: 0px; width: 100%; height: 261px; background: url(../images/deco_bottom.png) bottom repeat-x; }*/


/*RE-USEABLE ELEMENTS*/
.pink_block { position: relative; width: 90%; height: 17.1em; border: .1em solid #f1dcbf; }
.pink_block img { position: absolute; z-index: 1; width: 270px; height: 171px; }
.pink_block h1 { position: absolute; z-index: 2; width: 15em; margin: 0; font: 2em palatino linotype, georgia; font-weight: bold; margin-left: 18px; text-align: left; color: #ed9a3a; }
.pink_block h1 span { color: #222; }
.pink_block ol { margin: 4em 0 0 1.2em; }
.pink_block ol a { padding-right: 1em; background: url(../images/li.png) center right no-repeat; color: #454345; }

.purple_block { position: relative; width: 15.1em; height: 23.5em; padding: 1em; border: .1em solid #d1caa5; }
.purple_block h1 { margin: 0; font-size: 1em; text-align: center; cursor: pointer; }
.purple_block h1 a { display: block; font: 1.3em verdama; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; color: #3f3f3f; }
.purple_block h1 a:hover { color: #ed9a3a; }
.purple_block img { width: 15.1em; height: 10em; margin-top: 1em; }
.purple_block span { display: block; margin-top: .4em; font: 1.4em verdana; font-weight: bold; text-align: center; color: #ed9a3a; }
.purple_block span b { font-size: .8em; }
.purple_block p { display: block; margin: .6em 0 .6em 0; font: 1.1em verdana; text-align: center; color: #3f3f3f; }
.purple_block .b { position: absolute; bottom: 1em; width: 15.1em; }
.purple_block .details { display: block; height: 1.6em; margin-top: .3em; background: #fbf2d9; font: 1.1em tahoma; line-height: 1.6em; vertical-align: middle; text-align: center; text-decoration: none; color: #cb770a; }
.purple_block .details:hover { background: #cb770a; color: #fff; }

#breadcrumbs { border: .1em solid #efeddf; border-left: .1em dotted #efeddf; border-right: .1em dotted #efeddf; }
#breadcrumbs .content { height: 2.7em; padding: 0 1em 0 1em; background: url(../images/breadcrumbs_bg.png) top repeat-x; border-top: .1px solid #fff; border-left: .1px solid #fff; }
#breadcrumbs span { font: 1.1em verdana; line-height: 2.45em; vertical-align: middle; color: #8f543d; }
#breadcrumbs a { font: 1.1em verdana; line-height: 2.45em; vertical-align: middle; color: #bd8c09; }
#breadcrumbs a:hover { text-decoration: none; color: #222; }

.product { border: .1em solid #f1e5c9; }
.product .content { padding: 2.2em; background: url(../images/product_bg.png) top repeat-x; border-top: .2em solid #fff; border-left: .2em solid #fff; }
.product h1 { margin: 0; font: 2em garamond, georgia; font-weight: bold; color: #cb770a; }
.product h2 { margin: .5em 0 0 0; font: 1.2em verdana; font-weight: bold; color: #222; }
.product p { margin: .7em 1em .7em 0; text-align: justify; }
.product span { font: 1.1em tahoma; color: #cb770a; }
.product select { background: #fdf4ec; border: .2em ridge #f0e3b8; font: 1.1em tahoma; }
.product .cart { display: block; height: 1.6em; margin-top: 1em; margin-right: 1em; padding-left: .5em; background: #cb770a; font: 1.1em verdana; line-height: 1.6em; vertical-align: middle; font-weight: bold; color: #fff; cursor: pointer; }
.product .cart:hover { background: #fdf4ec; color: #cb770a; }
.product .img_holder { overflow: hidden; width: 19.3em; height: 18.4em; }
.product img { float: left; width: 19.1em; height: 18.2em; border: .1em solid #f1e5c9; }
.product .img_paging { margin: .4em 0 0 .4em; }
.product .img_paging a { font: 1.1em verdana; text-decoration: none; color: #666; }
.product .img_paging a:hover { color: #cb770a; }
.product .split { height: 0; margin: 1em 0 1em 0; border-top: 1px solid #f1e5c9; }

.ball { float: left; width: 5em; }
.ball img { display: block; width: 4em; height: 4em; margin-right: .5em; margin-left: .5em; }
.ball input { background: none; border: none; margin-right: 1em; margin-left: 1em; }

.default_msg { padding: 1.5em; background: #fbf8ee; border: 1px solid #f0e3b8; }
.default_msg p { font-weight: bold; color: #463605; }
.default_msg a { color: #f0e3b8; }

#paging { margin-top: 1.5em; }
#paging span { display: block; margin-bottom: 1em; font: 1.1em tahoma; }
#paging a { float: left; margin-right: .2em; padding: .2em .5em .2em .5em; background: url(../images/breadcrumbs_bg.png) top repeat-x; border: 1px solid #f0e3b8; text-decoration: none; color: #555; }
#paging a:hover { text-decoration: underline; }

/*Paragraph*/

.para b { color: #ed9a3a; }
.para p { margin: 1em 0 .5em 0; }

/*Forms*/
fieldset { background: #fbf8ee; padding: 1em; border: .1em solid #f0e3b8;  margin-left: 1em;}
legend { height: 2em; padding: 0 1em 0 1em; background: #fbf2d9 url(../images/legend_bg.png) bottom repeat-x; border: .1em solid #f0e3b8; font: 1em tahoma; line-height: 2em; vertical-align: middle; font-weight: bold; color: #684918; }
fieldset a { font-size: 1.1em; text-decoration: none; color: #89591a; }

form { margin: 0; padding: 0; }
label { display: block; float: left; width: 35%; margin-top: 5px; font: 1.1em verdana; color: #454345; }
textarea, select { display: block; float: left; margin-top: 5px; padding: .2em; background: url(../images/input_bg.png) bottom repeat-x; border: 1px solid #dedccf; font: 1.1em tahoma; color: #222; }

input { display: block; float: left; margin-top: 5px; padding: .2em; background: url(../images/input_bg.png) bottom repeat-x; border: 1px solid #dedccf; font: 1.1em tahoma; color: #222; }
input.plain { display: block; float: left; margin-top: 0px; padding: 0em; background: url(../images/input_bg.png) bottom repeat-x; border: 0px solid #dedccf; font: 1.1em tahoma; color: #222; }

.none { float: left; margin-top: 0px; padding: 0em; background: url(../images/input_bg.png) bottom repeat-x; border: 0px solid #dedccf; font: 1.1em tahoma; color: #222; }
option { background: #fff; }
input:focus { background: url(../images/input_bg_hover.png) top repeat-x; }
button { display: block; background: #fff url(../images/button_bg.png) bottom repeat-x; border: .1em solid #b4aa98; font: 1.1em verdana; color: #3a3a3a; cursor: pointer; }
button:hover { background: #fff url(../images/button_bg_hover.png) top repeat-x; }

/*Tables*/
/*table { width: 100%; background: #ffffff; border-spacing: 1px; font: 1.1em verdana; color: #666666; padding: 0px; }
td, th { padding: .4em; }
thead th { background: #fdf4ec; border: 1px solid #ffffff; font-weight: bold; text-align: center; color: #666; text-transform: uppercase; }
tbody th { font-weight: bold; }
tbody tr { background: #ffffff; border-top: 1px solid #ffffff; }
tbody tr td { padding: .3em; background: #fafafa; border: 1px solid #FFFFFF; }
tbody tr td:hover { padding: .3em; background: #f9f4ea; border: 1px solid #FFFFFF; }*/


/*Tables*/
#tabletwo { width: 100%; background: #ffffff; border-spacing: 1px; font: 1.1em verdana; color: #666666; padding: 0px; }
#tabletwo td, th { padding: .4em; }
#tabletwo thead th { background: #fdf4ec; border: 1px solid #ffffff; font-weight: bold; text-align: center; color: #666; text-transform: uppercase; }
#tabletwo tbody th { font-weight: bold; }
#tabletwo tbody tr  { background: #ffffff; border-top: 1px solid #ffffff; }
#tabletwo tbody tr td  { padding: 0.5em; background: #ffffff; border: 1px solid #FFFFFF; }

/*Tables*/
#tablethree { width: 100%; background: #ffffff; border-spacing: 1px; font: 1.1em verdana; color: #666666; padding: 5px; }
#tablethree td, th { padding: .4em; }
#tablethree thead th { background: #fdf4ec; border: 1px solid #ffffff; font-weight: bold; text-align: center; color: #666; text-transform: uppercase; }
#tablethree tbody th { font-weight: bold; }
#tablethree tbody tr  { background: #ffffff; border-top: 1px solid #ffffff; }
#tablethree tbody tr td  { padding: 0.2em; background: #ffffff; border: 1px solid #FFFFFF; }
#tablethree .package { font-weight: bold; color: #008080; }
#tablethree .subcost { font-weight: bold;}
#tablethree .ltgrey { color: #a5a5a5; }
#tablethree .remaining { color: #fb2900; font: 1.1em verdana; font-weight: bold; }

/*Tables*/
#tablefour {width: 150px; background: #fafafa; border-spacing: 1px; font: 1.1em verdana; color: #666666; padding: 0px; text-align: right;}
#tablefour td, th { padding: .4em; }
#tablefour thead th { background: #fdf4ec; border: 1px solid #fafafa; font-weight: bold; text-align: right; color: #666; text-transform: uppercase; }
#tablefour tbody th { font-weight: bold; }
#tablefour tbody tr  { background: #fafafa; border-top: 1px solid #fafafa; }
#tablefour tbody tr td  { padding: 0.5em; background: #fafafa; border: 1px solid #fafafa; }


/*Tables*/
#tablemain {font: 1.1em verdana;  padding: 0px; border: 0px solid #362134;}
#tablemain td, th { padding: 0em;  border: 0px solid #362134;}
#tablemain thead th { padding: 0em; background: #362134; border: 0px solid #362134; font-weight: bold; color: #666; text-transform: uppercase; }
#tablemain tbody th { padding: 0em;  border: 0px solid #362134; font-weight: bold; }
#tablemain tbody tr  { padding: 0em;  border: 0px solid #362134; background: #362134; border-top: 0px solid #362134; }
#tablemain tbody tr td  { padding: 0em; background: #362134; border: 0px solid #362134; }

/*Margin*/
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px;  margin-left: 1em;}
.mt20 { margin-top: 20px; }
.pb10 { padding-bottom: 10px; }

/*Splits*/
.s30 { width: 30%; }
.s33 { width: 33.33%; }
.s40 { width: 40%; }
.s50 { width: 50%; }
.s60 { width: 60%; }
.s70 { width: 70%; }

/*Classes*/
.auto_margin { margin-right: auto; margin-left: auto; }
.block { display: block; }
.btt_pad { float: left; margin: 6px 0 0 1em; }
.clear { clear: both; height: 0; }
.h22 { height: 22em !important; }
.left { float: left; }
.red { color: red; }
.right { float: right; }
.linkcart { font-size: 9px; }

/*IE6 Fixes*/
html>body #logo { background: url(../images/logo.png) center center no-repeat; }
html>body #shadow_right { background: url(../images/shadow_right.png) left no-repeat; }
html>body #shadow_left { background: url(../images/shadow_left.png) right no-repeat; }