@charset "utf-8";
/*---------------------------------------------Imagine8 Design Studio default css stylesheet--------------------------------------------------*/

/*---------------------Common Layout styles-----------------*/
* { margin: 0px; padding: 0px; }
body { margin-right: auto; margin-left: auto; height: auto; width: 850px; background-image: url(../images/bg.jpg); background-repeat: repeat; }
#wrapper { float: left; height: auto; width: 850px; }
#header { float: left; height: auto; width: 850px; }
#header img { float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#cart { background-image: url(../images/cart_bg.jpg); background-repeat: no-repeat; float: left; height: 31px; width: 325px; padding-top: 75px; font: 11px Arial, Helvetica, sans-serif; color: #333333; padding-left: 100px; }
#cart a { color: #333333; text-decoration: underline; }
#slideshow { height: 400px; width: 800px; float:left; position: relative; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }
#nav { height: 30px; width: 850px; float: left; }
#nav img { float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#main { float: left; width: 850px; background-image: url(../images/main_bg.jpg); background-repeat: repeat-y; height: auto; }
#content { float: left; width: 775px; margin-right: 27px; margin-left: 48px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #333333; padding-bottom: 20px; }
#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding-bottom: 5px; color: #333333; font-weight: normal; }
#content h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding-bottom: 5px; color: #333333; font-weight: normal; }
#content img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#content p { padding-top: 4px; padding-bottom: 4px; }
#content a { color: #333333; text-decoration: underline; }
#index_lh { float: left; height: auto; width: 500px; padding-right: 20px; padding-bottom: 20px; }
#index_rh { float: left; height: auto; width: 248px; margin-top: 6px; margin-bottom: 6px; }
#index_rh img { float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#internal_lh { float: left; height: auto; width: 380px; padding-right: 20px; line-height: 18px; }
#internal_rh { float: left; height: auto; width: 370px; padding-right: 5px; padding-top: 35px; padding-bottom: 20px; }
#blog { float: left; width: 248px; }
#shop { float: left; width: 248px; }
#mail { float: left; width: 248px; }

#footer { float: left; width: 850px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; padding-bottom: 10px; }
#footer a { color: #333333; }
/*---------------------Main nav styles-----------------*/
#lh_nav { width: 190px; height: auto; float: left; padding-top: 20px; }
#menu { list-style: none; padding: 0; vertical-align: top; width: 190px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; float: left; margin: 0; }
#menu ul { display: none; list-style: none; margin: 0; padding: 0; }
#menu ul ul { display: inline; }
#menu ul ul li a { height: 30px; width: 190px; }
#menu a { color: #333; cursor: pointer; display: block; padding: 0px; width: 190px; margin: 0px; text-decoration: none; }
#menu a.expanded { background-color: #E0E0B3; border: 1px solid #fff; height: 28px; width: 178px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; line-height: 28px; }
#menu a.collapsed { background-color: #E0E0B3; border: 1px solid #fff; height: 28px; width: 178px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; line-height: 28px; }
#menu a:hover { text-decoration: none; }
#menu ul a { border: 1px solid #fff; color: #333; display: block; font-weight: normal; width: 178px; height:28px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; line-height: 28px; background-color: #EFEFC0; }
#menu ul a:hover { text-decoration: underline; background-color: #FFFFCC; }
#menu li.active a { background: #fff; }
#menu li.active li a { background: #e8e8e8; }
#cart_results { float: left; height: auto; width: 550px; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding: 20px 0px 20px 15px; }
#cart_results h1 { font-family:  Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
#cart_results h2 { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 11px; color: #333333; }
#cart_results h2 a { text-decoration:none; color: #333333; }
#cart_results h2 a:hover { text-decoration:underline; color: #333333; }
#cart_results h3 { font-family:  Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 14px; }
#cart_results h4 { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; float: right; margin-top: 0px; margin-right: 30px; margin-bottom: 5px; margin-left: 0px; }
#cart_results tr { vertical-align:top; }
#cart_results td { margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; }
#cart_results td form td { margin: 0px; padding: 0px; }
#cart_results td form td select { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
#cart_results td form td input { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
#cart_results td form .formButton { background-color: #ECEC00; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 25px; margin-top: 5px; width: 90px; }
#cart_box { background-color: #FFFF99; padding: 15px; float: left; height: auto; width: 285px; border: 1px solid #5c3148; margin-top: 30px; }
#upsell { height: auto; width: auto; float: left; }
#upsell img { float: left; padding-top: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-right: 10px; }
/*-------------------- Tables used to display tabular Data.-------------------- */
table.tabularData, table.tabularData td, table.tabularData th { border: 1px solid #DEE0E2; border-collapse: collapse; }
table.tabularData td, table.tabularData th { padding: 3px; }
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active { color: #FFFFFF; background-color: #E6E600; }
.altRowEven { background-color: #FFFF99; }
.altRowOdd { background-color: #FFFFFF; }
.oldprice { text-decoration: line-through; }
.smallprint { font-size: 10px; }
.pagingLinks { text-align: center; }
.errorMessage { color: #993333; font-weight: bold; }
table#tableSearchResults td { vertical-align:top; }
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; float: left; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 138px; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
ul.MenuBarHorizontal li a { margin: 0; padding: 0; }
ul.MenuBarHorizontal li img { border: none; }
ul.MenuBarHorizontal ul { padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 138px; position: absolute; left: -1000em; font-size: 12px; color: #FFF; background-color: #5c3148; float: left; font-family:  Arial, Helvetica, sans-serif; border-top-width: 1px; border-top-style: solid; border-top-color: #BD7E93; margin-top: 34px; *margin-top: 2px;
margin-right: 0; margin-bottom: 0; margin-left: 0; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
ul.MenuBarHorizontal ul li { width: 122px; padding-left: 7px; background-image: none; padding-right: 7px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #BD7E93; border-bottom-color: #BD7E93; border-left-color: #BD7E93; padding-top: 3px; padding-bottom: 3px; }
ul.MenuBarHorizontal ul ul { position: absolute; margin-top: -10%; margin-right: 0; margin-bottom: 0; margin-left: 95%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #FFF; text-decoration: none; background-color: #5c3148; width: 124px; padding: 0px; padding-left: 7px; background-image: none; padding-right: 7px; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #5c3148; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #804362; color: #FFF; }
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1);
}
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #5c3148; }
}
/*---------------------Jquery zoom tool-----------------*/
div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
.jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; cursor:crosshair; }
.jqZoomPup img { border: 0px; }
.preload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px;
height:43px; *height:55px;
z-index:10; position:absolute; top:3px; left:3px; }
.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }

/*---------------------Common form styles-----------------*/
form#forms { width: auto; margin: 0; float: left; font-family: Arial, Helvetica, sans-serif; }
fieldset { border: none; padding: 0; }
legend { line-height: 1.4; font-size: 14px; color: #333333; padding-bottom: 10px; font-weight:bold; }
label { width: 100px; float: left; font-size: 12px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; color: #333333; }
form span { float: left; width: 10px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
form p { color: #333; font-size: 12px; line-height: 1.2; clear: both; }
input.text { width: 245px; float: left; margin-top: 0px; margin-bottom: 3px; }
textarea.text { padding: 2px; margin-top: 3px; width: 245px; height: 75px; }
input.text:focus, textarea.text:focus { background-color: #ACD6FF; }
.buttonPad { padding-top: 10px; padding-left: 120px; clear: both; }
.red { color: #FF0000; }
/*---------------------Common class's styles-----------------*/
.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.text-wrap-rh { float: left; padding-right: 15px; padding-left: 15px; width: 216px; padding-bottom: 5px; }

