/*body
{
	background-color: #CD004F;
	 font-family: Arial, Tahoma, Helvetica, sans-serif;

}
*/

#body_winter
{
	background-color: #97689A;
	background-image: url('images/bg_winter.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_spring
{
	background-color: #A7CB11;
	background-image: url('images/bg_spring.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_summer
{
	background-color: #10C3FE; 
	background-image: url('images/bg_summer.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_autumn
{
	background-color: #FD3F05;
	background-image: url('images/bg_autumn.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_valday
{
	background-color: #FD3F69;
	background-image: url('images/bg_valday.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_mumday
{
	background-color: #FD75C4;
	background-image: url('images/bg_mumday.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#body_standard
{
	background-color: #CD004F;
	background-repeat: repeat;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}






/*.mainpanel
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo.gif);
	background-repeat: no-repeat;
}
*/

.mainpanel_winter
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_winter.gif);
	background-repeat: no-repeat;
}

.mainpanel_spring
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_spring.gif);
	background-repeat: no-repeat;
}


.mainpanel_summer
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_summer.gif);
	background-repeat: no-repeat;
}


.mainpanel_autumn
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_autumn.gif);
	background-repeat: no-repeat;
}

.mainpanel_valday
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_valday.gif);
	background-repeat: no-repeat;
}

.mainpanel_mumday
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_mumday.gif);
	background-repeat: no-repeat;
}

.mainpanel_standard
{
	position: relative;
	margin: auto;
	top: 70px;
	width: 800px;
	height: 500px;
	background-image: url(images/cinnabarlogo_standard.png);
	background-repeat: no-repeat;
}















.whitebox
{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 426px;
	background-color: white;
	top: 70px;
	clear: both;
}


.menupanel
{
	position: absolute;
	top: 48px;
	width: 800px;	
	left: 4px;


}

.menupanel ul
{
   list-style-type:none; 
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.menupanel li
{
	float: left;
	padding-right: 30px;
	
}

.menupanel li a
{
	font-size: 11pt;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}

.menupanel li a:hover
{
	color: white;
}

.copynotice
{
 	position: absolute;
 	top: 500px;
 	left: 4px;
 	color: #cccccc;
 	/*color: #FFAED3; */
 	font-size: 8pt;
}

.copynotice a
{
	color: #cccccc;
	
}

.copynotice a:hover
{
	color: #CD004F;
	background-color: #FFAED3;

}


/* --- splash page --- */
.heropic
{
	position: relative;
	width: 800px;
	height: 426px;
	background-repeat: no-repeat;
	z-index: 100;
}

.enterlink
{
   position: absolute;
   left: 600px;
   top: 340px;
   z-index: 160;
  }

.enterlink a
{
	font-size: 16pt;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	 margin: auto;
}

.enterlink a:hover
{
	color: white;


}
.enterlinkbox
{
   background-color: white;
   position: absolute;
   left: 580px;
   top: 334px;
   z-index: 150;
   filter:alpha(opacity=25);
   -moz-opacity:.25;
   opacity:.25;
   height: 16pt;
   width: 160px;
   padding: 9px;


}

/* ----- general text ---- */

.hdrtxt
{
	position: absolute;
	left: 20px;
	top: 16px;
	font-size: 24pt;
	color: #666666;
	letter-spacing: -1px;
	height: 20px;
}


.gentxt
{
	padding-top: 25px;
	position: relative;
	font-size: 12pt;
	top:30px;
	left: 20px;
	width: 360px;
	color: #999999;
	text-align: justify;

}

.gentxt a
{
	color: #999999;
}

.gentxt a:hover
{
	background-color: #999999;
	color: white;
}

.secondpanel
{
	position: absolute;
	left: 430px;
	top:54px;
	font-size: 12pt;
	width: 344px;
	color: #999999;
	text-align: justify;
	
}



/* --- about us --- */
.aboutuspic
{
	background-image: url(images/aboutus.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
	

}

/* --- home  ---- */
.homepic
{
	background-image: url(images/homepic.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
	
}

/* --- stockists ---- */
.stockistscol1
{
    position: absolute;
	font-size: 10pt;
	top:120px;
	left: 20px;
	width: 150px;
	color: #999999;
	text-align: justify;
}

.stockistscol2
{
    position: absolute;
	font-size: 10pt;
	top:120px;
	left: 170px;
	width: 150px;
	color: #999999;
	text-align: justify;
}

/* --- mailing list --- */

.mailformline
{
	position: relative;
	height: 30px;


}

.mailformcol1
{
	position: absolute;
	left: 0px;
	top: 4px;
	width: 80px;
	text-align: right;
}

.mailformcol2
{
	position: absolute;
	left: 100px;
	top: 0px;
	width: 120px;
}

.textbox
{    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border: 1px solid #CCC;
}
.valmessage
{
	color: #CD004F;
	
}

.mailingpic
{
	background-image: url(images/mailinglist.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
	
}

/* -- contact us -- */

.contactuspic
{
	background-image: url(images/contactus.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
	
}			

/* -- collections --- */
.grouplist_standard {	position: absolute;	left: 20px; top: 70px; }
.grouplist_standard ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_standard li {  padding-top: 10px;	}
.grouplist_standard a { color: #CD004F;	text-decoration: none;}
.grouplist_standard a:hover { color: #FFAED3;}

.grouplist_summer {	position: absolute;	left: 20px; top: 70px; }
.grouplist_summer ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_summer li {  padding-top: 10px;	}
.grouplist_summer a { color: #087AFD;	text-decoration: none;}
.grouplist_summer a:hover { color: #10CFE3;}

.grouplist_winter {	position: absolute;	left: 20px; top: 70px; }
.grouplist_winter ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_winter li {  padding-top: 10px;	}
.grouplist_winter a { color: #44004A;	text-decoration: none;}
.grouplist_winter a:hover { color: #97689A;}

.grouplist_spring {	position: absolute;	left: 20px; top: 70px; }
.grouplist_spring ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_spring li {  padding-top: 10px;	}
.grouplist_spring a { color: #4E9D0D;	text-decoration: none;}
.grouplist_spring a:hover { color: #82b80F;}


.grouplist_autumn {	position: absolute;	left: 20px; top: 70px; }
.grouplist_autumn ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_autumn li {  padding-top: 10px;	}
.grouplist_autumn a { color: #800301;	text-decoration: none;}
.grouplist_autumn a:hover { color: #FD3F05;}

.grouplist_mumday {	position: absolute;	left: 20px; top: 70px; }
.grouplist_mumday ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_mumday li {  padding-top: 10px;	}
.grouplist_mumday a { color: #E50078;	text-decoration: none;}
.grouplist_mumday a:hover { color: #F749AC;}

.grouplist_valday {	position: absolute;	left: 20px; top: 70px; }
.grouplist_valday ul { list-style-type:none; padding: 0px; margin: 0px; border: 0px;}
.grouplist_valday li {  padding-top: 10px;	}
.grouplist_valday a { color: #FC0001;	text-decoration: none;}
.grouplist_valday a:hover { color: #FD385E;}

/* 
.vertline
{
	position: absolute;
	background-color: #eeeeee;	
	left: 150px;
	top:70px;
	width: 1px;
	height: 340px;
}
*/
.grouphdr_standard { position: absolute;  color: #CD004F;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_summer { position: absolute;  color: #087AFD;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_winter { position: absolute;  color: #44004A;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_autumn { position: absolute;  color: #800301;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_spring { position: absolute;  color: #4E9D0D;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_mumday { position: absolute;  color: #E50078;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }
.grouphdr_valday { position: absolute;  color: #FC0001;  left: 380px; width: 400px; 	top: 22px; font-weight: bold; 	text-align: right; 	font-size: 20pt; letter-spacing: -1px; height: 20px; z-index: 160; }


.horizline
{
	position: absolute;
	top: 50px;
	width: 760px;
	height: 1px;
	left: 22px;
	background-color: #eeeeee;	
	z-index: 150;
}

.groupdisplay
{
	position:relative;
	top: 50px;	
	left: 140px;
	background-color: white;
	width: 600px;
	height: 340px;
	
}

.collectionrow
{
	position: relative;
	left: 10px;
	top: 10px;
	width: 490px;
	height: 172px;	

}

.stylecol1
{	
	position: absolute;
	left: 0px;
	top: 0px;
}
.stylecol2
{	
	position: absolute;
	left: 318px;
	top: 0px;
}

.stylephoto
{
	position: absolute;	
	left: 0px;
	top: 0px;
	border-width: 8px;
	border-color: #eeeeee;
	border-style: solid;
	width: 122px;
	height: 150px;
}
.stylerowsep
{
	position: relative;
	height: 14px;	
	
}

.styletxt_standard { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_standard h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_standard h1 a { color: #CD004F; text-decoration:none; }
.styletxt_standard h1 a:hover {color: #CD004F; text-decoration:underline; }

.styletxt_summer { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_summer h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_summer h1 a { color: #087AFD; text-decoration:none; }
.styletxt_summer h1 a:hover {color: #10CFE3; text-decoration:underline; }

.styletxt_winter { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_winter h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_winter h1 a { color: #44004A; text-decoration:none; }
.styletxt_winter h1 a:hover {color: #97689A; text-decoration:underline; }

.styletxt_spring { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_spring h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_spring h1 a { color: #4E9D0D; text-decoration:none; }
.styletxt_spring h1 a:hover {color: #82b80F; text-decoration:underline; }

.styletxt_autumn { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_autumn h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_autumn h1 a { color: #800301; text-decoration:none; }
.styletxt_autumn h1 a:hover {color: #FD3F05; text-decoration:underline; }

.styletxt_mumday { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_mumday h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_mumday h1 a { color: #E50078; text-decoration:none; }
.styletxt_mumday h1 a:hover {color: #F749AC; text-decoration:underline; }

.styletxt_valday { position: absolute;	top: 0px; left: 144px; 	width: 162px; font-size: 10pt; color: #666666; }
.styletxt_valday h1 { font-size: 12pt; font-weight: bold; color: #CD004F; 	}
.styletxt_valday h1 a { color: #FC0001; text-decoration:none; }
.styletxt_valday h1 a:hover {color: #FD385E; text-decoration:underline; }



/* -- style view window -- */

.svphoto
{
	position: absolute;	
	left: 10px;
	top: 10px;
	border-width: 8px;
	border-color: #eeeeee;
	border-style: solid;
	width: 244px;
	height: 300px;
}

.svtxt_standard { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_standard h1 { font-size: 12pt; font-weight: bold; color: #CD004F; }

.svtxt_summer { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_summer h1 { font-size: 12pt; font-weight: bold; color: #087AFD; }

.svtxt_winter { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_winter h1 { font-size: 12pt; font-weight: bold; color: #44004A; }

.svtxt_spring { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_spring h1 { font-size: 12pt; font-weight: bold; color: #4E9D0D; }

.svtxt_autumn { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_autumn h1 { font-size: 12pt; font-weight: bold; color: #800301; }

.svtxt_mumday { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_mumday h1 { font-size: 12pt; font-weight: bold; color: #E50078; }

.svtxt_valday { position: absolute; top: 0px; left: 300px; height: 0px;}
.svtxt_valday h1 { font-size: 12pt; font-weight: bold; color: #FC0001; }




.svdesc
{
	position: relative; 
}

.svswatchrow
{
	position: relative;
	height: 44px;
	font-size: 10pt;
}

.svswatchcol1
{
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 160px;
}

.svswatchcol2
{
	position: absolute;
	top: 0px;
	left: 170px;
	width: 180px;		
}
.svswatchimg
{
	position: absolute;
	top: 0px;
	left: 0px;
	
}

.svswatchtxt
{
     position: absolute;
     top: 14px;
     left: 40px;	
}

.svstylenav_standard { position: absolute;	left: 660px; top: 400px; }
.svstylenav_standard a { color: #CD004F; text-decoration: none; 	font-size: 10pt; }
.svstylenav_standard a:hover { color: #10CFE3; }

.svstylenav_summer { position: absolute;	left: 660px; top: 400px; }
.svstylenav_summer a { color: #087AFD; text-decoration: none; 	font-size: 10pt; }
.svstylenav_summer a:hover { color: #FFAED3; }

.svstylenav_winter { position: absolute;	left: 660px; top: 400px; }
.svstylenav_winter a { color: #44004A; text-decoration: none; 	font-size: 10pt; }
.svstylenav_winter a:hover { color: #97689A; }

.svstylenav_spring { position: absolute;	left: 660px; top: 400px; }
.svstylenav_spring a { color: #4E9D0D; text-decoration: none; 	font-size: 10pt; }
.svstylenav_spring a:hover { color: #82b80F; }

.svstylenav_autumn { position: absolute;	left: 660px; top: 400px; }
.svstylenav_autumn a { color: #800301; text-decoration: none; 	font-size: 10pt; }
.svstylenav_autumn a:hover { color: #FD3F05; }

.svstylenav_mumday { position: absolute;	left: 660px; top: 400px; }
.svstylenav_mumday a { color: #E50078; text-decoration: none; 	font-size: 10pt; }
.svstylenav_mumday a:hover { color: #F749AC; }

.svstylenav_valday { position: absolute;	left: 660px; top: 400px; }
.svstylenav_valday a { color: #FC0001; text-decoration: none; 	font-size: 10pt; }
.svstylenav_valday a:hover { color: #FD385E; }





/* --- join mailing list & contact us page --- */
.formtxtbox
{
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
	padding: 7px;
	background-color: #eee;
	width: 280px;	
}
.formtxtboxsm
{
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
	padding: 2px;
	background-color: #eee;
	width: 280px;	
}


.formcol1
{
	position: relative;
	padding-top: 5px;	
}
.formcol1sm
{
	position: relative;
	padding-top: 5px;	
	font-size: 0.8em;
}


.formbutn
{
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	/* border: 1px solid #999999; */
	padding: 4px;
	background-color: #ccc;	
	width: 60px;
}

.formrowcontactus
{
	position: relative;
	height: 36px;	
	
}

.formcolcontactus1
{
	position: absolute;
	padding-top: 0px;
	left: 0px;
	top: 12px;	
	
}

.formcolcontactus2
{
	position: absolute;
	padding-top: 0px;
	left: 110px;
	top: 0px;	
	
}

.formtxtboxcontactus
{
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
	padding: 7px;
	background-color: #eee;
	width: 230px;	
}

.formReponse
{
	font-size: 0.8em;	
}


/* --- join --- */
.joinpic
{
	background-image: url(images/mailinglist.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
	

}


/* --- join --- */
.newspic
{
	background-image: url(images/homepic.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
}

.joincol2
{
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:360px;
	font-size: 12pt;
	color: #999999;
	text-align: justify;
}



/* --- stockists --- */
.stockistspic
{
	background-image: url(images/contactus.jpg);
	position: absolute;
	left: 400px;
	top: 0px;
	height:426px;
	width:400px;
}