/*



*/



/* --- General Formatting

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



body {

	margin: 0;

	padding: 0;

	background: #dfe3e6 url(/site_images/bg_body.jpg) top left repeat-x fixed;

	font: normal .75em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

p, address, ul, ol, dt, dd, td, th {

	color: #000;

	line-height: 1.4;

	text-align: left;

}

th, b, strong {

	font-weight: bold;

}

i, em, cite {

	font-style: italic;

}

blockquote {

	margin: 0;

	padding: 0;

	color: #333;

	font-style: italic;

}



.small, small {

	font-size: 88%;

}

.big, big {

	font-size: 130%;

}

.align-center {

	text-align: center;

}

.align-right {

	text-align: right;

}

.no-padding {

	padding: 0;

}



/* Links */

a {

	text-decoration: none;

	outline: none;

}

a:link {

	color: #662087;

}

ul a:link {

	color: #662087;

}

a:visited {

	color: #662087;

}

h2 a:visited, h3 a:visited {

	color: #662087;

}

a:hover, a:active, a.active {

	text-decoration: underline;

}

/* Random link styles */

a.cart {

	display: block;

	padding: 8px 20px 8px 0;

	background: url(/site_images/icon_cart.png) center right no-repeat;

}



/* Paragraphs */

p {

	margin: 0 0 1.4em;

}



.soften, a:link.soften {

	color: #666666;

}

.harden, a:link.harden {

	color: #000;

}

.sale {

	color: #662087;

}

.critic {

	color: #662087;

}



/* Lists */

ul {

	margin: 0 0 .5em 1.5em;

	padding: 0;

	list-style-image: url(/site_images/bullet_double_arrow.gif);

}

.nice-list {

	margin: 1em 0 .5em 0;

	list-style: none;

	list-style-image: none;

}



.downloadlist li a { 

	margin:0 0 10px 0;

	clear:both;

	display:block;

	height:52px;

	padding:3px;

}

.downloadlist li a img { 

	margin-right:5px;

}

.downloadlist li:hover { 

	background:#f7f7f7;

}

/* Floating elements */

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.iso {/* Wraps multiple floating elements, such as an image and a paragraph (caption) */

	width: 48%;

	margin: 0 .5%;

}



/* Images */

img {

	padding: 5px;

}

img.thumb {

	margin: 0 0 5px;

	padding: 0;

	border: 1px solid #333;

}

a img {

	border-style: none;

}





/* Forms */

form {

	text-align: left;

}

form div {

	clear: both;

}

fieldset {

	border: none;

}

legend {

	color: #662087;

	padding: 0 0 5px;

	font-size: 1.25em;

	font-weight: bold;

}

label {

	width: 68%;

	float: right;

	color: #333;

	text-align: left;

}

#subscribe label {

	display: none;

}

#subscribe #email { 

	width:60%;

	background: #FFFFFF url('/site_images/email_field_bg.gif') no-repeat;

}

input {

	margin: 0 0 8px;

	border:1px solid silver;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

input.newsletter {

	width: 60%;

}

input.submit {

	clear: both;

	color: #fff;

	cursor: pointer;

	background: #662087;

	border:1px solid #fff;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

textarea {

	margin: 0 0 8px;

	clear: both;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	margin: 0 0 .7em;

	padding: 0;

	color: #662087;

	font: bold 150%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;

	text-align: left;

}

h1 {

	float: left;

	width: 287px;

	height: 139px;

	overflow: hidden;

	font-size: 110%;

	margin: 0;

	padding: 0;

	background: url(/site_images/logo.png) top left no-repeat;

	text-indent: -999em;

}

	* html h1 {

		background: url(/site_images/logo.gif) top left no-repeat;

	}

h1 a {

	display: block;

	width: 100%;

	height: 100%;

}

h2	{

	font-size: 130%;

	clear: both;

}

h3 {

	font-size: 120%;

	margin: 0 0 .3em;

}

h3.home {

	font-weight: normal;

	font-size: 108%;

	color: #111;

	margin: 0;

}

h4 {

	margin: 0 0 .5em;

	font-size: 105%;

	font-weight: normal;

	color: #111;

}

h5 {

	font-size: 108%;

}

h6 {

	font-size: 108%;

	margin-bottom: .2em;

}



/* Layout styles, specific styles to elements above are with their respective element 

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



/* Container */

#container {

	width: 968px;

	margin: 0 auto;

	padding: 25px 0;

	background: url(/site_images/bg_container.jpg) top center no-repeat fixed;

}





#crown {

	width: 840px; height:9px;

	padding:0;

	margin: 0 auto; 

	clear: both;

	background:url(/site_images/cynthia_crown.png) top left no-repeat;

} 

	* html #crown { 

	background:url(/site_images/cynthia_crown.gif) top left no-repeat;

	}



/* Header */

#header {

	width: 820px;

	padding:0 10px;

	margin: 0 auto;

	clear: both;

	background:url(/site_images/cynthia_bg.png) top left repeat-y;

} 

	* html #header { 

		background:url(/site_images/cynthia_bg.gif) top left repeat-y;

	}

#header img {

	margin:0; padding:0;	

}











/* Menus (main and secondary) */





#nav {

	width: 800px; height:24px;

	padding:10px 20px 17px 20px;

	margin: 0 auto; 

	clear: both;

	background:url(/site_images/cynthia_header_bg.png) top left repeat-y;

	text-align:center;

	font-size:1.2em;

} 

	* html #nav { 

		background:url(/site_images/cynthia_header_bg.gif) top left repeat-y;

	}

#menu_container { 

	text-align:center;

}

#main-menu {

	margin:0px auto;

	display:inline;

}

#secondary-menu {

	

	padding:5px 0 0 0;

	list-style: none;

	float: right;

}

#secondary-menu li {

	padding: 0 10px;

	float: left;

}

#main-menu a:visited, #secondary-menu a:visited, #main-menu a:link, #secondary-menu a:link {

	color: #662087;

}



/* Content */

#content {

	width: 760px;

	padding:20px 40px;

	margin: 0 auto;

	clear: both;

	background:url(/site_images/cynthia_bg.png) top left repeat-y;

} 

	* html #content { 

		background:url(/site_images/cynthia_bg.gif) top left repeat-y;

	}



#top-content {

	width: 100%;

	color: #ccc;

}

#top-content img { 

	border: none;

}



/* Columns */

.columns {

	zoom: 1;

	margin-top: 15px;

}

.columns:after {/* Clear after floats */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.column, .column-3a, .column-3b, .column-2a {

	float: left;

	font-size: .95em;

	margin: 0 2%;

}



/* 3 Columns */

.three .column {

	width: 31.9%;

}

.three .column-3a {

	width: 22%;

}

.three .column-3b {

	width: 38.5%;

}

.three .first-column-3a {

	width: 54%;

}

.three .last-column-3a {

	width: 19%;

}



/* 2 Columns */

.two .column {

	width: 48.5%;

	margin: 0 2% 0 0;

}

.two .first-column-2a {

	width: 63.5%

}

.two .last-column-2a {

	width: 34.5%;

}



/* General formatting for specific columns, for example, all first-columns get a larger font-size */

.three .first-column-3a, .three .first-column-3b, .two .first-column-2a {/* Sets the font-size of the first column*/

	font-size: 1.05em;

}

.three .first-column, .three .first-column-3a, .three .first-column-3b, #home .three .first-column, .two .last-column, .two .last-column-2a, .three .last-column, .three .last-column-3a, #home .three .last-column {

	margin: 0;

}



/* Boxes */

.box {

	position:  relative;

	margin: 0 0 15px;

	padding: 10px;

	text-align: center;

	background: url(/site_images/bg_box.png) top left repeat;

} 

	* html .box {

		background: #d4d8da;

	}

.box.featured {/* Featured Product box in the store */

	margin: 0;

	padding: 10px 0 0;

}

.box.featured img {/* Big featured product image */

	padding: 0;

}

.box.featured h2 {

	margin: 0 0 .7em 10px;

}

.box.ad {/* Advertising box */

	padding: 0;

}



.added_to_cart { 

	border:3px solid purple;

	font-size:1.4em;

}



#cartlinks { 

	position:absolute; top:0; right:0;

	border-left:1px solid silver;

	border-bottom:1px solid silver;

	font-size:10px;

	padding:5px !important;

}

#cartlinks img { 

	margin:0; padding:0; 

}





#home .box-height {

	height: 295px;

}

#section-store .box-height {/* Sets a height to the 2 columns inside the 3 column boxes to push the box footer down, thus looking smooth in all 3 */

	height: 155px;

}

.box .box-lower {

	margin: 15px 0 0;

	padding: 15px 0 0;

	border-top: 2px solid #bebebe;

	

}

.box-header, .box-footer {

	margin: 0 0 8px;

	padding: 5px;

	background: url(/site_images/bg_box_head_foot.png) top left repeat;

	clear: both;

}

	* html .box-header, *html .box-footer {

		background: #c7c5d1;

	}



.first-column-2a .box img { 



	max-width:560px;

	height:auto;

}



.featured .box-footer {/*Changing the box-footer within the featured product box */

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 30px;

	margin: 0;

	padding: 0;

	color:#fff;

	background: url(/site_images/bg_box_foot_featured.png) top left repeat;

}

.featured .box-footer p { 

	color:#FFF;

}

.featured .box-footer a, .featured .box-footer a:link, .featured .box-footer a:active { 

	color:#FFF;

}

.home .box-footer {/* Sets the box footer at the bottom so all 3 boxes look smooth */

	position: absolute;

	bottom: 0;

	left: 10px;

	width: 90%;

}

.box-header p, .box-footer p {

	margin: 0;

	line-height: 1;

}

.featured .box-footer p {/* Tweaking the paragraphs in the featured product box */

	padding: 8px 0;

}

.featured .box-footer p.float-right {/* Take away padding on that paragraph because it's applied to the anchor because of the cart icon */

	padding: 0;

}

.box-footer ul {

	float: right;

	margin: 0;

	padding: 0;

	line-height: 1;

	list-style-image: none;

	list-style: none;

}

.box-footer li {

	float: left;

	padding: 0 5px;

	line-height: 1;

}



/* Comment box and elements */

.comment-box {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #bebebe;

	background: #dfe1e4;

}

.commenter {

	font-size: 1.1em;

	color: #662087;

}

.date {

	font-size: .85em;

	color: #666666;

}





.pop {/* adds some punch to the element */

	padding:0 !important;

}

.pop a {

	display:block;

	padding: 8px;

	background: #d4cadf;

	border:1px solid #bfc0c0;

	text-transform:uppercase;

	color:#663091;

	margin:0 !important;

}

.teaser {/* Wraps the blog post teasers on the front page, or any page for that matter */

	margin: 0 0 15px;

	border-bottom: 2px solid #bebebe;

}

img.see-inside {

	position: absolute;

	padding: 0;

	top: 0;

	right: 0;

}



/* Footer */



#footer {

	width: 800px; height:25px;

	padding:29px 20px 21px 20px;

	margin: 0 auto; 

	clear: both;

	background:url(/site_images/cynthia_footer_bg.png) top left repeat-y;

	text-align:center;

	font-size:.95em;

} 

	* html #footer { 

		background:url(/site_images/cynthia_footer_bg.gif) top left repeat-y;

	}



#footer img { 

	padding:0; margin: 0 10px 0 0;

	float:left;

}

#footer p {

	color: #662087;

	padding:5px 0 0 0;

}



.stbuttontext { display:none !important; }