/*  An introduction pane - top-left of the page  */

#intro_border {
	position: relative;
	top: -10px;
	width: 864px;
	height: 150px;
	border: 0px solid #a00000;
}

#intro_border img{
	position: relative;
	margin: 0;
	padding: 0px;
	border: 0px;
	left: 5px;
}

#intro_panel_titlebar{
	top: 15px;
       height: 35px;
	/* background: #a00000; */
	border: 0px solid #a00000; 
	
        font-size: 18px;
		line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;     
	position: relative;
}


#intro_panel_titlebar h1{
	/* background: #a00000; */

        font-size: 18px;
		line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;     
	position: relative;
	border: 0px solid #a00000; 

}

#homepage_offer {
	float: right;
	width: 170px;
	height: 160px;
	background: #a00000;
	color: #ffffff;
	text-align: center;
}

#homepage_offer h2{
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

#homepage_introduction {
	float: right;
	top: 0px;
        width: 620px;  //620px;
	height: 160px;
	
	text-align: center;

        font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;     
	border: 0px solid #000000; 
	/* default background colour, for all layout engines that don't implement gradients */
	background: #a00000;
	/* background-image: url(../images/red_white_vertical3.png); */

	/* gecko based browsers */
	background: -moz-linear-gradient(left, #a000000, #000000);

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, right top, from(#a00000), to(#000000));

}
}




#homepage_introduction_followup {
	position: relative;
	top: 0px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color:#ffffff;
}


/* ---------  main page segments on home page  ----------- */

#left_margin {
	width: 250px;
	background: #ffffff;
	clear: left;
	float: left;
	position: relative;

}

#main_content {
	width: 600px;
	background: #ffffff;
	clear: right;
	float: right;
	position: relative;
}

/* ================================================  */

#contentpage_offer {
	float: right;
	width: 162px;
	height: 150px;
	background: #a00000;
	color: #ffffff;
	text-align: center;
}

/* On-page content panes   */


div.left_hilitepanel {
	float: left;
	top: 0px;
        width: 240px;
	height: 220px;
	background: #ffffff;
	margin: 4px;
	margin-top: 25px;
	padding: 0px;     
	position: relative;
	border: 1px solid #808080;
	clear: none; 

	-moz-border-radius: 15px;
	border-radius: 15px;
}



/* A highlighted panel of a fixed width  */

div.outer_hilite_panel {
	float: right;
	top: 0px;
        width: 240px;
	height: 220px;
	background: #ffffff;
	margin: 4px;
	margin-top: 25px;
	padding: 0px;     
	position: relative;
	border: 1px solid #808080;
	clear: none; 
	-moz-border-radius: 15px;
	border-radius: 15px;
}


div.hilite_panel_titlebar {
    height: 10px;
	/* default background colour, for all layout engines that don't implement gradients */
	background: #a00000;
	/* background-image: url(../images/red_white_vertical3.png); */

	/* gecko based browsers */
	background: -moz-linear-gradient(left, #a000000, #000000);

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, right top, from(#a00000), to(#000000));

    font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 8px;     
	position: relative;
	border: 0px solid #a00000; 
	
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
}

div.left_hilite_panel_contentarea {
	background: #ffffff; 
	height: 178px;

        font-size: 11px;
	font-weight: normal;
	color: #000000;
	/* background-image: url(../images/gradient-WHQK4.png);  */
	margin: 0px;
	padding: 8px;     
	position: relative;
	border: 0px solid #a00000; 
}

div.left_hilite_panel_contentarea ul{
	color:#202020;

	font-weight: normal;
	font-size:8pt;
	line-height: 12px; 
	list-style-image: url("../images/tick_green.gif");
}


div.hilite_panel_contentarea {
	background: #ffffff; 
	height: 140px;

        font-size: 12px;
	font-weight: normal;
	color: #000000;
	/* background-image: url(../images/gradient-J48R6.png); */
	margin: 0px;
	padding: 8px;     
	position: relative;
	border: 0px solid #a00000; 
}

div.hilite_panel_contentarea ul{
	color:#202020;

	font-weight: normal;
	font-size:12px;
	line-height: 13px; 
	list-style-image: url("../images/tick_green.gif");
}


div.hilite_panel_contentarea a,
a:link,
a:visited,
a:hover,
a:focus {
	color: #a00000;
  text-decoration:none;  
}

.guarantee_headline {
	
        font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #a00000;
}

.guarantee_body {
	
        font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
}

/* ============================================== */


/* A highlighted panel to display highlighed products on the front page (3 down)   */

div.featured_products {
	clear: both;   /*  keep this on one level  */
	background: #00ffff;
	padding 10px;
	font-family: Verdana,  sans-serif;


}


div.outer_product_panel {
	float: left;
        width: 590px;            /*  274px;         */
	background: #ffffff;
	margin: 5px;
	margin-top: 25px;
	padding: 0px;     
	position: relative;
	border: 0px solid #a00000;
	clear: both; 
	font-size: 15px;
}


.hilite_product_titlebar {
        height: 25px;
/*	background: #b0b0b0;
	background-image: url(../images/grey_to_white_horizontal.jpg);
 */
 	/* default background colour, for all layout engines that don't implement gradients */
	background: #a00000;
	/* background-image: url(../images/red_white_vertical3.png); */

	/* gecko based browsers */
	background: -moz-linear-gradient(left, #a000000, #000000);

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, right top, from(#a00000), to(#000000));
 
 
 
        font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;     
	position: relative;
	border: 0px solid #9acd32; 
}


h2.hilite_product_titlebar {

	font-weight: bold;
	color: #a00000;
	margin: 5px;
}

.hilite_product_titlebar  a{

        font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 5px;
}




div.hilite_product_contentarea {
	/* height: 140px; */
	background: #ffffff; 

        font-size: 13px;
	line-height: 15px; 
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 8px;     
	position: relative;
	border: 0px solid #9acd32; 

}

.hilite_product_contentarea ul{
	color:#202020;

	font-weight: normal;
	font-size:11px;
	line-height: 12px; 
}



img.floatLeft { 
    float: left; 
    marginLeft: 0px;
    margin-right: 4px; 
}

img.floatRight { 
    float: right; 
    margin-left: 4px; 
    margin-right: 0px;
}

/* ============================================== */




#calltoaction {
	height: 55px;
	top: 10px;
	left: 5px;
	position: relative;
}

/*  ================ ARTICLES ======================= */

.articleinsert {
	margin:10px; 
	float:right; 
	width:300px; 
	background:#ffffff; 
	border: 2px solid;
}

.articleinsertinner {
	margin:15px; 
}