@charset "UTF-8";
/* CSS Document */

h1 {   /* name of product */
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #570d68;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

h2 {   /* name of product catories list */
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #570d68;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h2 a {   /* name of product catories list */
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #570d68;
	font-weight: bold;
	text-decoration: none;
}

h2 a:hover {   /* name of product catories list */
	color: #313131;
}

h2.relatedlinks { 
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #570d68;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h3 {   /* model number and breadcrumbs */
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5c5b5c;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h3 a {   /* model number and breadcrumbs */
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5c5b5c;
	font-weight: normal;
	text-decoration: none;
}

h3 a:hover {   /* model number and breadcrumbs */
	color: #570d68;
}

h3.info {   /* rize and x5 info tert head */
	clear: both;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #570d68;
	padding: 15px 0 0 0;
	margin: 15px 0 5px 0;
	border-bottom: 1px solid #5c5b5c;
	font-weight: bold;
}

/* ALL CATEGORIES PAGE STYLES */



/* CATEGORY LIST STYLES */
#sortby {
	float: right;
	text-align: right;
	width: 650px;
	padding: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #570d68;
	font-weight: bold;
}

#sortby a {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #313131;
	text-decoration: none;
	font-weight: normal;
}

#sortby a:hover {
	color: #570d68;
}

#sortby a.focus {
	color: #570d68;
	font-weight: bold;
}

img#ascend {
	padding: 0 2px 0 5px;
	border: 0;
}

img#descend  {
	padding: 0 2px 0 2px;
	border: 0;
}

img#grid  {
	padding: 0 5px 0 5px;
	border: 0;
}

img#list  {
	padding: 0 5px 0 5px;
	border: 0;
}

.sorthead {
	padding-left: 30px;
}

#productdetail.listall {
	width: 790px;
	padding: 10px 0 0 30px;
}

table#catlist {
	padding: 0;
}

table#catlist td {
	width: 330px;
	padding: 0;
	margin: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #313131;
	font-weight: normal;
}

table#catlist td.listview {
	width: 660px;
}

table#catlist td img {
	float: left;
	border: 0;
	padding-right: 10px;
}



/* this is a test for the table row highlight code */

table#catlist td a {
	display:block;
	width:330px;
	height:82px;
	border-bottom: 1px solid #e7daea;
	border-right: 1px solid #e7daea;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	text-decoration: none;
	padding: 20px;
}

table#catlist td a:hover {
	border: 1px solid #570d68;
}

/* this is for the 2nd column to make the line on the right invisible */
table#catlist td.col2 a {
	border-right: 1px solid #ffffff;
}

table#catlist td.col2 a:hover {
	border-right: 1px solid #570d68;
}

/* this is for the list view where there is only 1 column */
table#catlist td.listview a {
	display:block;
	width:660px;
	height:160px;
	border-right: 1px solid #ffffff;
}

table#catlist td.listview a:hover {
	border: 1px solid #570d68;
}

/* this is for the grid view where photos are 160 square */
table#catlist td.gridview a {
	display:block;
	width:330px;
	height:160px;
}

table#catlist td.gridview a:hover {
	border: 1px solid #570d68;
}

/* this is for the 2nd column gridview to make the line on the right invisible */
table#catlist td.gridviewcol2 a {
	border-right: 1px solid #ffffff;
	width:330px;
	height:160px;
}

table#catlist td.gridviewcol2 a:hover {
	border-right: 1px solid #570d68;
}


.catlistinfo {
	padding: 10px 0 0 0;
	margin: 0;
	list-style: none;
}

.catlistinfo li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #313131;
	padding: 0 0 5px 0;
	font-weight: normal;
}

.catlistinfo li.prodname {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #570d68;
	font-weight: bold;
	text-decoration: none;
}

.catlistinfo li a {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #570d68;
	font-weight: bold;
	text-decoration: none;
}

.catlistinfo li a:hover {
	color: #313131;
}

.catlistinfo li.moreinfo {
	color: #570d68;
	font-weight: normal;
	font-size: 12px;
}

div.prodsm {
	width: 160px;
	float: left;
	padding-right: 20px;
}
	


/* DETAILS PAGE STYLES */
#productdetail {
	padding: 10px 30px 0 30px;
	float: left;
	width: 380px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #626260;
}

#productdetail p {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #626260;
}

#productdetail p a {
	color: #570d68;
}

#productdetail p a:hover {
	color: #626260;
}

#productdetail .note {
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
}

img.prodmed {
	border: 0;
	padding: 5px 5px 5px 5px;
}

img.swatch {
	border: 1px solid #808080;
	padding: 2px;
	margin: 5px 10px 10px 0;
}

.prevnext {
	font-size: 18px;
	color: #570d68;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

.prevnext_selected {
	border: 1px solid #570d68;
	font-size: 18px;
	color: #570d68;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

img#previous {
	border: 0;
	padding-top: 3px;
}

img#next {
	border: 0;
	padding-top: 3px;
}

#buyit {
	padding: 10px 0 20px 0;
	clear: left;
}

#buyit table {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}

#buyit img {
	border: 0;
	padding: 0;
	margin: 0 0 0 7px;
}

#buyit select {
	font-size:12px;
	border-style: solid;
	border: 1px black solid;
}

#buyit option {
	font-size:12px;
}

#productinfo {
	float: left;
	padding: 10px 0 0 0;
}

#listprice {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #313131;
	font-weight: bold;
	padding: 0 0 0 15px;
}

#listprice .soldfor {
	color: #570d68;
	white-space: nowrap;
	padding-left: 5px;
}

img#instock {
	border: 0;
	padding: 20px 0 4px 15px;
}

img#assemble {
	border: 0;
	padding: 4px 0 4px 15px;
}

img#usetips {
	border: 0;
	padding: 4px 0 5px 15px;
}

#logostrip {
	padding: 15px 0 4px 15px;
}

a.tip {
	position: relative;
	z-index: 9999;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -125px;
	width: 130px;
	padding: 20px 10px 10px 10px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 2px solid #c7bda1;
	text-decoration: none ! important;
	background: url(../_images/bg/bg_tooltip_top.gif) top no-repeat;
}

a:hover.tip {
	font-size: 99%;
	text-decoration: none ! important;
}

a:hover.tip span {
	display: block;
	text-decoration: none ! important;
}



#logostrip img {
	padding: 0 5px 0 0;
	border: 0;
}


/* --------------------------------------------------------------- */

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 */
.TabbedPanels {
	background: url(../_images/bg/bg_details_top.gif) top left no-repeat;
	background-color: #e8e4da;
	width: 374px;
	margin: 0;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	z-index: 100;
}

/* The TabGroup container houses all of the tab buttons for each tabbed panel in the widget.*/
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* This container houses the title for the panel. This is also the tab "button" that the user clicks on to activate the corresponding content panel so that it appears on top of the other tabbed panels contained in the widget.*/
.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	display: block;
	background-color: #e8e4da;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #626260;
	margin: 0;
	padding: 10px 11px 10px 11px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTab#last {
	border-right: none;
}

.TabbedPanelsTab#first {
	background: url(../_images/bg/bg_detail_tableft.gif) top left no-repeat;
}

/* This selector is an example of how to change the appearnce of a tab button container as the mouse enters it. */
.TabbedPanelsTabHover {
	background-color: #f2f0ea;
}

/* This selector is an example of how to change the appearance of a tab button container after the user has clicked on it to activate a content panel.*/
.TabbedPanelsTabSelected {
	background-color: #f2f0ea ! important;
	border-bottom: 1px solid #f2f0ea;
	color: #570d68;
}

/* This selector is an example of how to make a link inside of a tab button look like normal text. */
.TabbedPanelsTab a {
	color: #570d68;
	text-decoration: none;
}

/* The ContentGroup container houses all of the content panels for each tabbed panel in the widget. */
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #f2f0ea;
}

/* The Content panel holds the content for a single tabbed panel.*/
.TabbedPanelsContent {
	padding: 0;
	background: #f2f0ea url(../_images/bg/bg_details_bottom.gif) bottom no-repeat;
}

/* This selector is an example of how to change the appearance of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* end tabbed panel css */

#details {
	background: #f2f0ea url(../_images/bg/bg_details_bottom.gif) no-repeat bottom;
	width: 374px;
	margin: 20px 0 0 0;
}

#description {
	clear: left;
	list-style:none;
	padding: 20px;
	margin: 0;
}

#description li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #626260;
	background: url(../_images/bullets/arrow_prp.gif) no-repeat 0 3px;
	padding: 0 0 5px 8px;
}

#dimensions {
	clear: left;
	list-style:none;
	padding: 20px;
	margin: 0;
}

#dimensions li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #626260;
	padding: 0 0 5px 0px;
}

#shipping {
	clear: left;
	list-style:none;
	padding: 20px;
	margin: 0;
}

#shipping li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #626260;
	padding: 0 0 5px 0px;
}

table#accessories {
	width: 100%;
}

table#accessories td {
	padding: 10px;
}
		
table#accessories td.white {
	background: #ffffff;
	text-align: center;
	width: 90px;
}

table#accessories img {
	border: 0;
	padding: 5px;
	float: left;
}

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

.accessories li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #626260;
	padding: 0 0 5px 0;
	font-weight: normal;
}

.accessories li a {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #626260;
	font-weight: bold;
	text-decoration: none;
}

.accessories li a:hover {
	color: #570d68;
}

.accessories .yourprice {
	color: #570d68;
}

img.icon {
	border: 0;
	padding: 20px 20px 0 0;
	float: right;
}

/* no search results found */

#noresults {
	width: 450px;
	float: left;
	background: url(../_images/bg/bg_form_top.gif) no-repeat 0 top;
}

#noresults p {
	padding: 30px 30px 50px 30px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #570d68;
	font-weight: bold;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #808080;
}
.highslide:hover img {
	border: 1px solid #bdbdbd;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

img.config {
	padding: 10px 20px 10px 0;
	border: 0;
}

#x5nav {
	width: 300px;
	float: right;
	border: 1px solid #570d68;
	background: #F9F9F9;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #570d68;
	padding: 15px 15px 10px 15px;
	margin: 0;
}

#x5nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#x5nav li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding: 0 0 5px 8px;
	margin: 0 0 0 0;
	background: url(../_images/bullets/arrow_prp.gif) no-repeat 0 3px;
}

#x5nav li a {
	color: #570d68;
	text-decoration: none;
}

img.x5pic {
	float: left;
}

img.x5logo {
	padding-top: 20px;
	float: left;
	border: 0;
}

#x5nav li a:hover {
	color: #333;
}

img.rizepic {
	float: left;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

img.rizelogo {
	padding: 20px 0 0 40px;
	float: left;
	border: 0;
}