@charset "UTF-8";
/* CSS Document */
*				{margin:0; padding:0;}
img				{border:0;}
body			{font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(/_assets/backgroundBg.jpg) repeat-x;}
a				{color:#666666; text-decoration:none;}
h1				{font-size:20px; color:#FFFFFF; margin:0; padding:14px 0 0 10px; font-weight:normal;}
h1 strong		{color:#8bbfff;}
h2				{font-size:14px; color:#FFFFFF; font-weight:normal; margin:0; padding:10px 0 0 10px;}
h2 strong		{color:#8bbfff;}
h3				{width:467px; font-size:20px; padding:2px 0 0 10px; height:27px; background:url(/_assets/h3HeaderBg.jpg) repeat-x; font-weight:normal; margin:0 0 10px 0;}
h4				{font-size:26px; color:#999999; font-weight:normal; margin:0; padding:10px 0 0 0}
h5				{font-size:16px; color:#999999; font-weight:normal; margin:0; padding:0 0 5px 0}
p				{color:#000000; margin:0 0 10px 0;}
p.intro			{font-size:14px; margin:15px 0 20px 0;}
#wrapper		{width:940px; padding:10px; background:#ffffff; margin:0 auto;}
br				{clear:both;}
ol				{margin:0 0 0 40px;}
ol li			{margin:0 0 10px 0;}


/* nav */

ul				{float:right; list-style:none; margin:0 0 10px 0; width:500px;}
li				{float:left; padding:0; margin:0 5px;}
li a			{display:block; background-color:#ffffff; padding:5px 7px 3px 7px; color:#000000; text-decoration:none; border-top:solid 4px #8bbfff ; border-left:dotted 1px #8bbfff; border-right:dotted 1px #8bbfff;}
li a:hover		{background-color:#c5dfff; color:#FFFFFF;}


ul#topLeft 		{float:left; list-style:none; margin:0 0 10px 0; width:300px;}

/* **** */



label			{float:left; width:150px; line-height:25px;}
input			{background:#cccccc; padding:5px; width:150px; float:left; border:0;}
input.quantity	{background:#cccccc; padding:5px; width:50px; float:left; border:0;}

textArea		{width:200px; margin:0 0 10px 0; background:#cccccc; padding:5px; float:left; border:0; }

select			{background:#cccccc; padding:5px; width:80%; float:left; border:0;}
th				{height:30px; font-weight:bold; text-align:left; border-bottom:dotted 1px #cccccc;}
tr				{height:40px;}
td				{vertical-align:middle;}




#header					{width:940px; height:124px; background:url(/_assets/headerBg.jpg);}

#footer					{width:920px; margin:20px 0 10px 0; border-top:1px solid #cccccc; padding:10px; background:#000000; color:#ffffff;}
#footerLinks			{float:right; margin:0 20px 0 0; color:#666666;}
#footerLinks a 			{color:#ffffff; text-decoration:none;}
#footerLinks a:hover	{color:#cccccc;}



.plateHolder			{width:938px; border:1px solid #d3d3d3; background:#FFFFFF; min-height:200px; height:auto !important; height:200px;}
.plateImage				{width:460px; float:left; text-align:center;}
.plateImageSquare		{width:460px; float:left; text-align:center;}
.plateImage img			{margin:50px 0 0 0;}
.plateImageSquare img	{margin:20px 0 0 0;}
.plateInfo				{width:460px; float:left; border-left:1px solid #d3d3d3; height:200px;}
.plateInfo p			{margin:0 0 0 10px;}

a.btnBuy		{background:url(/_assets/btn_buy.jpg); width:56px; height:26px; display:block; color:#FFFFFF; text-decoration:none;  float:left; line-height:27px; text-align:center; font-size:12px; margin:10px 0 0 10px; _margin:10px 0 0 5px;}
a:hover.btnBuy	{background:url(/_assets/btn_buyActive.jpg);}

a.btnPayment		{background:url(/_assets/btn_proceedToPayment.jpg); width:125px; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:right; margin:20px 0 0 0;}
a:hover.btnPayment	{background:url(/_assets/btn_proceedToPaymentActive.jpg);}

a.btnHomeBtns		{background:url(/_assets/btn_proceedToPayment.jpg); width:125px; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:left; margin:5px 10px 0 0;}
a:hover.btnHomeBtns	{background:url(/_assets/btn_proceedToPaymentActive.jpg);}

a.btnUpdate			{background:url(/_assets/btn_proceedToPayment.jpg); width:125px; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:right; margin:20px 0 0 0;}
a:hover.btnUpdate	{background:url(/_assets/btn_proceedToPaymentActive.jpg);}

#homeWrapper	{width:620px; padding:10px; float:left;}
#homeWrapper p	{font-size:12px; margin:0 0 10px 0;}
#homeButtons	{float:left; width:195px; margin:25px 0 0 40px;}
#homeButtons img{margin:0 0 20px 0;}

.detailsHolder		{width:918px; border:1px solid #d3d3d3; background:#FFFFFF; min-height:200px; height:auto !important; height:200px; padding:10px; margin:0 0 20px 0;}
.detailsPlate		{width:450px; float:left;}
.detailsPlate img	{margin:0 0 10px 0;}

.accessoryPreview		{float:left; width:120px; padding:10px; border:1px dotted #cccccc; color:#000000; margin:0 10px 10px 0;}
.accessoryPreview img	{margin:0 0 10px 0;}
/*
.accessoryPreview a				{font-size:10px; color:#000000;}
.accessoryPreview a:hover		{font-size:10px; color:#cccccc;}
*/

#regForm input				{width:200px; margin:0 0 10px 0;}
#delDetails input			{width:200px; margin:0 0 10px 0;}
#loginForm input			{width:200px; margin:0 0 10px 0;}



.btnUpdate			{background:url(/_assets/btn_proceedToPayment.jpg); width:125px; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:right; margin:20px 0 0 0; cursor:pointer;}

.btnBuy		{background:url(/_assets/btn_buy.jpg); width:56px; height:26px; display:block; color:#FFFFFF; text-decoration:none;  float:left; line-height:25px; text-align:center; font-size:12px; margin:10px 0 0 10px; _margin:10px 0 0 5px;}


.btnHomeBtns		{background:url(/_assets/btn_proceedToPayment.jpg); background-repeat:no-repeat; width:125px !important; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:left; margin:5px 10px 0 0;}


.btnPayment		{background:url(/_assets/btn_proceedToPayment.jpg); width:125px !important;; height:26px; display:block; color:#FFFFFF; text-decoration:none; line-height:25px; text-align:center; font-size:12px; float:right; margin:20px 0 0 0;}


/*************************************************************************************************************************************************/
/* VALIDATION */
/*************************************************************************************************************************************************/

input.error, select.error 	{border:1px solid #FF0000;}
label.error 				{width:0px; margin-top:0px; display:none; padding:0px; margin:0px;}
#errors						{color:#FF0000; font-size:14px; font-weight:bold; margin-left:10px;}




