/* -------------------------------------------- */
/* 				Global parameters  				*/
/* -------------------------------------------- */
html, body	{ height: 100%; background-color: #666666;}

body 				{ margin: 10px 0; text-align: center;  }
body, p, div, td	{ font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000;}
select				{ font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: normal; }
input				{ }

p					{ margin-top: 6px; margin-bottom: 8px; }

a				 	{ color:#881A8B; text-decoration:underline; }
a:hover 			{ color:#FF0000; text-decoration:none; }


#content h1{ font-size: 16px; padding-bottom: 10px; font-weight: bold; }
#content h2,
#content h3 { font-weight: bold; }
 h2, h3, h4		{ font-size: 14px;}

#content h2		{ padding: 8px 0; }

blockquote,
ol,
ul 		{ margin: 8px 0 0 30px;}
li 		{ list-style-type: disc; }

a							{ color: #881A8B; }
a:hover						{ color:#FF0000; text-decoration: none; }

.big 						{ font-size:1.11em; }
.bigger 					{ font-size:1.21em; }
.small 						{ font-size:0.91em; }


.hidden, .hide			{ display: none; }

img.right				{ float: right; margin-left: 10px; padding: 2px; border: 1px dotted #CCCCCC;  }
img.left				{ float: left; margin-right: 10px; padding: 2px; border: 1px dotted #CCCCCC;  }


/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */

#container			{ width: 790px; margin: 0px auto; background: url(/_img/backgrounds/bg_container.gif) repeat-y top left; text-align: left;}
#header				{ width: 790px; height: 190px; background: url(/_img/backgrounds/bg_header.jpg) no-repeat top left;}
#header h1			{ width: 790px; height: 109px; font-size: 1px; color: #FFFFFF; padding: 0;  }
#header h1 span		{ display: none; }

#header #menu			{ width: 100%; height: 30px; padding-left: 30px; }
#header #menu p			{ margin: 0; font: bold 14px/26px  Arial, Helvetica, sans-serif, "Trebuchet MS"; color: #FFFFFF;  }
#header #menu p a		{ text-decoration:none; color: #FFFFFF; }
#header #menu p a:hover	{ text-decoration:underline; color: #FFFF00; }



#content				{ width: 740px; margin:0 0 0 20px; padding: 0; padding-bottom: 10px; }

#footer					{ width: 790px; height: 130px; background: #666666 url(/_img/backgrounds/bg_footer.gif) no-repeat bottom right; padding-top: 4px;}
#footer	p				{ color: #333333; font-size: 0.9em; }
#footer	p a				{ color: #333333; text-decoration: none; }
#footer	p a:hover		{ color: #FF0000; text-decoration: underline; }

#footer div.left		{ width: 400px; height: 33px;  float: left; }
#footer div.right		{ width: 390px; height: 33px; float: left; text-align: right; }
#footer div.left p		{ padding-left: 30px; }
#footer div.right p		{ padding-right: 30px; text-align: right;}


/* -------------------------------------------- */
/* 						FORMS  					*/
/* -------------------------------------------- */


input					{ font-size: 0.9em;  padding: 1px; }


/* -------------------------------------------- */
/* 					CUSTOM  					*/
/* -------------------------------------------- */

span.label				{ width: 75px; font-weight: bold; }
span.smallText			{ font-size: 9px;}


/*
ul.options_images			{ margin: 0; margin-top: 10px; list-style-type: none; clear: both; }
ul.options_images li		{ margin: 2px; list-style-type: none; display: block; width: 80px; padding: 2px; border: 1px solid #CCCCCC; float: left;  }
ul.options_images li p		{ margin: 0; }
ul.options_images li a img	{ width: 80px; border: none !important;  }
*/

ul.options_images					{ margin: 0; margin-top: 15px; clear: both; list-style-type: none;}
ul.options_images li				{ margin: 0; display: block; float: left; width: 90px; height: 101px; list-style-type: none;}
ul.options_images a					{ text-decoration: none; }
ul.options_images a img				{ width: 80px; height: 80px; padding: 1px; border: 1px solid #989898; }
ul.options_images a span			{ color: #333333; }

ul.options_images li:hover			{ position: relative; }
ul.options_images li:hover a		{ position:absolute; width: 150px; height: auto; left:-30px; top:-30px; border:1px solid #A9ACAA; padding:5px; background:#FFF; text-decoration: none;  }
ul.options_images li:hover img		{ position: relative; width: 150px; height: auto; padding: 0; border: none; }
ul.options_images li:hover a span	{ display: inline; }


p.fabric-purchase,
p.disclaimer	{ font-size: 0.9em; }

div.login		{width: 215px; min-height: 190px; border: 1px solid #881A8B; padding: 8px;}