@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: 800px; background-color: #575B60; margin-top: 15px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; }
#wrapper { float: left; height: auto; width: 800px; }
#banner { float: left; height: 126px; width: 800px; }
#banner img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#header { float: left; height: 199px; width: 800px; }
#nav { float: left; height: 40px; width: 800px; }
#nav img { float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#splash { background-image: url(../images/splash_bg.jpg); background-position: right; float: left; height: 37px; width: 800px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #C7CACD; background-repeat: no-repeat; padding-top: 20px; }
/*---------------------Main content styles-----------------*/
#index_main { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; float: left; height: auto; width: 600px; }
#index_content { background-color: #C7CACD; float: left; height: 360px; width: 521px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #FFFFFF; padding-top: 31px; padding-left: 29px; padding-bottom: 27px; padding-right: 28px; }
#index_content p { display: block; padding-bottom: 7px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.index_content { float: left; height: 244px; width: 279px; background-color: #C7CACD; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; margin-right: 19px; }
.index_content img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#main { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; float: left; height: auto; width: 800px; margin-top: 12px; }
#content { background-color: #C7CACD; float: left; height: auto; width: 741px; margin-bottom: 20px; border: 1px solid #FFFFFF; padding-top: 31px; padding-left: 29px; padding-bottom: 27px; padding-right: 28px; }
#content p { display: block; padding-bottom: 7px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
#content_terms { background-color: #C7CACD; float: left; height: auto; width: 741px; margin-bottom: 20px; border: 1px solid #FFFFFF; padding-top: 21px; padding-left: 29px; padding-bottom: 27px; padding-right: 28px; }
#content_terms p { display: block; padding-bottom: 5px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#content_terms h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 6px; color: #333333; padding-top: 10px; }
#content_terms h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 4px; padding-top: 4px; color: #333333; }
.content { float: left; height: 244px; width: 251px; background-color: #C7CACD; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; }
#content h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
.content_center { float: left; height: 244px; width: 251px; background-color: #C7CACD; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; margin-right: 20px; margin-left: 20px; }
.content img, .content_center img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contact_lh { float: left; height: auto; width: 250px; margin: 0px; padding: 0px; }
#contact_rh { float: left; height: auto; width: 491px; padding-top: 57px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; }
#about_lh { float: left; height: auto; width: 212px; padding-right: 25px; }
#about_cen { float: left; height: auto; width: 215px; padding-right: 40px; padding-top: 38px; }
#about_rh { float: left; height: auto; width: 247px; padding-top: 38px; }
#about_rh h3 { font-style: italic; text-align: center; font-weight: normal; font-size: 16px; }
#about_rh p { text-align: center; }
.text_wrap { padding-top: 10px; padding-right: 20px; padding-left: 20px; padding-bottom: 10px;  *padding-bottom: 7px;
width: auto; height: 114px; }
.text_wrap p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; width: 100%; line-height: 14px; margin: 0px; padding: 0px; }
.text_wrap h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right; font-weight: normal; }
/*---------------------RH Col styles-----------------*/
#rh_col { float: left; width: 198px; height: 684px; background-color: #C7CACD; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; margin: 0px; padding: 0px; }
#rhtext_wrap { padding-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 12px;  *padding-bottom: 8px;
width: auto; height: 552px; }
#rhtext_wrap h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#rhtext_wrap p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; width: 100%; line-height: 13px; margin: 0px; padding: 0px; }
/*---------------------Cart Main styles-----------------*/
#main_cart { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; float: left; height: auto; width: 800px; margin-top: 12px; background-color: #575B60; }
#cart_results { float: left; height: auto; width: 635px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #C7CACD; margin-left: 15px; }
#cart_results a { color: #0080C0; }
#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: 0px; }
#cart_results h1 a { text-decoration:none; color: #333333; }
#cart_results h1 a:hover { text-decoration:underline; }
#cart_results h2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 14px; }
#cart_results h2 a { text-decoration:none; }
#cart_results h2 a:hover { text-decoration:underline; }
#cart_results h3 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 11px; 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 img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#cart_results tr { vertical-align:top; }
#cart_results td { margin: 0px; padding-top: 5px; padding-right: 8px; padding-left: 8px; padding-bottom: 5px; border-top-style: none; border-left-style: none; }
#cart_results td form td select { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; width: 140px; }
#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: #0080C0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 25px; margin-top: 5px; width: 90px; color: #FFFFFF; }
#cart_box { background-color: #DDF4FF; padding: 15px; float: left; height: auto; width: 280px; border: 1px solid #0080C0; margin-top: 10px; }
#upsell { height: auto; width: 625px; 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; }
/*Form Styles*/
input.formCheckbox { border: none; background: transparent; }
input.formButton { color: #FFFFFF; font-weight: bold; margin: 3px 3px 0px 3px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #00699B; border-right-color: #00699B; border-bottom-color: #00ABFD; border-left-color: #00ABFD; background-color: #0080C0; }
/* 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: #70757B; }
/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven { background-color: #F8F8F8; }
.altRowOdd { background-color: #EDEEEF; }
/* oldprice is displayed when there is a discount */
.oldprice { text-decoration: line-through; }
.smallprint { font-size: 10px; }
.pagingLinks { text-align: center; }
.errorMessage { color: #993333; font-weight: bold; }
/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td { vertical-align:top; }
/*---------------------Cart Main nav styles-----------------*/
#lh_nav { width: 133px; height: auto; float: left; }
#menu { list-style: none; padding: 0; vertical-align: top; width: 133px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#menu ul { display: none; list-style: none; margin: 0; padding: 0; }
#menu ul li { }
#menu ul ul { display: inline; }
#menu ul ul li a { height: 30px; width: 133px; }
#menu a { color: #FFFFFF; cursor: pointer; display: block; padding: 0px; width: 133px; margin: 0px; text-decoration: none; }
#menu a.expanded { background-color: #70757B; height: 28px; width: 121px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; line-height: 28px; border: 1px solid #fff; }
#menu a.collapsed { background-color: #70757B; border: 1px solid #fff; height: 28px; width: 121px; 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: #FFFFFF; display: block; font-weight: normal; width: 121px; height:28px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; line-height: 28px; background-color: #919499; }
#menu ul a:hover { background : #f5f5f5; text-decoration: underline; }
#menu li.active a { background: #fff; }
#menu li.active li a { background: #e8e8e8; }
/*---------------------Footer styles-----------------*/
#footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #C7CACD; float: left; height: auto; width: 800px; padding-top: 10px; padding-bottom: 25px; }
#footer a { color: #C7CACD; text-decoration: none; }
a:link { color: #2B6A9F; }
a:visited { color: #2B6A9F; }
a:hover { color: #2B6A9F; }
a:active { color: #2B6A9F; }
/*---------------------Common class's styles-----------------*/
.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.block { display: block; }
.img_rh { float: right; padding-bottom: 18px; padding-left: 26px; }
.img_lh { float: left; padding-right: 26px; }
.errorMessage { color: #FF0000; }
.flRight { float:right; margin-right: 30px; }
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; float: left; }
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index: 1000; }
/* Menu item containers, position children relative to this container and are a fixed width */
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; }
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
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; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
/* Menu item containers are same fixed width as parent */
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; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul { position: absolute; margin-top: -10%; margin-right: 0; margin-bottom: 0; margin-left: 95%; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul { }
/* Menu items are a light gray block with padding and no text decoration */
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; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #5c3148; color: #FFF; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #804362; color: #FFF; }
/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010;  filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@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; }