/* Colour Inheritance: */
.selectedNav, a:hover, .productTitles, #product1 a:link, #product2 a:link, #product3 a:link, .homeTitle, .cpTitle, #homeRow01 a:link, #CP_details a:link, #PD_details a:link, #VW_details_top a:link, #VW_details a:link, #VP_details_1 a:link, #VP_details_2 a:link,  #VP_details_3 a:link,  #VP_details_4 a:link, #VP_details_5 a:link, hr, #VP_subNav a:link {
	/* PRIMARY -	Magenta - #ec008c */
	color: #ec008c;
}
.body, #date, #homeDetail, #homeRow01, #footer, #footer2, #CP_details, #CP_background, #PD_details, #PD_background, #VW_details_top, #VW_details, #VP_details_1, #VP_details_2, #VP_details_3, #VP_details_4, #VP_details_5, #mainNav a, #mainNav a:visited, .generalText {
	/* SECONDARY -	Dark Grey - #736c64 */
	color: #c4b8aa;
}
/*-----------------------------*/
body	{
	margin:0;
	padding:0px;
	height:100%;
	background:#000;
	color: #736c64;
	font-family: tahoma,arial,helvetica,sans-serif;	
	/* The code below is a CSS hack to control font sizes in different versions of IE */
	font-size:x-small;      /* This will be used by IE 5 and 5.5 */
	voice-family: "\"}\""; 	voice-family:inherit;               /* These statement are not undertood by IE 5 and 5.5 and therefore they skip to the next selector */
	font-size:70%; 	/* This is the real font size to be used by all other browsers */
	}
a {
	color:#ec008c;
	text-decoration:none;
	}
a:visited {
	color:#ec008c;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
#footer a:link, #footer2 a:link, #footer a:visited, #footer2 a:visited {
	color: #736c64;
	}	
#footer a:hover, #footer2 a:hover {
	color: #ec008c;
	}
#date {
	position:absolute;
	width:698px;
	text-align:right;
	top: 10px;
	}
#siteBox {
	position:relative;
	padding:0px;
	margin:0 auto;
	width:698px;
	height:100%;
	text-align:left;
	min-width:698px; /*stops content sliding off to the left in opera when the browser window is small*/
	}
#header	{
	padding:0px;
	margin:0px;
	height:75px;
	text-align:left;
	}
h1	{
	padding:0px;
	margin:0px;
	height:65px;
	width:199px;
	background:#000 url("/makeme/images/makeme_logo.gif") no-repeat;
	background-position:0px 25px;
	text-indent:-100em; /* hides h1 text on screen but allows text to still be read by screen readers */
	}
	/*------- Navigation START-----------*/
#mainNav	{
	padding:7px 0px 0px 7px;
	margin:0px;
	height:21px;
	background: #2c2b2b;
	border-bottom:1px solid #ec008c; 
	}
#mainNav li {	
	display:inline;
	list-style-type:none;
	padding-right:5px;
	padding-left:8px;
	}
#mainNav li.first {
	padding-left: 0px
	}
#mainNav li.last {
	padding-right:0px;
	}
ul	{
	padding:0px;
	margin:0px;
	}
	/*------- Navigation END-----------*/
#homeRow00, #homeRow01 {
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:698px;
	height:101px;
	border-bottom:1px solid #ec008c;
	}
#artRow00 {
	float:left;
	padding:0px 0px 0px 225px;
	margin:0px;
	width:482px;
	}
#homeRow01 {
	background: #2c2b2b;
	padding:10px 10px 0px 235px;
	width:453px;
	margin-top: 10px;
	height:111px;
	border: none;
	}
#col1 {
	padding: 0px;
	border-top:10px solid #000; 
	border-right:10px solid #000; 
	float:left;
	width:226px;
	height:148px;
	margin:0px;
	}
#col2 {
	padding:0px 0px 0px 0px;
	float:left;
	width:462px;
	height:148px;
	margin:0px;
	color: #fff;
	border-top:10px solid #000; 
	background: #000;
	}
.homeTitle, .cpTitle{
	font-size:120%;
	}
#product1, #product2, #product3 {
	border: 1px solid #2c2b2b; 
	float:left;
	width:224px;
	height:88px;
	margin:10px 0px 0px 0px;
	}
#product2, #product3  {
	margin:10px 0px 0px 10px;
	}
#homeImages {
	float:left;
	width: 94px;
	height: 88px;
	background: #000 url("../../images/bk_pix.gif") repeat-y;
	}
#homeDetail {
	float:right;
	padding: 10px 10px 10px 0px;
	width:120px;
	}
	
/*---- ABOUT MAKE ME -------*/
#aboutSubNav{
	float:left;
	width: 100%;
	padding: 5px 0 5px 0;
	border-bottom:1px solid #ec008c;
	margin-bottom: 10px;
}

#aboutSubNav ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-transform: uppercase;
}

#aboutSubNav ul li{
	display: inline;
	padding-right: 2px;
	padding-left: 4px;
	border-left:1px solid #000;
}

#aboutSubNav ul li.firstItem{
	border: none;
}

#aboutSubNav a:link, #aboutSubNav a:visited{
	color: #736c64;
}

#aboutSubNav a:hover{
	 color: #c4b8aa;
}

/*---- Creative/Artist Profile START -------*/
#CP_col2 {
	padding:10px 0px 10px 10px;
	float:left;
	width:452px;
	margin:0px;
	color: #fff;
	border-top:10px solid #000; 
	background: #ec008c url("../../images/heartsTile.gif") repeat-x;
	}
.CP_creativeTitle{
	font-size:120%;
	}
#CP_BlankProduct {
	padding: 10px 10px 10px 0px;
	float:left;
	width:216px;
	height:68px;
	}
#CP_details {
	width:442px;
	float:left;
	padding: 10px;
	}
#CP_background {
	width:442px;
	float:right;
	padding: 10px;
	background: #000;
	}
/*---- View Artist List -------*/
#VW_details_top, #VW_details{
	width:329px;
	height:89px;
	float:left;
	padding: 10px;
	}
#VW_details{
	border-top:1px solid #2c2b2b; 
	}
#VWImages {
	float:left;
	width: 96px;
	height: 88px;
	}
#VW_results, #VW_results2 {
	background: #2c2b2b;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:688px;
	float:left;
	border-bottom:1px solid #ec008c;
	text-align:left;
	}
	#VW_results2{
		border-bottom:0px;
	}
#VBA_col2 {
	padding:10px 0px 10px 10px;
	float:left;
	width:688px;
	margin:0px;
	color: #fff;
	border-top:10px solid #000; 
	background: #ec008c url("../../images/heartsTile.gif") repeat-x;
	}
	/*---- View All Products -------*/
#VP_details_1, #VP_details_2, #VP_details_3, #VP_details_4, #VP_details_5 {
	width:442px;
	float:left;
	padding: 10px;
	}
#VP_details_2, #VP_details_3, #VP_details_4, #VP_details_5 {
	float:right;
	border-top:1px solid #aba095; 
	}
#VP_subNav{
	float:left;
	margin-bottom: 10px;
	}	
#productImage{
	margin-right: 10px;
	float:left;
	width:88px;
	}
.productTitle{
	font-size:140%;
	}
	/*---- Product Details ------*/
#PD_col1 {
	padding: 0px;
	border-top:10px solid #000; 
	border-right:10px solid #000; 
	float:left;
	width:250px;
	margin:0px;
	}
#PD_col2 {
	padding:10px 0px 10px 10px;
	float:left;
	width:426px;
	margin:0px;
	color: #fff;
	border-top:10px solid #000; 
	background: #ec008c;
	}
.PD_creativeTitle{
	font-size:120%;
	}
.PD_image{
	border:1px solid #ec008c; 
	}
	
.PD_image_large{
	border:1px solid #ec008c; 
	margin-top: 10px;
	}
#PD_details {
	width:416px;
	float:left;
	padding: 10px;
	}
#PD_background {
	width:416px;
	float:right;
	padding: 10px;
	background: #2c2b2b;
	margin-bottom: 20px;
	}

form#form1 input{
	background: #000;
	color: #fff;
	border: #817970 solid 1px;
}

form#form1 input.buy{
	border: none;
}

form#form1 input:focus {
	border: #ec008c solid 1px;
}


/*---- About US ------*/
.otherImage{
	margin: 10px 0px 10px 0px;
	}
/*---- Order Confirmation -------*/
#OC_row00 {
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:698px;
	}

.OC_leftBorder, .OC_leftTopBorder, .OC_backColor2, .OC_backColor3 {
	border-left:1px solid #ec008c; 
	}
.OC_topBorder, .OC_leftTopBorder, .OC_backColor3, .OC_backColor4  {
	border-top:1px solid #ec008c; 
	}
.OC_backColor, .OC_backColor2, .OC_backColor3, .OC_backColor4  {
	background: #2c2b2b;
	}
		
		
/*---- PARTNERS LOGOS ------*/
#partners{
	clear: both;
}
/*---- END PARTNERS LOGOS ------*/

/*---- Footer ------*/
li {
	list-style-type:none;
	}
#footer, #footer2 {
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px;
	width:698px;
	height:18px;
	text-align:right;
	border-bottom:1px solid #aba095; 
	}
#footer li, #footer2 li {	
	display:inline;
	list-style-type:none;
	border-right:#714d4a 1px solid;
	padding-right:5px;
	padding-left:8px;
	}
#footer li.last, #footer2  li.last {
	padding-right:0px;
	border-right-style:none;
	}
#footer2 {
	margin-top: 10px;
	border-top:1px solid #ec008c; 
	}
.number {
	font-size: 230%;
	font-weight: bold;
	}

#flashMenu{
	padding-top: 10px;
	border-bottom:#ec008c 1px solid;
	padding-bottom: 5px;
}
#content{
	padding-top: 10px;
}
#leftCol{
	float: left;
	width: 318px;
}
#rightCol{
	float: right;
	width: 350px;
	padding-bottom: 30px;
}
.rightPad{
	margin-right: 10px;
}
.bottomPad{
	margin-bottom: 10px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	padding: 0;
	margin: 0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 30px;
}

h3{
	color: #ec008c;
}