/* 
	Theme Name: Crimson Sunrise
	Description: A Deep Red Theme 

	
			
*/

/* reset
--------------------------------------------------*/
.hidden, .low {display:none;}


/* body
--------------------------------------------------*/
body {text-align:center; margin:0 auto; font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-size: 75%; color:#555; background:#f6f6f6 url(img/bg.gif) top repeat-x;}
body#commentspopup {padding:0; background:white;}


/* headings
--------------------------------------------------*/
h1, h2, h3, h4{
color:#80151a;
}
h1 {
font-size:16px; 
}
h2 {
font-size:16px;
border-bottom:1px solid;
}

h3{
font-size:14px;
}

h3{
font-size:12px;
}

/* You may have to adjust the positions of these header elements depending on how many navigation menu items
you have.  As they are right now is the artistic impression the theme was meant to have, but if you need to you can 
move the h1 to be bottom:30px; or so depending on how far up you want to move it.
*/
#header #storename {/*display:none;*/ color: #990000; font-weight: bold; font-size: 1.7em; margin:0; padding: 0; position:absolute; left:10px; }
#header #tagline {/*display:none;*/ font-size:1.2em; position:absolute; left:10px; top:90px; color: #FF3366; font-weight:bold;}
#storename a { color: #00CC00; }
#storename a:hover { color: #FF0000; }


/* links
--------------------------------------------------*/
a img {border:none;}
a {color:#C3A54D; text-decoration:none;}
a:hover {color:#700;}
a.more {padding-right:10px; background:url(img/more.gif) center right no-repeat;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {margin:0; padding:10px 0 10px 0;}
ul {margin:0 0 0 1.4em; padding:0 0 15px 0;}
ul ul {padding:0;}
blockquote {color: #777; margin:0; padding:0 15px; border-left:10px #777 solid; font-style:italic;}
pre {overflow:auto; margin:0 0 15px 0; padding:4px; background-color:#FAF8F2; font-family:Courier, Monaco, monospace;}
kbr {color:#990; font-family:Courier, Monaco, monospace; padding:0 2px;}
abbr, acronym {font-size:0.9em; letter-spacing:1px;}
code {background-color:#EEE; font-family:Courier, Monaco, monospace; padding:0 2px;}


/* img
--------------------------------------------------*/
img.left {float:left; margin:0 12px 0 0;}
img.right {float:right; margin:0 0 0 12px;}
img.center {display: block; margin:0 auto;}


/* container
--------------------------------------------------*/
#container {position:relative; top:15px; width:840px; height:100%; margin:0 auto; background:#FFF; bottom:0; border:1px solid #CC0000; }
* html #container, * html #content, * html #subcontent, * html #main {
	height: 100%; /* for IE because it doesn't do min-height */
	}
* html #subcontent, * html #content {
	overflow: hidden; /* this way IE doesn't mess with our sizes */
}

/* header
--------------------------------------------------*/

#header {position:relative; height:120px; text-align:left; width:838px;  background:#111 url(img/header_antiaging.jpg) no-repeat;  }

/* navigation
--------------------------------------------------*/



/* main
-------------------------------------------------*/
#main {position:relative; display:block; text-align:left; width:840px; border-top:#80151a 6px solid;
  height: auto; /* pushing the footer below content when longer then window */
  min-height: 100%; /* for modern browsers, to push the footer down to the bottom of the window */
  background: #fff url(img/shading.gif) top repeat-x;
  padding-top:10px;
}

/* content
--------------------------------------------------*/
#content {padding:20px 20px 20px 20px; float:right; position:relative; display:block; }





/* footer
--------------------------------------------------*/
#footer {clear:both; text-align:center; position:relative; color: #FFFFFF; bottom:15px; margin-top:15px; font-weight:bold; font-size:x-small; background-color: #990000;}
#footer p {margin:4px; padding:4px;color: #FFFFFF;}
#footer p a{color: #FFFFFF;}
#footer p a:hover{color: #33FF00; }

	
.clr {clear:both; overflow:hidden; width:1px; height:1px; margin:0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0px;}
* html .pkg { display:block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display:block; }
/* */

/* content-specific */

.featuredProd {
  width: 30%;
  margin: 3px 10px;
  float: left;
  overflow: hidden;
  }

.featuredProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.featuredProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.featuredProd a:hover {
text-decoration:none;
}
.featuredProd p {  /* featured products description */
  color: #333;
  margin: auto;
} 
.catProdList p { 
  color: #333;
  margin: auto;
} 
.catProdList {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.catProdList a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 

.catProdList a {
font: bold 11px Arial, Helvetica, sans-serif;
margin: auto; 
text-decoration:underline;
}

.catProdList a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 

.similarProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.similarProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.similarProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.similarProd a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 
.relatedProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.relatedProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.relatedProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.relatedProd a:hover {
text-decoration:none;
}

.relatedProd p { 
  color: #333;
  margin: auto;
} 

.categoryLink {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  }

.categoryLink a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  overflow: hidden; 
} 
.productImg { 
float: left; 
border: none;
margin: 3px; 
} 
#artlistbox {
  width: 630px;
}
#artbox {
  background: url('img/artbottom.gif') repeat-x left bottom;
  margin-left:15px;
  margin-right:15px;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:8px
}

a.artlink {
	display: block; float:right; clear:both; margin-bottom:10px;
	height: 20px; width:100px; text-align:center; color:#fff;
	background: green; font:bold 14px/20px Arial, Helvetica, sans-serif; text-decoration:none
}
a.artlink:hover { background:#333; }
/*a.artlink b {
	position: absolute;
	left: -10000px;
}*/

.deptColumn {
  float: left;
  width: 202px;
  }
.deptColumn img {
  width: 200px;
  height: 200px;
  border: none;
  }
.deptColumn .mainDept li {
  list-style-image: url(img/arrow-large.gif);
  margin-bottom: 0px;
  border-bottom: 1px solid #91BB60;
  }
.deptColumn .mainDept li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  }
.deptColumn .catList {
  padding-left: 10px;
  }
.deptColumn .catList li {
  padding-bottom: 4px;
  list-style-image: url(img/arrow-small.gif);
  }
.deptColumn .catList li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  }
.deptColumn .catList .viewAll a {
  font-weight: bold;
  }
.clear { 
	overflow: hidden; 
	clear: both; 
	height: 1px; 
	margin: -1px 0 0 0; 
	font-size: 1px; 
}

.price { float:right; width:80px; padding:30px 0 30px 10px; text-align:center; clear:right; font-weight: bold; color: #80151a; }
.iconHeadline { width:480px; }
.desc { clear:right; color:863f00 }
.prodimg { float:left; margin:0 5px 5px 0; }
.price { 
float:right; 
width:300px; 
padding:30px 0 30px 10px; 
text-align:center; 
clear:right; 
font-weight: bold;
color: #000; 
}

.product_window_med{
background-position:center center; 
width:175px; 
height:175px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_med img {
width:175px;
height:175px;
}

.product_window_lrg {
background-position:center center; 
width:275px; 
height:300px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_lrg img {
width:275px;
height:300px;
}

.prodPageImg {
margin:0 10px 5px 0;
}

ul.leftmenu {left:10px; position:absolute; width:100%;margin-top:20px;}
ul.leftmenu li { padding: 5px;}

/*menu styles*/
div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
	float:left;
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span{
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background :  #CC0000 ;
	color: #fff;
	text-decoration: none;
}

/* top menu header links*/


.navigation{
	padding: 0 0 0 7px;
	margin: 0 auto 0 auto;
	background: url(img/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	 width:838px;
}

.navigation li{
	float:left;

}

.navigation li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.navigation li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.navigation li.current a, #navigation li a:hover{
	color: #fff;
	background: url(img/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.navigation li.current a b, #navigation li a:hover b{
	color: #fff;
	background: url(img/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
#navigation {width:100%; }


.margin20 {margin:20px; text-align:left;}

/* left menu --------------------------------------------------*/ 
#sidebar h2 {
	margin: 0px;
	font-weight:bold;		
	font-size:1.2em;
	font-family:Arial, Tahoma, Verdana, Serif;
	background:#80151A;
	color:#fff;
	height:22px;
	line-height:22px;
	width:180px;
	text-indent:5px;


}
#sidebar h2 a{color:#fff;}
#sidebar h2 a:hover {color::#80151A;}

#sidebar ul				{margin:0px;padding:0px;display:block; width:180px;}

#sidebar ul	li 			{color:#CAA95A;display:block; text-decoration:none;  list-style-type:none; font-size:12px; font-weight:normal;border-bottom:1px solid #ffffff; 
							background-color: #FFFFFF;margin:0px;padding:0px;text-indent:10px; white-space:normal;border-bottom:1px solid #80151A; border-right:1px solid #80151A;	height:22px;
	line-height:22px; }
#sidebar ul	 li a:link    {color:#31260C;display:block; text-decoration:none;list-style-type:none;}
#sidebar ul	 li a:active  {color:#31260C;display:block; text-decoration:none;list-style-type:none;}
#sidebar ul	 li a:visited   {color:#31260C;display:block; text-decoration:none;list-style-type:none;}
#sidebar ul	 li a:hover   {background-color:#FF3366;color:#FFFFFF;display:block; text-decoration:none;list-style-type:none; width:100%;}


ul#sidebar li.main a , ul#sidebar  li.main a:link, ul#sidebar  li.main a:active, ul#sidebar  li.main a:visited {
border-color: #08F844;
color: #ffffff;
background: #80151A;
}
ul#sidebar  li.main a:hover {
border-color: #80151A;
color: #000000;
background: #08F844;
}


/* subcontent
--------------------------------------------------*/ 
#subcontent {float:left; clear: left; display:block; position:relative; width:150px; padding:5px; font-size:0.9em; background:url(img/new_bg.gif); border:#ddd solid 1px; margin-right:-3px;/* <--- stupid IE overflow hack */ left:15px;}
#subcontent ul {
list-style:none;
margin:0 5px;
}
#subcontent p {padding:10px; margin:5px 0 25px 0; text-align:center; background:#fff; border:#dadada 1px solid;}
/* #subcontent h2 {background:url(img/bullet.gif) no-repeat; background-position:left; color: #80151a; font-size: 1.1em; margin: 10px 10px 0 10px; padding:0 0 0 12px; text-transform:uppercase;}
#subcontent h2 em {display:block; padding:5px 5px; font-style:normal;} */
#subcontent ul li {

margin:2px 10px 2px 0px; 
padding: 0 2px 0 2px;
}
#subcontent li a {display:block; padding:1px 0; width:100%; height:10px; /* IE WIN */}
#subcontent ul.categories li ul {margin:0;}
#subcontent ul.categories li li {margin:0; padding:0 0 3px 0; border-bottom:none; list-style-image:url(img/sub_categories.gif);}
#subcontent ul.categories li ul ul {margin:0 0 0 16px;}
#subcontent li a:hover {background-color:#fff; border-right:#ddd 5px solid;}
#subcontent ul.pages li {list-style-image:url(img/post.gif);}
#subcontent ul.categories li,
#subcontent ul.months li {list-style-image:url(img/categories.gif);}
#subcontent ul.links li {list-style-image:url(img/external.gif);}
#subcontent ul.feeds li {list-style-image:url(img/tv.gif);}
#subcontent ul.posts li {list-style-image:url(img/post.gif);}
#subcontent ul.email li {list-style-image:url(img/envelope_ver3.gif);}
#subcontent ul.im li {list-style-image:url(img/pingtrackback.gif);}


/*flyover left nav */
.arrow      								{right:10px; position:absolute;margin-top:-1px;}
*html  .arrow 								{margin-top:-6px;}


.navleft 									{font-size:10px;}

#navleft, 
#navleft ul						 			{padding: 0px;	margin: 0px;list-style:none;float:left; width :179px;position:absolute; left:0px;background-color:#FFFFFF; text-align:left; margin-top:-10px;}
	
#navleft li 								{position : relative;float : left; line-height:29px; height:29px; width :179px;color: #0023A0;} 

/*the following hover states are needed so that the path stays active while hovering over the submenus. And to make sure that the anchors only turn orange on hover, turn it off for child anchors. this menu works for 4 submenus deep. If any more submenus are required new submenu li have to be added to the below code*/
#navleft li a:hover 						{color: ;display:block; background-color:#FF66FF; width:100%;}   /*for 1st level menu*/
#navleft li:hover a  						{color: #ffffff;}	
#navleft li.sfhover a   					{color: #ffffff;}
#navleft li:hover li a						{color: #0023A0;}
#navleft li.sfhover li a					{color: #0023A0;}

#navleft li li a:hover 						{color: #ffffff;}   /*for 2nd level menu*/
#navleft li li:hover a  					{color: #ffffff;} 
#navleft li li.sfhover a   					{color: #ffffff;}
#navleft li li:hover li a					{color: #0023A0;}
#navleft li li.sfhover li a					{color: #0023A0;}

#navleft li li li a:hover 					{color: #ffffff;}   /*for 3rd level menu*/
#navleft li li li:hover a  					{color: #ffffff;}
#navleft li li li.sfhover a   				{color: #ffffff;}
#navleft li li li:hover li a				{color: #0023A0;}
#navleft li li li.sfhover li a				{color: #0023A0;}

#navleft li li li li a:hover 				{color: #ffffff;}   /*for 4th level menu*/
#navleft li li li li:hover a  				{color: #ffffff;}  
#navleft li li li li.sfhover a   			{color: #ffffff;}
#navleft li li li li:hover li a				{color: #0023A0;}
#navleft li li li li.sfhover li a			{color: #0023A0;}

#navleft h2 {	margin: 0px;
	font-weight:bold;		
	font-size:1.2em;
	font-family:Arial, Tahoma, Verdana, Serif;
	background:#80151A;
	color:#fff;
	height:20px;
	line-height:20px;
	width:179px;
	text-indent:5px;}

/* Start Submenus */

/* #########################list item for first level ##############################################*/
li.main 	 								{border-bottom:1px solid #D4D4D4;width :179px;}
li.main-nogo								{border-bottom:1px solid #D4D4D4;width :179px;color:#FFA000; font-weight:bold; }
#navleft li a 								{width :179px;display : block;color:#0023A0;font-weight : normal;text-decoration : none;background-color : white;}
/* #########################list item for first level ##############################################*/


 /* #########################list item for second level ##############################################*/  	
#navleft li ul 								{margin-top :-23px;border:1px solid #D4D4D4;width:179px;}
#navleft li ul a 							{width :179px;display : block;color:#0023A0;font-weight : normal;text-decoration : none;background-color : white; z-index:1000000;}					

 /* #########################list item for second level ##############################################*/  

 /* #########################list item for third level ##############################################*/  		
#navleft li ul ul 							{border:1px solid #D4D4D4;margin-top :-30px; width:179px; }
#navleft li ul ul a 						{width :179px;display : block;color:#0023A0;font-weight : normal;text-decoration : none;background-color : white;z-index:1000000;}	
 /* #########################list item for third level ##############################################*/ 

 /* #########################list item for fourth level ##############################################*/  		
#navleft li ul ul ul						{border:1px solid #D4D4D4;margin-top :-30px; width:200px; }
#navleft li ul ul ul a 						{width :200px;display : block;color:#0023A0;font-weight : normal;text-decoration : none;background-color : white;z-index:1000000;}	
 /* #########################list item for fourth level ##############################################*/ 



.height { height:24px;}



table.aweber  {width:142px; background-color:#990000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
table.aweber h2 {color:#FFFFFF;}
.aweberform  {top:0px; }

.leftbar   {margin-top:1px;}
*html .leftbar   {margin-top:-18px}

.content, #content {margin:10px; text-align:left;}