@import url("topnav.css");
@import url("sidenav.css");
@import url("cart.css");
@import url("forms.css");
@import url("showdots.css");
/* *************************** General reset */
* {
	padding:0; margin:0; border:0;
}
body {
	font: normal 14px Arial, Helvetica, Sans-serif;
	color:#666;
}
a {
text-decoration:none;
}
html {

}
h4 {
	color:black;
	font-size:medium;
	margin:10px 0;
}
h5 {
	color:black;
	font-size:small;
	margin:20px 0;
}
hr {
	padding: 0;
}
.smalltext {
	font-size:x-small;
	font-weight:normal;
}
.errortext {
	font-weight:bold;
	color:#FF6600;
}
/* End general reset */
/* *************************** Backgrounds */
body {
	background:#333;
}
#header {
	background:#333;
}
#frame {
  background:url(../img/sidenav_back.gif) ;
}
#sidenav {
  background:url(../img/sidenav_back.gif); 
}

#sidenav .notice {
	background:url(../img/circle_back.gif) top right;
}
body.right #sidenav .notice {
	background:url(../img/circle_back.gif) top left;
}
#main #announce {
	background:url(../img/announce_back.gif) repeat-x;
}
#main #copydetails {
	background:url(../img/copydetails_back.gif) repeat-x;
}
/* End Backgrounds */
/* *************************** Basic layout settings */
/*


*/
#main {
	width:74%;
}
#sidenav {
	width:26%;
  /*
  DEBUG 
  
	padding-bottom:9000px; 
	margin-bottom:-9000px;	
  */
}
body.art {

}
body.art #sidenav {
	width:26.4%;
	float: left;
}
body.art #main {
  width:73.6%;
	float: left;
}	
body.art #header {
	padding-left:26.4%;
}

/* *** Gift section */
body.gift #sidenav {
  width:36.8%;
	float:left;
}
body.gift #main {
  width:63.2%;
  float:left;
}
body.gift #header {
	padding-left:36.8%;
	width:63.2%;
}
/* End Gift section */

/* *** Account section */
body.account #sidenav {
  width:47.2%;
	float:left;
}
body.account #main {
  width:52.8%;
  float:left;
}
body.account #header {
	padding-left:47.2%;
	width:52.8%;
}
/* End Account section */

/* *** Cart section */
body.cart #sidenav {
	float: left;
	width:57.6%;
}
body.cart #main {
	float: left;
  width:42.4%;	
}	
body.cart #header {
	padding-left:57.6%;
}
/* End Cart section */




body.faqs #sidenav {
  width:46.5%;
	float:right;
}
body.faqs #main {
  width:53.5%;
  float:left;
}
body.faqs #header {
	padding-left:53.5%;
}
/* *** Guestbook section */
body.guestbook #sidenav {
  width:36%;
	float:right;
}
body.guestbook #main {
  width:64%;
  float:left;
}
body.guestbook #header {
	padding-left:64%;
}
/* End Guestbook section */
/* *** Contact section */
body.contact #sidenav {
  width:25.7%;
	float:right;
}
body.contact #main {
  width:74.3%;
  float:left;
}
body.contact #header {
	padding-left:74.3%;
}
/* End Contact section */
#frame {
	clear:both;
	width:100%;
	min-width:780px;
}
/* End basic layout settings */

/* *************************** Setting page content width */
body.art div#announce div.navigation {
	width:630px;
}
body.art div#copydetails div,
body.art #main div.module
 {
width:630px;
}

body.gift #main div.module,
body.gift div#copydetails div {
	width:520px;
}
body.account table.orderlist {
	width:420px;
	margin:10px 0;

}
body.account table.orderlist td {
	padding:3px;
}
body.account div.content p {
	margin:20px 0;
}
body.account div.module {
	width:420px;
}
/* End Setting page content width */

/* *************************** Header styles */
#header {
	height:100px;
	color:#FFF;
  text-align:center;
	background:#333;
	float:left;
	margin:10px 0 0 0;	
}

#header div.headcrumb{
clear:both;
height:60px;
position:relative;
bottom:0px;
width:377px;
padding:0;

}
#header div.headcrumb a {
text-transform:uppercase;
}
body.art #header div.headcrumb,
body.gift #header div.headcrumb,
body.account #header div.headcrumb,
body.cart #header div.headcrumb {
	border-left:2px solid #F60;
}
body.right #header div.headcrumb {
	border-right:2px solid #F60;
	}
body.right #header div.headcrumb p{
right:5px;

}
body.faqs #header div.headcrumb {
	margin-left:-379px;
}
body.guestbook #header div.headcrumb {
	margin-left:-379px;
}
body.contact #header div.headcrumb {
	margin-left:-379px;

}


#header div.headcrumb p{
position:absolute;
bottom:0px;
margin:0 0 0 0;
padding:0;
text-transform:uppercase;
font-size:x-small;
}
#header div.headcrumb div.pagecontrols{
position:absolute;
bottom:0px;
margin:0 0 0 0;
padding:0;

font-size:x-small;
	left:400px;
	width:230px;
	text-align:right;
}
body.main #header div.headcrumb p{
left:5px;
}

div.accountdetails {
	width:100%;
	line-height:19px;
	font-size:11px;
	color:white;
	text-align:right;
}
div.accountdetails a:link{
	color:#CCCCCC;
}
div.accountdetails a:visited{
	color:#CCCCCC;
}
div.accountdetails a:hover{
	color:#CCCCCC;
}


#header div.headcrumb a:link{
	color:#CCCCCC;
}
#header div.headcrumb a:visited{
	color:#CCCCCC;
}
#header div.headcrumb a:hover{
	color:#CCCCCC;
}

body.account div.accountdetails {
	width:420px;
}
/* End Header styles */


/* *************************** Content area styles */
div.content {
	min-height:620px;
}
div.content img {
	border:0;
}
div.content p {
	margin:15px 0;
}
/* End Content area styles */

/* *************************** Content area styles per page */
body.right div#title object {
	float:right;
}
body.right div#main div.content {

	float:right;
}
body.faqs div#main div.content,
body.faqs div#main div.content div.withcontent,
body.faqs div#main div.content div.withcontent p {
	width:422px;
}
body.right div#main div#copydetails p {
	float:right;
	text-align:right;
	padding-right:5px;
}
body.contact div#main div.content {

}
body.guestbook div.content {
	width:520px;
}
body.right div#main div#copydetails {
	clear:both;
}

body.right div#title object {
	float:right;
}

body.right div#main div#copydetails {
	clear:both;
}
/* End Content area styles per page */

/* *************************** Announce box styles */
#main #announce {
	/* 	the bottom border of the last bar disappears in to the title of the page, 
			so that the text of the gray title can be flush on the announce gray bar
	*/
	height:79px; 

}

div#announce div.navigation {
	line-height:20px;
	top:19px;
	position:relative;

	color:#666;
	text-align:right;
	padding-top:0px;
	font-size:11px;
	border:0px solid black;
  
  
}
div#announce div.pagecontrols {
	font-size:11px;
	margin-top:39px;
	height:18px;
	width:97%;
	text-align:right;
}
div#announce div.cart {
	padding:0px;
	position:relative;
	margin-right:110px;
	color:#999999;
	border:0px solid black;
	line-height:19px;	
	margin-top:-1px;
}

div#announce div.cart div {
	margin-top:1px;
	height:19px;
	margin-left:5px;
	vertical-align:bottom;
	line-height:19px;		
}

div#announce div span.selected {
	color:white;
	font-weight:normal;
}
div#announce div span {
	text-transform:uppercase;
}
div#announce div a {
	white-space:nowrap;
	text-transform:uppercase;
}
div#announce a:link {
	color:#666;
}
div#announce a:visited {
	color:#666;
}

div#announce div a.selected {
	white-space:nowrap;
	color:white;
}
div#announce a:link.selected {
	color:white;
}
div#announce a:visited.selected {
	color:white;
}
/* End Announce box */


body.art #main #announce, body.art #main #title, body.art #main div.content, body.art #main div#copydetails,
body.account #main #announce, body.account #main #title, body.account #main div.content, body.account #main div#copydetails,
body.gift #main #announce, body.gift #main #title, body.gift #main div.content, body.gift #main div#copydetails,
body.cart #main #announce, body.cart #main #title, body.cart #main div.content, body.cart #main div#copydetails {
	border-left:2px solid #F60;
}

body.right #main #announce, body.right #main #title, body.right #main div.content, body.right #main #copydetails {
	border-right:2px solid #F60;
}
#main div#title {
	height:59px;
	border-bottom:2px solid #F60;
}
#main #title h1#parentcategory {
	display:none;
}
#main #title h2#subcategory {
	display:none;
}


div.pagecontent div {
	padding:5px;
	font-size:100%;
}

div.pagecontent h5 {
	margin:0px;
	color:black;
}

/* *************************** Product modules */
.clear {
	clear:both;
	height:0px;
	width:100%;
}
.clearex {
  border: 0;
  clear: both;
  display: block;
  float: none;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
div.bottomborder {
	border-bottom:1px solid #999;
}
div.topborder {
	border-top:1px solid #999;
}
.content a, .content a:hover, .content a:visited {
	color:#666;
}
.content img {
vertical-align:bottom;
}
a.giftlink:link, a.giftlink:hover, a.giftlink:visited {
	color:#666;	
}
span.available {
  text-transform:uppercase;
}
.productimage {
	float:left;
	margin:0;
	padding:0;
}
.productimage img {
	vertical-align:bottom;
}
.highlight {
	color:#FF6600;
	font-weight:bold;
}
.regularprice {
	text-decoration:line-through;
}
.creatorinfo {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	float:left;
	width:315px;
}
.creatorinfo div {
	padding:3px;
}
.creatorinfo2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	/*margin-left:105px;*/
	width:105px;
	height:140px;
	float:left;

}
.creatorinfo2 div {
	padding:3px;
}

div.productinfo {
	float:left;
}


div.productinfo label, div.productinfo input, .formlabel {
	display: block;
	float: left;
	margin-bottom: 10px;
}

div.productinfo label, .formlabel {
	text-align: right;
	width: 75px;
	padding-right: 10px;
	font-weight:bold;
}

div.productinfo  br {
	clear: left;
}

div.productinfo div {
	padding:5px;
	float:left;
}
.creatordesc {
	width:100%;
}
.creatordesc div {
	padding:15px;
}

.creatorlist {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	padding:5px;
	line-height:25px;
	width:135px;
}
.creatorlist div {
	margin-top:5px;
}
.moduleproduct {
	text-align:left;
	float:left;
	height:140px;
}

.productlabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	height:140px;	
	float:left;
	overflow:hidden;
	line-height:12px;
}
.productlabel div {
	padding:3px;
}
/* End product modules */

#main .module {

}
#main .single {
	height:139px;
}
#main .double {
	height:279px;
}


#main .moduletable {
	margin:0;padding:0;
	border-collapse: collapse; 
	height:auto;
	width:100%;
}
#main .moduletable tr {
	border-bottom:1px solid #999;	
}
#main.moduletable td img {
	margin:0;padding:0;
}
#main .moduletable td {
	height:279px;
	z-index:2;		 
	vertical-align:top;
	
	display:block;
	position:relative;
	overflow:hidden;
	width:630px;
}
body.right #main .moduletable td {
	float:right;
}
#main .moduletable td p, #main .moduletable td span {
	padding:0px 10px 0px 10px;
}
#main .moduletable hr {
	border-bottom:1px solid #999;	
	padding-right:6000px;
	margin:0px;		
	margin-right:-6000px;	
}

#main .halfmodule {
	height:140px;
}
#main .doublemodule { 
	height:280px;
}

#main #copydetails {
	height:39px;
}	

#main #mainFiller {
	border-left: 2px solid #FF6600;
	height: 10px;
	background:url(/img/sidenav_back.gif) repeat 0 0;
}	

#footer {
	height:40px;
}
.forspacing {
	clear:both;
}
.leftborder {
	border-left:2px solid #F60;
}
/* End Layout Styles */

/*************************** Content Footer Styles */
#copydetails p {
	margin-left:5px;
	line-height:15px;
	color:#666;
	padding-top:3px;
	font-size:11px;
	border:0px solid black;
font-size:x-small;	
display:block;

}
#copydetails p {
	text-transform:uppercase;
}
#copydetails p a:link {
	color:#666;
}
#copydetails p a:visited {
	color:#666;
}
#copydetails p {
	float:left;
}
#copydetails p.pagecontrols {
	float:right;	
}
/* End Content Footer Styles */

/*************************** Footer Styles */
#footer {
	width:50%;
	float:left;
	margin-left:26.4%;
}
/* End Footer Styles */

/*************************** Creator Quote Styles */
.creatorquote {
	width:626px;
	height:80px;
	border:2px solid #ff6600;
	padding:0;	

}
.creatorquote table {
padding:0;margin:0; height:100%;
}
.creatorquote img {
	vertical-align:bottom;
}
.creatorquote-text {
	font-size:small;
	float:left;
	width:550px;
	font-weight:bold;
	color:#CCCCCC;
	text-align:right;
	vertical-align:bottom;
	height:80px;
}
.creatorquote-image {
	float:right;
	vertical-align:bottom;
}
div.creatorquote-image img {
	border:0;
}
/* End Creator quote styles */





/* *************************** Styles to highlight layout */
#main {
	background:#FFF;
}
/* End styles to highlight layout */

/* Guestbook captcha */
div.content p.recaptcha { margin-bottom: 2px; }
#recaptcha_table { width: 507px; border: 1px solid #cccccc !important; }
#recaptcha_response_field { color: #FF6600; }

/* Import other stylesheets */

/* End Import other stylesheets */