/*
--------------------------------------------------
WhiteStarLiving.com GLOBAL STYLES
Last revised 20 May 2008
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

Pantone Red 032 C #ed2e38
Pantone Red 032 C 50% #f6979c

Pantone Blue 072 C #2905a1
Pantone Blue 072 C 75% #5f44b9
Pantone Blue 072 C 67% #7057c0
Pantone Blue 072 C 50% #9482d0
Pantone Blue 072 C 25% #cac1e8
Pantone Blue 072 C 10% #eae6f6
Pantone Blue 072 C 5% #f4f3fa
Pantone Reflex Blue C #171796

Dark grey #666
DarkGray #a9a9a9
Medium grey #999
Silver #c0c0c0
Light grey #ccc
Very light grey #ddd
Very pale grey #eee

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #444; /* Dark grey */
		font-size: 14px;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 952px; /* @68em -- < Win IE7 ignores this */
		background: #fff; /* White */
		}

/* Links */
a		{
		color: #2905a1; /* Pantone Blue 072 C */
		text-decoration: none;
		border-bottom: 1px solid #eee; /* Very light grey */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:visited {
		color: #a9a9a9; /* DarkGray */
		}
a:hover {
		color: #2905a1; /* Pantone Blue 072 C */
		border-bottom: 2px solid #9482d0; /* Pantone Blue 072 C 50% */
		}
a:active {
		color: #ed2e38; /* Pantone Red 032 C */
		border-bottom: 2px solid #f6979c; /* Pantone Red 032 C 50% */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #7057c0; /* Pantone Blue 072 C 67% */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}
h1		{
		color: #7057c0; /* Pantone Blue 072 C 67% */
		font-weight: normal;
		font-size: 20px;
		line-height: 1.05;
		margin: .525em 0;
		}
h2		{
		font-size: 16px;
		line-height: 1.3125;
		margin: 1.3125em 0 .65625em;
		}
h3		{
		font-size: 14px;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}
h4		{
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: .1em;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}

p		{
		margin-bottom: .75em;
		}
blockquote {
		margin: 1.5em;
		}
address {
		margin: .75em 0;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

/* Forms */
input, textarea {
		color: #666; /* Dark grey */
		font-size: 12px;
		}

abbr, acronym {
		font-size: 11px;
		letter-spacing: .1em;
		border-bottom: 1px solid #ddd;
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 952px; /* @68em */
		margin: 0 auto; /* standard CSS horizontal centering */
		padding: 0;
		background: transparent;
		}

#banner { /* identity + navigation */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		height: 8.5em;
		position: relative;
		background: transparent url(../images/utility/freeshipping.gif) no-repeat right 3.5em;
		}
/* identity grouping for logo + motto or slogan */
#header	{
		float: left;
		margin-right: 15px;
		}
#header img {
		margin: .75em 0;
		}
#banner p {
		font-weight: bold;
		}
#banner #search-form {
		position: relative;
		float: right;
		top: .75em;
		}
#banner #search input {
		color: #999; /* Medium grey */
		font-size: 11px;
		}
#banner #trust_guard {
		position: absolute;
		right: 10.5em;
		bottom: -.375em;
		}

#container { /* grouping for content + sidebar */
		line-height: 1.5;
		margin: 0;
		padding: 0;
		background: transparent;
		}

/* Main content */
#content {
		width: 798px;
		float: left;
		margin: 0;
		background: transparent;
		}
#content h1 span {
		color: #fff; /* White */
		font-size: 14px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: .75em 0;
		padding: .375em .75em;
		background: #fff url(../images/utility/header-background-25.png) repeat-x bottom;
		}
/* Apply paragraph styles to main content area */
#content p {
		margin-bottom: 0;
		}
#content p + p { /* Only paragraphs after first are indented -- IE6 does not understand adjacent selectors */
		text-indent: 1em;
		margin-top: 0;
		}
#content p.last, #sidebar p.last, #content .last {
		margin-bottom: 0;
		}
#content p.last:after { /* IE does not implement <content> property */
		/* content: "\272F"; */ /* beveled star ornament -- does not work in Firefox Win */
		content: url(../images/utility/star.png);
		padding-left: .375em;
		}

#content #tab-box {
		float: left;
		width: 328px;
		margin-right: 20px;
		}
#content #inset { /* photo area */
		float: left;
		margin: 0;
		padding: 0;
		background-color: transparent;
		}

/* Swap box */
#content #swap {
		background: transparent;
		}
#hold	{
		display: none;
		}

/* Slideshow */
#photodiv {
		background-repeat: no-repeat;
		}
#photoimg {
		}

/* Thumbnail gallery */
.thumb	{
		margin: 0;
		padding: 0;
		}
.thumb li {
		display: inline;
		float: left;
		border-right: 1px solid #fff;
		background-color: #eae6f6; /* Pantone Blue 072 C 10% */
		}
.thumb li.last {
		border-right: none;
		}
.thumb li:hover {
		background-color: #ccc; /* Light grey */
		}
.thumb li:active {
		background-color: #cac1e8; /* Pantone Blue 072 C 25% */
		}
.thumb li a {
		border-bottom: none;
		}
.thumb img {
		margin: 8px auto 2px;
		padding: 0 8px;
		}
/* auto-size thumbnail image width to fit layout */
#sidebar .thumb img {
		width: 43px;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 389px;
		float: left;
		margin-right: 20px;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}
/* 3-column layout */
#content .column3 {
		width: 266px;
		float: left;
		margin: .75em 1.5em 0 0;
		}
#content .column3.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}
/* 4-column layout */
#content .column4 {
		font-size: 13px;
		width: 195px;
		float: left;
		margin: 0 1.5em 0 0;
		}
#content .column4.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}

/* Sidebar */
#sidebar {
		font: 12px/1.75 Arial, Helvetica, Verdana, sans-serif;
		width: 134px;
		float: left;
		padding-left: 20px;
		background: transparent;
		}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #5f44b9; /* Pantone Blue 072 C 75% */
		font-size: 11px;
		line-height: 1.909;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: 0;
		padding: .47727em .9545em;
		border-bottom: 1px solid #ccc; /* Light grey */
		background: transparent url(../images/utility/header-background-25.png) repeat-x bottom;
		}
#sidebar h4.ad {
		line-height: .9545;
		}
#sidebar p {
		margin-bottom: .8077em;
		}
#sidebar ul ul, #sidebar ol ol, #sidebar ul ol {
		margin: auto auto 0 0;
		}
#sidebar ul.normal, #sidebar ol.normal {
		text-transform: none;
		}
#sidebar .classicflame li a {
		padding-left: 1.75em;
		background: transparent url(../images/icons/cf-icon.png) no-repeat left;
		}
#sidebar .classicflame ol ol li a { /* remove logo at level of individual product model */
		background-image: none;
		}
#sidebar .classicflame .plain li a {
		background-image: none;
		}
#sidebar div.subsection {
		margin-bottom: 1.2115em;
		}
#sidebar div.last-subsection {
		margin-bottom: 0;
		}

/* Main navigation */
#nav-wrapper {
		float: left;
		}
#nav-wrapper p {
		color: #888;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .1em;
		clear: left;
		padding: 1.4318em 0 0;
		}

#nav	{
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: .1em;
		float: left;
		margin: 1.75em 0 0;
		padding: 0;
		list-style: none;
		}
#nav li {
		display: inline;
		}

#nav a	{
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		float: left; /* gives layout, allows selection of colored background */
		padding: 0 .875em;
		border-bottom: none;
		background: transparent; /* select colored background here */
		}
#nav a:link, #nav a:visited {
		color: #cac1e8; /* Pantone Blue 072 C 25% */
		}
#nav a:hover, #subnav a:hover {
		color: #2905a1; /* Pantone Blue 072 C */
		}
#nav a:active, #subnav a:active {
		color: #c0c0c0; /* Silver */
		}
#nav a.first {
		padding-left: 0;
		}
#nav a.last {
		}
#nav a.cart {
		text-transform: lowercase;
		padding-right: 1.875em;
		background: transparent url(../images/utility/cart.gif) no-repeat right;
		}
#nav a.selected {
		color: #2905a1 !important; /* Pantone Blue 072 C -- overwrites preceding :hover + :active properties */
		}

/* Auxiliary navigation */
#sidebar a:hover {
		border-bottom-width: 2px;
		}
#sidebar a.selected {
		/* overwrite preceding :hover + :active properties */
		color: #ed2e38 !important; /* Pantone Red 032 C */
		}
#sidebar .sidenav a {
		display: block;
		border-right: 1px solid #fff; /* White */
		border-bottom: 1px solid #fff;
		}
#sidebar .sidenav a:visited {
		color: #2905a1; /* Pantone Blue 072 C */
		}
#sidebar .sidenav a:hover {
		color: #ed2e38; /* Pantone Red 032 C */
		border-right: 1px solid #ddd; /* Very light grey */
		border-bottom: 1px solid #ddd;
		background-color: #eee; /* Very pale grey */
		}
#sidebar .sidenav a:active {
		color: #fff; /* White */
		border-right: 1px solid #a9a9a9; /* DarkGray */
		border-bottom: 1px solid #a9a9a9;
		background-color: #c0c0c0; /* Silver */
		}

/* Footer */
#footer {
		color: #999; /* Pantone 467 U */
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 0 0 .75em;
		clear: both;
		list-style: none;
		}
#footer li {
		padding: 0 .5em;
		display: inline;
		background: url(../images/utility/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.byline { /* use for site-design credit */
		font-size: 11px;
		line-height: 1.91;
		text-transform: uppercase;
		letter-spacing: .1em;
		float: right;
		margin-right: -.65em;
		background: none;
		}
#footer a {
		color: #999; /* Medium grey */
		}
#footer .byline a:link, #footer .byline a:visited {
		}
#footer a:hover {
		color: #2905a1; /* Pantone Blue 072 C */
		}
#footer a:active {
		color: #ed2e38; /* Pantone Red 032 C */
		}
#footer a.selected {
		color: #2905a1; /* Pantone Blue 072 C */
		border-bottom: 2px solid #9482d0; /* Pantone Blue 072 C 50% */
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.display {
		display: block !important;
		visibility: visible !important;
		}
.scroll	{
		overflow: auto;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.floatLeft {
		float: left;
		}
.floatRight {
		float: right;
		}
.allPad {
		padding: 1.5em;
		}
.leftPad {
		padding: 0 0 .75em 1.5em;
		}
.rightPad {
		padding: 0 1.5em .75em 0;
		}
.bottomPad { /* also use to provide paragraph spacing in IE Win */
		padding-bottom: 1em;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.caps	{
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.normal {
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		}
.small {
		font-size: 12px;
		}
.smaller {
		font-size: smaller;
		}
.caption {
		font-style: italic;
		font-size: 12px;
		line-height: 1.75;
		}
.sig	{ /* highlight of signature color */
		color: #2905a1; /* Pantone Blue 072 C */
		}

/* Typographic ornaments */
#content h1 + p:first-letter { /* dropcap styling */
		color: #c0c0c0; /* Silver */
		font: 5em/.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
		float: left;
		margin: .15em .075em 0 0;
		}
#content h1 + p > span:first-child, #content h2 + p > span:first-child, #content #text-swap h3 + p > span:first-child { /* all caps highlight */
		font: .786em "Helvetica Neue", Helvetica, Arial, sans-serif; /* @11px */
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/* Highlights */
#content .overhead { /* text highlight */
		color: #c0c0c0; /* Silver */
		font: italic normal 24px/.875 "Century Schoolbook", Georgia, serif;
		float: right;
		margin-top: -1.75em;
		}

/* Links */
a.img:link, a.img:visited, a.img:hover, a.img:active,
#sidebar a.img:link, #sidebar a.img:visited, #sidebar a.img:hover, #sidebar a.img:active {
		/* remove dotted underline beneath linked images */
		border-bottom: none !important;
		}
.pdf	{
		padding-left: 1.75em;
		background: transparent url(../images/utility/pdf.gif) no-repeat .21875em left;
		}

/* Breadcrumbs */
ol#breadcrumb {
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: .75em auto;
		}
ol#breadcrumb li {
		display: inline;
		padding-right: .375em;
		}
ol#breadcrumb li:after {
		color: #a9a9a9;
		padding-left: .75em;
		content: "\003E";
		}
ol#breadcrumb li.last:after {
		padding-right: 0;
		content: "";
		}
#breadcrumb a:link, #breadcrumb a:visited {
		color: #a9a9a9; /* DarkGray */
		}
#breadcrumb a:hover {
		color: #2905a1; /* Pantone Blue 072 C */
		}
#breadcrumb a:active {
		color: #ed2e38; /* Pantone Red 032 C */
		}


/* Lists */
.square {
		margin: auto 0 .75em 1.1em;
		list-style: square;
		}
#content .square {
		padding: .75em 0;
		}
#sidebar ul, #sidebar ol, #sidebar .square {
		margin-bottom: .875em;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}

/* Forms */
.button { /* only applies to Win Firefox, Win/Mac IE*/
		color: #444;
		background: #c0c0c0; /* Silver */
		}
.watermark { /* logo placement */
		color: #fff; /* White */
		font: 12px/1.75 "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		float: right;
		padding-right: 1.25em;
		background: transparent url(../images/utility/star-white.png) no-repeat right;
		}
#mail-form {
		width: 371px;
		margin-top: -2em;
		padding: 0 15px .75em 15px;
		/* bevel effect */
		border-right: 2px solid #9482d0; /* Pantone Blue 072 C 50% */
		border-bottom: 2px solid #5f44b9; /* Pantone Blue 072 C 75% */
		background: #cac1e8; /* Pantone Blue 072 C 25% */
		}
#mail-form h3 {
		padding-top: 1em;
		}
#content #mail-form p + p { /* reset indent */
		text-indent: 0;
		}

/* address + hCard */
.vcard	{
		margin: .75em auto;
		}
.vcard .tel span, .vcard .fax span, .vcard .email span {
		color: #2905a1; /* Pantone Blue 072 C */
		font: bold 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-right: .75em;
		}
.vcard .email span {
		margin-right: .45em; /* encrypted e-mail throws off horizontal spacing */
		}
address span, .address span {
		color: #2905a1; /* Pantone Blue 072 C */
		font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-right: .25em;
		}
.address li.tel {
		color: #2905a1; /* Pantone Blue 072 C */
		font-weight: bold;
		font-size:  16px;
		padding-left: 1.3125em;
		background: transparent url(../images/icons/phone.png) no-repeat left;
		}
.address li.email a {
		padding-left: 1.75em;
		background: transparent url(../images/icons/mail.png) no-repeat left;
		}

/*
--------------------------------------------------
COMMERCE STYLES
--------------------------------------------------
*/
#order	{
		position: relative;
		border-top: 1px solid #ddd; /* Very light grey */
		}
.sale	{
		height: 4em;
		margin: 1.5em 0 0 .75em;
		padding: 2em .75em 0;
		background: #ed2e38 url(../images/utility/red.png) repeat-x center; /* Pantone Red 032 C */
		}
.sale h2, .sale h3, .sale h4 {
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: .1em;
		line-height: 1.5;
		margin: 2em 0 0;
		}
.price, .msrp, .discount, .code, .shipping, .availability {
		color: #666; /* Dark grey */
		font: bold 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
.msrp	{
		font-weight: normal;
		}
.price	{
		color: #2905a1; /* Pantone Blue 072 C */
		}
.strike {
		text-decoration: line-through;
		}
.price.strike {
		color: #666; /* Dark grey */
		font-weight: normal;
		}
.discount {
		color: #ed2e38; /* Pantone Red 032 C */
		}
.strike + .discount {
		margin-left: .75em;
		}
.shipping {
		color: #999; /* Medium grey */
		font-size: 11px;
		line-height: 1.909;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: .2386em .47727em;
		border: 1px solid #ddd; /* Very light grey */
		background-color: #eee; /* Very pale grey */
		}
#order .shipping {
		position: absolute;
		top: 1.5em;
		right: 0;
		float: right;
		}
.buy	{
		position: relative;
		top: 0;
		float: right;
		clear: right;
		}
.availability {
		font-style: italic;
		font-weight: normal;
		}
.inline li.availability {
		display: block;
		margin-left: 0;
		}
.options {
		font: bold 11px/1.909 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: .75em;
		}
img.dealer {
		padding: 3px;
		border: 1px solid #c0c0c0;
		background-color: #eee; /* Very light grey */
		}
#sidebar img.dealer {
		margin: .4375em auto;
		}