/*Copy and Paste this into design.css for a generic starting place, or delete the dev8 design.css and save this as design.css*/


/* -- General Settings --------------------------------------------------- */
/**html, body, form, fieldset, td {
	font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
	color: #666666;
}**/

html {
	font-size: 100%;
}

body { 
	font-size: 83%;
	margin: 10px 0;
	background: #000;
}

ul{
list-style-type: disc;
margin-left: 1em;
}

a, a:link, a:visited {
	color: #00F;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #606;
	text-decoration: underline;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

/* -- Main Layout ------------------------------------------------------------ */
/* Main <table> creating the basic page layout. */
#layoutTable {
	width: 750px;
	/**border-collapse: collapse;**/
	margin: 0 auto;
}

/* Page header*/
#headerCell {
	/*	height: 80px;
	background: #009;	
	color: #fd0;
	border: 1px solid #666;
	border-width: 0 1px 
 	*/
}

	#headerCell h1 {
	/*margin: 0 35px;
	font-size: 3em;
	line-height: 2em;
	*/	
	}

/* Sidebar*/
#sidebarCellLeft {
	/*	width: 19%;
	background: #eee;
	border: 1px solid #ddd;
	border-width: 0 1px;
	*/
	vertical-align: top;
	background-color: #FFFFFF;
	padding:0 0 0 15px;
	width:130px;
}

/*main content cell*/
#contentCell {
	/**padding: 10px 50px;**/
	padding: 10px 25px;
	width: 520px;
	/*border-right: 1px solid #ddd;
	width: 80%;*/
	background: #fff;
	/**height: 400px;  /*sets a minimum content height*/
}

/*page footer*/
#footerCell {
	border-top: 1px solid #ddd;
	text-align: center;
	padding: 5px 0;
	color: #999;
}

/* -- Common Page Items ------------------------------------------------- */
#page-breadcrumbs {
	margin-top: 15px;
}

#page-title-container {
	/**background-image: url(/_resources/images/icons/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 10px;**/
	height: 35px;
	/**padding-bottom: 25px;**/
	padding: 0;
		}

#page-title {
	font-size: 1.8em;
	margin-bottom: 1em;
	height: 25px;
	/**margin-left: 55px;**/
}

	

#page-subtitle {
	color: #666;	
	margin-bottom: 10px;
}

#page-intro {
margin: 10px 0;	
}

#page-content {
margin: 10px 0;
	
}

#page-outro {
	
}

#page-pager-container {
	float: left;
	margin: 10px 0;
	/* Fix IE Doubled Float-Margin Bug
	   http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
	background: #f6f6f6;
	border: 1px solid #eee;
	width: 100%;
}

.page-pager {
	margin: 0.33em 0.66em;
}

#page-pager-back {
	float: left;
	padding-left: 10px;
}

#page-pager-next {
	float: right;
	text-align: right;
}

#page-bottomLinks {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
	font-size: 85%;
}

#copyright {
font-size: 85%;
	margin-top: 5px;
}

#copyright img {
	margin-bottom: -2px;
}

/* -- Misc. Look And Feel --------------------------------------------------------- */


#sitemap #contentCell ul {
	list-style-type: disc;
	margin-left: 1em;
}

#sitemap #contentCell ul ul {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	list-style-type: circle;
}

#sitemap #contentCell ul ul ul {
	list-style-type: square;
}

/* -- Mailing List Form ----------------------------------------------- */

#ml-form {
	margin: 25px 0.5em 15px;
}

#ml-email {
	/*width: 96%;*/	
	
}

#ml-submit {
}

.ml-text {
	font-size: 0.9em;
}
/*for smarty templates*/
.php-smarty {
display:none;
}

body#smarty .php-smarty {
display: block;
} 

#popupTop{  
height:20px; 
background: #3d4243;
}
#popupBottom{  
height:20px; 
background: #3d4243;
}

/* Art & Soul style sheet  */


td{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.title{
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	TEXT-DECORATION: none;
}
.title1{
	font-size: 12px;
	padding: 2px;
	color: #ffffff;
	font-weight:bold;
	background-color: #333333;
}
.title2{
	font-size: 12px;
	padding: 2px;
	color: #ffffff;
	font-weight:bold;
	background-color: #666666;
}
.white{
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
}
.content{
	font-size: 12px;
	color: #000000;
}
.content_s{
	font-size: 11px;
	color: #000000;
}
.homebox{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	padding: 22px;
}
.mainbox{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	padding: 30px;
}
.datebox{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	background-color: #cc0000;
	padding: 2px;
}
.graybox{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #eeeeee;
	padding: 8px;
}
.greenbox{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	border: 10px solid #CCCC33;
	background-color: #ffffff;
}
.greenbox_s{
	color: #000000;
	font-size: 12px;
	border: 5px solid #CCCC33;
	background-color: #ffffff;
}
.greenbox_2{
	color: #000000;
	font-size: 12px;
	border: 1px solid #CCCC33;
	background-color: #ffffff;
	padding: 5px;
}
.green{
	color: #cccc33;
	font-size: 14px;
	font-weight:bold;

}
.orangebox{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	border: 10px solid #FF9933;
	background-color: #ffffff;
}
.orangebox_s{
	color: #000000;
	font-size: 12px;
	border: 5px solid #FF9933;
	background-color: #ffffff;
}
.orangebox_2{
	color: #000000;
	font-size: 12px;
	border: 1px solid #FF9933;
	background-color: #ffffff;
	padding: 5px;
}
.orange{
	color: #FF9933;
	font-size: 14px;
	font-weight:bold;

}
.purplebox{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	border: 10px solid #CC99CC;
	background-color: #ffffff;
}
.purplebox_s{
	color: #000000;
	font-size: 12px;
	border: 5px solid #CC99CC;
	background-color: #ffffff;
}
.purplebox_2{
	color: #000000;
	font-size: 12px;
	border: 1px solid #CC99CC;
	background-color: #ffffff;
	padding: 5px;
}
.purple{
	color: #CC99CC;
	font-size: 14px;
	font-weight:bold;

}
.redbox{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	border: 10px solid #CC0000;
	background-color: #ffffff;
}
.red{
	color: #CC0000;
	font-size: 12px;
	font-weight:bold;

}
.photobox{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	border: 1px solid #666666;
	background-color: #eeeeee;
}
.footer{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #ffffff;
	border-top: 1px solid #000000;
	padding: 10px;

}
a:link{	
	color: #999999;
	TEXT-DECORATION: none;
}
a:visited{
	color: #999999;
	TEXT-DECORATION: none;
}
a:hover{
	color: #999999;
	TEXT-DECORATION: underline;
}

a.title:link{
	color: #ffffff;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.title:visited{
	color: #ffffff;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.title:hover{
	color: #ff0000;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.black:link{
	color: #000000;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.black:visited{
	color: #000000;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.black:hover{
	color: #000000;
	font-weight:bold;
	TEXT-DECORATION: underline;
}
a.red:link{
	color: #990000;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.red:visited{
	color: #990000;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.red:hover{
	color: #990000;
	font-weight:bold;
	TEXT-DECORATION: underline;
}

/**additional tweaks**/

img {
display:block;
border:none;
padding:0px;
margin:0px;
}

html, body, form, fieldset {
line-height: normal;
}

table.white td.cellSpace {
text-align: left;
}

#popup #contentCell {
	padding: 10px 50px;
	/*border-right: 1px solid #ddd;
	width: 80%;*/
	background: #fff;
}

#popup #layoutTable {
margin:0 auto;
width:600px;
}

div.detailprice {
display: none;
}

div.prodprice {
display: none;
}