/*************************************
**	Markways.com STYLES
**************************************/
@import "mainstyles.layout.css";

body, table, .bodyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

body.blank {
	margin: 14px 28px 0px 28px;
	text-align:center;
}

table {
	border:0;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e36337;
}

p {
	margin: 0px;
	margin-bottom: 10px;
}

p.topmargin {
	margin-top: 4px;
}

form {
	margin:0px;
}

label {
	font-weight:bold;
}

img {
	border:0px;
}

a { 
	color:#4378bd;
	text-decoration:none; 
}

a:hover {
	text-decoration: underline;
	color:#ff6600;
}

a.u { 
	text-decoration:underline; 
}


/*************************************
**	Styles for Ordered Lists
**************************************/
ul {
	margin-top:0px;
	margin-bottom:0px;
}

/*************************************
** Title Heading
**************************************/
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #f49e00;
	margin:0px 0px 8px 0px;
	font-weight:normal;
/*	border-bottom:2px dotted #ABB3E5;*/
}
#welcome_box H1 {
	font-size:18px;
	color: #f49e00;
	margin:0px 0px 0px 0px;
	font-weight:bold;
/*	border-bottom:2px dotted #ABB3E5;*/
}

/* ON PRODUCT DETAIL PAGE WE NEED A SMALLER FONT */
H1.detail_module {
	font-size:18px;
	margin:0px;
}
.heading_detail_module {
	margin:0px 0px 8px 0px;
}

/*************************************
** Heading 2
**************************************/
H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color: #364e71;
	font-weight:bold;
	margin:0px;
	margin-bottom:0px;
}


/*************************************
** Heading 3
**************************************/
H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #364e71;
	font-weight:bold;
	margin:0px;
	margin-bottom:0px;
}



/****** Form Item Text ******/
.formItemText {
	htmlarea_name: Form Item Text;
	font-weight:bold;
}

/******	The text that is printed when input is invalid on a form ******/
.form_invalid_input {
	htmlarea_name: Invalid Input on a Form;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF6600;
}

/******	The Input Required asterix on forms *******/
.inputRequirementText {
	htmlarea_name: Input Requirement for Forms;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6000;
}

/******	Any Error text that will be displayed - usually only the color is set here *******/
.errortext {
	color:#FF0000;
}



	/****** News Item on main module ******/
	#news_item {
		margin-top:6px;
		background-image:url(images/bullet_news.gif);
		background-repeat:no-repeat;
		background-position:0px 4px;
		text-indent:8px;
		font-size:11px;
	}
	#news_item a.more {
		text-decoration:underline;
	}


/*************************************
** Dialog 1 Styles
**************************************/
	#dialog1 {
		/*background-color:#f4f9ff;*/
	}
	#dialog1 H2 {
		border:1px solid #859aaa;
		background-color:#d8e0e9;
		background-image:url(images/back_h2_dialog.gif);
		padding:2px;
		text-align:left;
	}
	#dialog1 .body {
		text-align:left;
	}
	#dialog1 input.text {
		border:1px solid #3A6D95;
		padding: 4px;
		font-size:12px;
		background-color:#FFFFFF;
	}
	
/*************************************
** Address Box (module:checkout_shipping)
**************************************/
	table.address_box {
		width:100%;
		border:1px solid #D4D7E2;
		background-color:#F8F9FA;
		height:100%;
	}




/*************************************
** Invoice Styles
** TODO: Recreate the invoices
**************************************/
	.invoiceTable {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #b9cade;
	}
	.invoiceHeadings {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #214166;
		font-weight: bold;
		background-color: #e4effc;
	}
	.invoiceTitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #85a7cf;
		text-align:right;
		vertical-align:top;
	}
	.invoiceBody {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #FFFFFF;
	}
	div.invoiceLine {
		width: 100%;
		height: 1px;
		overflow: hidden;
		background-color: #b9cade;
	}
	
/* Used On Order Confirmation Page for Email Transfer Option / Cheque Payment to display various highlighted items and amount in boxes */
	.highlighted_box {
	border: 1px solid;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-color: #fbff96;
}
	
/*************************************
** module:search
**************************************/
	.window01_Table {
		background: #D4D7E2;
	}
	.window01_Inside {
		background: #F8F9FA;
	}	

/*************************************
** module:Brands and Brand
**************************************/
	#mod_brands h3, #mod_brands h2 {
		background-color:#e9f0f8; 
		padding:2px; 
		border-bottom:1px solid #D8E0E9; 
		margin-top:8px;
	}
	#mod_brand h3, #mod_brand h2 {
		background-color:#e9f0f8; 
		padding:2px; 
		border-bottom:1px solid #D8E0E9; 
		margin-bottom:5px;
	}
	#mod_brands a.backlink, #mod_brand a.backlink {
		font-size:8px;
		color:#364e71;
	}


/*************************************
** module:news
**************************************/

a.news_title
{
	color:#364e71;
	font-size:12px;
	font-weight:bold;
}
td.news_bullet {
	background-image:url(images/bullet_news.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}



/*************************************
** tabs for products page (products info, specs etc) Lada
**************************************/
/*a.tabs {
color:#4378bd;
text-decoration:none;
font-weight:bold;
}

a.tabs_active {
color:#ff6600;
text-decoration:none;
font-weight:bold;
}*/
/*************************************
** tabs for products page (products info, specs etc) - display and hide divs Lada
**************************************/
/*.tabs_div {
display:none;
}

.tabs_div_active {
display:inline;
}

/*************************************
**classes for products options
**************************************/
.products_options_heading {
	font-size:11px;
	font-weight:bold;
}

.products_options {
	font-size:10px;;
}