/**************************************************************************************************
***************************************************************************************************
LIBRARY IMPORTS
***************************************************************************************************
***************************************************************************************************/
@import 'library/reset.css';
@import 'library/margin.css';
@import 'library/padding.css';
@import 'library/width.css';
@import 'library/height.css';
@import 'library/font.css';
@import 'library/text.css';
@import 'library/corners.css';
@import 'library/generic.css';

div, img, input { behavior: url(iepngfix/iepngfix.htc) }

/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/
html 												{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background-color: #000000;}
body												{color: #ffffff; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 15px; margin: 0 0 0 0; padding: 0 0 0 0;min-height: 700px; background-color:#000000; }
h1 													{color: #ffffff; font-size: 18px; font-weight: bold; line-height: 20px;}
h2 													{color: #ffffff; font-size: 16px; font-weight: bold; line-height: 18px;}
h3 													{color: #ffffff; font-size: 14px; font-weight: bold; line-height: 16px;}
h4 													{color: #ffffff; font-size: 12px; font-weight: bold; line-height: 14px;}
a, a:link 											{color: #ffffff; text-decoration: none; cursor:pointer; cursor: hand;}
a:visited											{color: #ffffff; text-decoration: none;}
a:hover 											{color: #ffffff; text-decoration: underline;}
a:focus 											{color: #ffffff;}
a:active 											{color: #ffffff;}
a img												{border: none}
hr													{color: #ffffff;}
p												{margin-bottom:10px;}

.enableJS 											{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 											{clear: both; padding: 5px 0px;}
div.row span.left 									{float: left; text-align: left;}
div.row span.right 									{float: right; text-align: right;}
.left 												{float:left;}
.right 												{float:right;}
.spacer 											{clear: both;}
.textcenter 										{text-align:center;}
.textleft 											{text-align:left;}
.textright 											{text-align:right;}
.pad5 												{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th											{color: #333333; width: 200px; text-align: center}
td											{}
td a:link									{color: #333333;}
td a:visited								{color: #333333;}
td a:hover									{color: #333333;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 									{width: 530px; padding: 20px; float: left;}
.auto_form .form_input 						{float: left; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none;}
.auto_form .form_input-highlighted 			{background: #f8f8f8; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none; float: left;}
.auto_form div.row span.label_col 			{color: #000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;}
.auto_form div.row span.input_col 			{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;}
.auto_form input[type='text'] 				{width: 200px;}
.auto_form input[type='button'] 			{width: 200px; color: #999999; margin-left: 220px;}
.auto_form input[type='password'] 			{width: 200px;}
.auto_form select 							{width: 208px; float: right;}
.auto_form textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px;}
.auto_form .submit_div 						{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend					{margin-left: 50px; font-weight: bold; font-size: 16px;}

.user_form 									{width: 300px; height: auto; padding: 0px; float: left;}
.user_form .form_input 						{float: left; border: none; }
.user_form .form_input-highlighted 			{border: none; float: left;}
.user_form div.row span.label_col 			{color: #d19a19; border: none; font-size: 12px; float: left; width: 73px;height: 14px; text-align: right; margin-right: 5px;}
.user_form div.row span.input_col 			{float: left; width: 122px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form input[type='text'] 				{background: url('../../graphics/text-input.png') no-repeat; width: 200px; height: 22px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form input[type='button'] 			{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px;}
.user_form input[type='password'] 			{background: url('../../graphics/text-input.png') no-repeat; width: 200px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form select 							{background: url('../../graphics/text-input.png') no-repeat; width: 200px; height: 22px; float: left; padding: 3px 5px;}
.user_form option 							{background-color: #ffffff; height: 22px;}
.user_form textarea 						{background: url('../../graphics/text-area.png') no-repeat;font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 120px;width: 200px; height: 80px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;}
.user_form .submit_div 						{text-align: left; height: auto; width: 60px; margin-right: 0px; padding: 0px; margin-left:33px;}
.user_form .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form_longer	 						{width: 430px; height: auto; padding: 0px; float: left;}
.user_form_longer .form_input 				{float: left; border: none;}
.user_form_longer .form_input-highlighted 	{float: left; border: none;}
.user_form_longer div.row span.label_col 	{color: #d19a19; font-weight: bold; border: none; font-size: 12px; float: left; width: 150px;height: 14px; text-align: right; margin-right: 5px; margin-top: 3px;}
.user_form_longer div.row span.input_col 	{float: left; width: 250px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_longer input[type='text'] 		{background: url('../../graphics/text-input_long.png') no-repeat; width: 255px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_longer input[type='button'] 		{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px;}
.user_form_longer input[type='password'] 	{background: url('../../graphics/text-input_long.png') no-repeat; width: 255px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_longer select 					{width: 120px; float: left;}
.user_form_longer textarea 					{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 250px; background: url('../../graphics/text-area_long.png') no-repeat; height: 155px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;}
.user_form_longer .submit_div 				{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px;}
.user_form_longer .forgotbutton				{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.auto_forms 								{width: 530px; padding: 20px; float: left;}
.auto_forms .form_input 					{float: left; border: 1px solid #336666;}
.auto_forms .form_input-highlighted 		{background: #f8f8f8; border-bottom: 1px solid #838383; border-left: none; border-right: none; border-top: none; float: left;}
.auto_forms div.row span.label_col 			{color: #000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;  border: 1px solid #336666;margin-top: 3px;}
.auto_forms div.row span.input_col 			{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; border: 1px solid #336666;}
.auto_forms input[type='text'] 				{width: 200px;}
.auto_forms input[type='button'] 			{width: 200px; color: #999999; margin-left: 220px;}
.auto_forms input[type='password'] 			{width: 200px;}
.auto_forms select 							{width: 208px; float: right;}
.auto_forms textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px; border: 1px solid #336666;}
.auto_forms .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_forms fieldset legend					{margin-left: 50px; font-weight: bold; font-size: 16px;}

.user_form_right 							{width: 100px; height: auto; padding: 0px; float: left;}
.user_form_right .form_input 				{float: right; border: 1px solid #666666;}
.user_form_right .form_input-highlighted 	{float: right; border: 1px solid #666666;}
.user_form_right div.row span.label_col 	{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 40px;height: 14px; text-align: right; margin-right: 5px;margin-top: 3px;}
.user_form_right div.row span.input_col 	{float: left; width: 50px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_right input[type='text'] 		{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_right input[type='button'] 		{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px; }
.user_form_right input[type='password'] 	{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_right select 					{width: 50px; float: right;}
.user_form_right textarea 					{font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 200px; width: 220px;}
.user_form_right .submit_div 				{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px; }
.user_form_right .forgotbutton				{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form_long								{width: 370px; height: auto; padding: 0px; float: left}
.user_form_long .form_input 				{border: 1px solid #666666;}
.user_form_long .form_input-highlighted 	{border: 1px solid #666666;}
.user_form_long div.row span.label_col 		{color: #666666; font-weight: bold; border: none; font-size: 12px; float: left; width: 0px;height: 14px; text-align: right; margin-right: 5px;margin-top: 3px;}
.user_form_long div.row span.input_col 		{float: left; width: 250px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form_long input[type='text'] 			{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_long input[type='button'] 		{background: url('../../graphics/submit-button.png') no-repeat; border: none; width: 60px; height: 20px;}
.user_form_long input[type='password'] 		{background: url('../../graphics/text-input.png') no-repeat; width: 127px; height: 17px; font-size: 10px; padding-top: 4px; padding-left: 5px; padding-right: 5px;}
.user_form_long select 						{width: 250px; float: right;}
.user_form_long textarea 					{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 120px;}
.user_form_long .submit_div 				{text-align: left; height: auto; float: right; width: 60px; margin-right: 18px; padding: 0px;}
.user_form_long .forgotbutton				{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.user_form2 								{width: 520px; padding: 0px 0px 10px 0px; float: left; background: #8f8f8f}
.user_form2 .form_input 					{float: left; border: none; }
.user_form2 .form_input-highlighted			{border: none; float: left;}
.user_form2 div.row span.label_col 			{color: #ffffff; font-weight: bold; border: none; font-size: 12px; float: left; width: 100px;height: 14px; text-align: right; margin-right: 5px;margin-top: 3px;}
.user_form2 div.row span.input_col 			{float: left; width: 230px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.user_form2 input[type='text'] 				{width: 220px;}
.user_form2 input[type='button'] 			{background: url('../../graphics/submit-button.png') no-repeat;}
.user_form2 input[type='password']			{width: 220px;}

.user_form2 select 							{width: 220px; float: left;}
.user_form2 textarea 						{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 320px;}
.user_form2 .submit_div 					{text-align: left; height: auto; float: left; width: 200px;}
.user_form2 .submit_div input 				{background: url('../../graphics/submit-button.png') no-repeat;}
.user_form2 .forgotbutton					{width: 170px; font-size: 14px; color: #ffffff; background: #002042; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

.lightbutton								{width: 170px; font-size: 14px; color: #ffffff; background: #546a8f; border: none; margin-left: 5px; height: 16px; float: left; text-align: center; padding-top: 2px;}

/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
/**define your sites layout style here**/
.wrapper										{width: 920px; height: auto; margin: 0px auto; }
.masthead										{width: 900px; height: 97px; background: url('../../images/header.jpg') no-repeat;}

.leftcol											{float: left; width: 200px;}

.leftcol .box									{width: 180px; height: auto;}
.leftcol .box-head							{width: 180px; height: 20px; background: url('../../graphics/leftcol-head.png') no-repeat;}
.leftcol .box-content						{width: 180px; height: auto; background: url('../../graphics/leftcol-body.png') repeat-y;}
.leftcol .box a									{width: 180px; line-height: 20px; color: #333333; font-weight: bold;}
.leftcol .box-foot								{width: 200px; height: 25px; background: url('../../graphics/leftcol-foot.png') no-repeat;}

.midcol											{float: left; width: 460px; margin-left: 0px; margin-top: 8px;}
.midcol .pagetitle							{}
.midcol .pagetitle h1						{text-align: left; color: #000000; font-size: 24px; margin-top: 0px;} 
.midcol .pagetitle p							{text-align: left; color: #000000; font-size: 16px; margin-top: 0px; line-height: 20px;} 
.midcol .special-offers						{background: #5c8585; width: 450px; padding: 5px; color: #000000; border: 3px dotted #cccccc;}  

.scart											{float: right; width: 250px; height:100px; margin-right: 20px; margin-top: 15px;}

.rightcol											{float: left; width: 260px; min-height: 500px; margin-left: 0px;}
.rightcol .box									{width: 260px; height: auto; margin-left: 5px;}
.rightcol .box-head							{width: 260px; height: 40px; background: url('../../graphics/rightcol-head.png') no-repeat;}
.rightcol .box-head .title					{float: left; color: #333333; font-weight: bold; margin-left: 30px; margin-top: 16px;}
.rightcol .box-head .register			{float: left; color: #ffffff; margin-top: 14px; margin-left: 75px;}
.rightcol .box-head .edit-account		{float: left; color: #ffffff; margin-top: 14px; margin-left: 38px;}
.rightcol .box-content						{width: 260px; height: auto; clear: all; background: url('../../graphics/rightcol-body.png') repeat-y;}
.rightcol .box-content .text				{text-align: left; padding-left: 30px;}
.rightcol .box a								{width: 260px; line-height: 20px; color: #333333; font-weight: bold;}
.rightcol .box-foot							{width: 260px; height: 25px; margin-top: 0px; background: url('../../graphics/rightcol-foot.png') no-repeat;}

.foot												{width: 900px; height: 19px; margin-top: 0px; padding-top: 4px; color: #000000; margin:0px auto;}
.foot a											{color: #000000;}
/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/
.home_top									{background: url(../../images/home.jpg) no-repeat;width:900px; height: 437px;}
.dotted_center								{background: url(../../images/dotted_center.jpg) repeat-y; width:900px;}
.dotted_bottom								{background: url(../../images/dotted_bottom.jpg) no-repeat; width:900px; height:48px;}
.navigation									{margin-top: 60px; margin-left: 110px;}
.pages_top									{background: url(../../images/pages_top.jpg) no-repeat;width:900px; min-height: 95px;}
.pages_top_part								{background: url(../../images/pages_top_part.png) no-repeat;width:900px; height: 41px;}
.logo										{background: url(../../images/logo_bottom_part.png) no-repeat;width:81px; height: 99px;}
.pages_center								{background: url(../../images/pages_center_trans.jpg) repeat-y; width:900px; min-height:130px;}
.pages_bottom								{background: url(../../images/pages_bottom.jpg) no-repeat; width:900px; height:80px;}
.slogan										{background: url(../../images/slogan.jpg) no-repeat; width:719px; height:43px;}
.clear-both									{clear:both;}
.dots										{background: url(../../images/dots.jpg) repeat-y;}
.dots_left									{background: url(../../images/left_dots.jpg) no-repeat;}
.dots_right									{background: url(../../images/right_dots.jpg) no-repeat;}
.dots_mid									{background: url(../../images/mid_dots.jpg) no-repeat;}
.min-height-400								{min-height:400px;}

.form_info_top								{background: url(../../graphics/form_info_top.png) no-repeat;}
.form_info_mid								{background: url(../../graphics/form_info_mid.png) repeat-y;}
.form_info_bot								{background: url(../../graphics/form_info_bot.png) no-repeat;}

.border_dots								{border-bottom:2px dotted #666666;}
.contact_top								{background: url(../../images/contact_top.jpg) no-repeat;width:900px; height: 639px;}
.brides										{background: url(../../images/brides.jpg) no-repeat;width:900px; height: 439px;}
.dressname									{font-size:12px; width:123px; height:40px; font-weight:bold; padding-top:5px; text-align:center;}
/**************************************************************************************************
***************************************************************************************************
COLORS
***************************************************************************************************
***************************************************************************************************/
.gold 										{color:#d19a19;}
.white 										{color:#ffffff;}
.grey										{color:#999999;}
.grey_bg									{background-color:#999999;}
.black_bg									{background-color:#000000;}
.black										{color:#111111;}
/**************************************************************************************************
***************************************************************************************************
DIALOGS
***************************************************************************************************
***************************************************************************************************/
#facebox .b 																					{background:url(images/b.png); }
#facebox .tl 																					{background:url(images/tl.png); }
#facebox .tr 																					{background:url(images/tr.png); }
#facebox .bl 																					{background:url(images/bl.png); }
#facebox .br 																					{background:url(images/br.png); }
#facebox 																						{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 																				{position: relative; }
#facebox table 																					{border-collapse: collapse; }
#facebox td 																					{border-bottom: 0; padding: 0; }
#facebox .body 																					{background: #fff; width: 370px; }
#facebox .body .content h1																		{padding: 5px; padding-left: 10px; font-size: 18px; background: #000000; color: #ffffff;}
#facebox .body .content p																		{padding: 5px; font-size: 12px; margin: 5px;color:#000000;}
#facebox .body .content li																		{font-size: 12px; margin-left: 15px;color:#000000;}
#facebox .loading 																				{text-align: center; }
#facebox .image 																				{text-align: center; }
#facebox img 																					{border: 0; margin: 0; }
#facebox .footer 																				{padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #000000; margin-top: 10px;}
#facebox .foot .close																			{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 										{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 																				{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 																				{z-index:-100; }
.facebox_overlayBG 																				{background-color: #000; z-index: 99;}
* html #facebox_overlay 																		{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 									{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 							{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 										{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted 	{}
.shopcart_form div.row span.label_col 		{float: left;	width: 0;}
.shopcart_form div.row span.input_col 		{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 									{border:1px solid #999999; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 												{text-align:center;}
.checkout 												{margin:10px; padding:10px; border:5px solid #3B425F;}
.declined 												{margin:10px; 	padding:10px; 	border:2px solid #FF0000;}
.approved 												{margin:10px;	padding:10px;	border:2px solid #00FF00;}

/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 											{cursor: pointer; margin-left: 1px; vertical-align: middle;}
div#tcal 												{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 									{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 											{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 											{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 							{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 							{border: 0; border-collapse: collapse; padding: 0;}