/* Global frame control start including font size */
h1					{
						font-size: 16px;
					}
h2					{
						font-size: 14px;
					}
#content 			{
						margin: 0;
						padding:0;
						width: 730px;
						font-size: 1.1em;
					}
.form_fieldset		{
						border-color: #2C4391;
						border-width: 2px 0 0 0;
						border-style: solid none none none;
						padding: 5px;
						margin-top: 1%;
					}
.form_fieldset_fieldset		{
						clear:both;
						border-color: #FF0000;
						border-width: 1px 0 0 0;
						border-style: solid none none none;
						margin: 6px 0;
						padding: 6px 0 0 0;
					}
.form_divider_line		{
						border-color: #FF0000;
						border-width: 1px 0 0 0;
						border-style: solid none none none;
						margin: 6px 0;
					}
.label 				{
						display: block;
						margin: 0.8em 0 0.5em 0;
						padding:0;
						text-transform:uppercase;
						font-weight: bold;
					}
.select				{
						background: #FFFFFF;
						border: 1px solid #777777;
						color: #193B30;
						font-size:0.9em;
					} 					
 
.textfield 			{	
						font-size:0.9em;  
						background-color: #FFFFFF;
						COLOR: #193B30;
						border: 1px solid #777777;
					} 
.textarea 			{	
						font-size:1.0em;  
						background-color: #FFFFFF;
						COLOR: #193B30;
						border: 1px solid #777777;
					}
.button 			{	
						font-size:0.9em;
						background: #FFFFFF url(/go-btn.png) right no-repeat;
						padding: 0 16px 0 0;
						COLOR: #0000FF;
						text-decoration: underline;
						border: none;
						text-transform:capitalize;
						height: 18px;
					} 
.back_button 		{	
						font-size:0.9em;
						background: #FFFFFF url(/previous.png) left no-repeat;
						padding: 0 0 0 16px;
						COLOR: #0000FF;
						text-decoration: underline;
						border: none;
						height: 18px;
					}
.radio 				{	
						vertical-align: -30%;
					} 
.form_button_div	{
						text-align: right;
  						margin: 2px 14px 8px 0;
					}

.blue_bgd			{
						background: #DDECFF;
					}
.row_pad			{
						padding: 1px 0 1px 4px;
					}
.formfield_margin	{
						margin: 7px 0 6px 0;
					}
.red_star			{
						color: #FF0000;
						font-weight: bold;
						padding: 0 0 0 3px;
						vertical-align: 50%;
					}
.indent				{
						padding: 0 0 0 10px;
					}
.half_width			{
						width: 50%;
					}
.info_margin		{
						margin: 10px 0;
					}
.bold				{
						font-weight: bold;
					}
.label_padding		{
						padding: 0 0 5px 0;
					}
.blue_border		{
						border: 1px solid #DDECFF;
					}
.box_padding		{
						padding: 4px;
					}
.image_middle		{
						vertical-align: -35%;
					}
.blah				{
						margin: 4px 0 0 0;
						padding: 0;
					}
#print				{
						margin: 1px 0 0 0;
						padding: 0;
					}
.four_column_module	{
						margin: 0 0 10px 0;
						width: 24%;
						float: left;	
					}
.page_module_padding		{
						width: 9px;
						float: left;	
					}
.module_heading	{
						background: url(/module-head-blue.png) left no-repeat;
						height: 20px;
						color: #FFFFFF;
						padding: 5px 0 0 10px;
						font-weight: bold;
						font-size: 12px;
					}
.module_body_blue	{
						background: #DDEAF5;
						padding: 10px;
						font-size: 1.1em;
					}
.breadcrumb_area	{
						width: 100%;
					}
.bread				{
						float: left;
						width: 30%;
						background: #DBDBDB;
						padding: 4px;
						padding-left: 10px;
						color: #666666;
						font-weight: bold;
					}
.activebread		{
						float: left;
						width: 30%;
						background: #B3B3B3;
						padding: 4px;
						padding-left: 10px;
						color: #FFFFFF;
						font-weight: bold;
					}
.active_active_arrow	{
						float: left;
						width: 15px;
						height: 22px;
						background: url(active_active_arrow.gif);
					}
.active_non_arrow	{
						float: left;
						width: 15px;
						height: 22px;
						background: url(active_non_arrow.gif);
					}
.non_non_arrow		{
						float: left;
						width: 15px;
					}


.two_column_module	{
						margin: 0 0 10px 0;
						width: 48%;
						float: left;	
					}


.inline				{
					display: inline;
					}

/* Generic float control classes start */

.clear 				{
  						clear: both;
					}
.right 				{
						float: right;
					}
div.left 			{
					  	width: 48%;
					}
.float-left 			{
					  	width: 48%;
					  	float: left;
					}	
div.right 			{
					  	width: 48%;	
					}
div.left_25pct		{
					  	width: 25%;
					  	float: left;
					}	
div.right_75pct	{
					  	width: 75%;
					  	float: right;	
					}						
.align-right		{
						text-align: right;
					}
.align-center		{
						text-align: center;
					}
.align-left			{
						text-align: left;
					}
					
.hidden				{
						display: none;
					}
									
/* Generic float control classes end */

/* Global frame control end */
/*=============================================================================================*/
/* breadcrumbs start */

#bread				{	
						margin:10px 0 8px 15px; 
						font-size: 1em;
					}
img.breadcrumb_position	{	
							vertical-align: 0%; 
						}	


/* breadcrumbs end */										
/*=============================================================================================*/



/** struts validation styles**/
.wwFormTable {}
.errorLabel {			
						display: block;
						margin: 0.8em 0 0.5em 0;
						padding:0;
						text-transform:uppercase;
						font-weight: bold;
}
.errorMessage {			
						font-weight:bold; 
						text-align: left; 
						color:red;
}
.checkboxLabel {}
.checkboxErrorLabel {
						display: block;
						margin: 0.8em 0 0.5em 0;
						padding:0;
						text-transform:uppercase;
						font-weight: bold;
}
.required {color:red;}


/* used for depot finder
--------------------------------------- Start --------------------------------------
*/
.selectAddress				{
						background: #FFFFFF;
						border: 1px solid #777777;
						color: #193B30;
						font-size:0.9em;
						width: 90%;
}
					
.rootException{
						color:red;
						font-style: italic;
}

#largegooglemap		{	
						width: 48%;
						float: left;
						height: 350px;	
						margin: 10px 8px 0 0;
						border: 1px solid #2C4391;
}
#depot-details		{
						margin: 0 0 0 12px;
					}	
#directions-panel	{	
						width: 48%;
						float: left;
							
						border: 0px solid #2C4391;
					}
/* used for depot finder
--------------------------------------- End --------------------------------------
*/