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

/** STYLE BASIC TAGS **/
body, table, .bodyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c2d36;
}

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


body.web_browser {
	text-align:center; 
	background-color:#ffffff;
	background-image:url(images/back_l.png); 
	background-repeat:repeat-x; 
	background-position:top;
}

table {
	border:0;
}

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

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

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

form {
	margin:0px;
}

label {
	font-weight:bold;
}

img {
	border:0px;
}

a { 
	color:#4f9a0c;
	/*color:#b73800;*/
	text-decoration:none; 
}

a:hover {
	text-decoration: underline;
	color:#00e100;
	/*color:#b73800;*/
}

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:18px;
	color: #527400;
	margin:0px 0px 8px 0px;
	font-weight:normal;
}
#welcome_box H1 {
	margin:0px 0px 0px 0px;
}

/* 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:18px;
	color: #527400;
	font-weight:normal;
	margin:0px;
	margin-bottom:0px;
}

/*************************************
** Heading 3
**************************************/
H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #648A04;
	font-weight:bold;
	margin:0 0px 3px 0px;
	padding:2px; 
	background-color:#F1FFCE; 
	border-bottom:2px solid #d2f874; 
}



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

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

/******	The Input Required asterix on forms *******/
.inputRequirementText {
	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;
	}

	
/*************************************
** Address Box (module:checkout_shipping)
**************************************/
	table.address_box {
		width:100%;
		border:1px solid #9BC33C;
		background-color:#F6FCEA;
		height:100%;
	}




/*************************************
** Invoice Styles
** TODO: Recreate the invoices
**************************************/
	.invoiceTable {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		//background-color: #D5E5A4;
		background-color: #D9D9D9;
	}
	.invoiceHeadings {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		//color: #637c1a;
		color: #444444;
		font-weight: bold;
		//background-color: #F2F8DD;
		background-color: #F0F0F0;
	}
	.invoiceTitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		//color: #637c1a;
		color: #444444;
		text-align:right;
		vertical-align:top;
	}
	.invoiceBody {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #FFFFFF;
	}
	
	a.invoiceBody {
		color:#b73800;
	}
	
	div.invoiceLine {
		width: 100%;
		height: 1px;
		overflow: hidden;
		//background-color: #D5E5A4;
		background-color: #D9D9D9;
	}
	
/* 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;
	}
	
	/* For text inside blocks*/
	.blockitem {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #1c2d36;
	}
	
	/**
	 * Colors for blocks link's items
	 **/
	.blocks_link {
		color:#b73800;
	}
	
	td.blocks_link a {
		/*color:#334407;*//* D.GREEN */
		color:#b73800;	/* BROWN */
	}
	
	td.blocks_link a:hover {
		text-decoration: underline;
		/*color:#00e100;*/
		color:#b73800;
	}
	
	
	
	table.blockitem td.list{
		width: 10%;
		vertical-align: top;
	}
/*************************************
** Used on Advanced Search Subheadings
**************************************/
	.searchresult_subheading {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-style:italic;
		color: #527400;
		font-weight:bold;
		margin:7px 0px 0px 0px;
		padding-right:5px;
		border-bottom:1px solid #9cd511;
		width:100%;
	}
	.searchresult_subheading td.fromToOf {
		text-align:right;
		font-style:italic;
		font-size:9pt;
	}



/*************************************
** Used on Emails - Unlock Code Group Tables
**************************************/
	#mailer table.unlock_group {
		border:2px solid #D2F874; 
		width:100%; 
		margin:10px 0 10px 0;
	}
	#mailer table.unlock_group td {
		padding:4px; 
	}
	#mailer table.unlock_group td.heading {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color: #648A04;
		font-weight:bold;
		background-color:#F1FFCE; 
		border-bottom:2px solid #d2f874; 
	}

	#mailer {
		margin-right:10px;
	}
	
	/*************************************
	**classes for products options
	**************************************/
	.products_options_heading {
		font-size:11px;
		font-weight:bold;
	}
	
	.products_options {
		font-size:10px;;
	}