body { 
	color:#FFFFFF;
	font: 12px verdana;
	background-color: #333333;
        line-height:1.5em;
        margin:0px;
        padding:0px;
 }

h1 {
	color: #A47540;
	background-color: #E4CDB2;
	border: 5px solid #683B3C;
	font: 54px verdana;	
	margin: 2px 0px;
	padding: 4px 15px;
}

h2 {
	color: #60819B;
	font: strong 14px verdana;	
	margin-bottom:2px;
}


h3 {
	color: #60819B;
	font: 12px verdana;	
	margin-bottom:2px;
}

h4 {
         font-size:10px;
         font-weight: normal;
         padding:5px 0;
         margin:0;
}

h5 {
 	color: #89B962;
	font: 16px verdana;	
	margin:0 0 2px 0;
        font-weight: bold;
}


A:link {text-decoration: none; color:#89B962;}
A:visited {text-decoration: none; color:#89B962;}
A:active {text-decoration: none; color:#89B962;}
A:hover {text-decoration: underline; color:#89B962;}

#container {
	width: 759px;
	margin-left: 50px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #FFFFFF;
        overflow:hidden;
        background-color: #333333;
		
}

.icon {
	margin-bottom:-5px;
	border: 3px solid #666666;
}

.icon:hover {
	margin-bottom:-5px;
	border: 3px solid #333333;
	background-color: #333333;
}

.iconbox {
	float: left;
        overflow: hidden;
       height: 25px;
}

.links {
        line-height:2em;
        text-align:center;
}

.new_window{
margin: 25px; 
overflow: hidden;
background-image: url(images/click.png); 
background-position: 480px 0;
background-repeat: no-repeat;
}

textarea#styled {
	width: 264px;
	height: 20px;
}

/* blog styles */

ol.tumblr_posts{
display: block;
list-style-type: none;
margin:0px;
padding:0px;
}

ol.tumblr_posts li{
padding: 20px 0px;
margin:0px;
border-bottom: 1px solid #FFFFFF;
}

.tumblr_title {
 	color: #89B962;
	margin-bottom:2px;
        font-size: 1.5em;
        font-weight: bold;
}

.tumblr_link {
       font-size:1.5em;
       font-weight:bold;
}

/* rounded corners */

.tab{display:block}
.tab *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#666666}
.tab1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #484848;
  border-right:1px solid #484848;
  background:#595959}
.tab2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #383838;
  border-right:1px solid #383838;
  background:#5c5c5c}
.tab3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5c5c5c;
  border-right:1px solid #5c5c5c;}
.tab4{
  border-left:1px solid #484848;
  border-right:1px solid #484848}
.tab5{
  border-left:1px solid #595959;
  border-right:1px solid #595959}
.tabfg{
  background:#666666;
  padding:15px;
overflow: hidden;
  }
  



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 0px solid #778;
 font: bold 10px Verdana, sans-serif;
 width: 412px;
}

ul.tabbernav li
{
 font-size:11px;
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 0px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 color:#FFFFFF;
 background-color: #666666;
 border-bottom: 0px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #AAE;
 border-bottom: 0px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 border:0px solid #aaa;
 border-top:0;
 width: 450px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}


/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* lightbox*/

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}


/*  link hover tooltips */

span.info {
    	position: relative;
}

    span.info a span {
    	display: none;
}

span.info a:hover {
    	font-size: 99%;
    	font-color: #000000;
}

span.info a:hover span { 
    display: block; 
    	position: abosolute; 
    	margin-top: -20px; 
    	margin-left: 25px; 
       padding: 5px; 

        width: 80px;
    	color: #000000; 
    	background: #DDDDEE; 
    	font: 12px "Arial", sans-serif;
    	text-align: center; 
    	text-decoration: none;
}

/*    pop up header link style   */

p.headlink {
background-color: #999999;
text-align:right;
}

a:link.headlink {
background-color: #999999;
text-decoration: none; 
color:#FFFFFF;
font-weight:bold;
}

a:visited.headlink  {
background-color:  #999999;
text-decoration: none; 
color:#FFFFFF;
font-weight:bold;
}

a:active.headlink  {
background-color: #999999;
text-decoration: none; 
color:#60819B;
font-weight:bold;
}

a:hover.headlink  {
background-color: #999999;
text-decoration: none; 
color:#60819B;
font-weight:bold;
}


/* loading screen  */

#yui-cms-loading {
    background:#FFFFFF;
    color: #333333;
    display: none;
}
    #yui-cms-loading #yui-cms-float {
        text-align: center;
        font-size: 80%;
        background-image: url(../images/loading.gif);
        background-repeat:no-repeat;
        background-position: top;
        padding-top: 20px;
    }
    
/* press pagr */

.press{
	float:left; 
	padding:2px;
	height:200px;
}

/* SIMPLE CART */

.simpleCart_shelfItem{
	float: left;
	width: 100px;
	border: 2px solid #999999;
	padding: 5px;
}

.item_Quantity {
	width: 20px;	
}