<!--
body {background-color: #FFFEF2; color: #000; font-family: Arial, Helvetica, sans-serif; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	background-image: url("graphics/bkg.gif");
	background-repeat: repeat-y;
	background-position: center top;
}

div.site_container1 { width: 100%; text-align: center; }

div.site_container2 {
    display: block;
    width: 740px;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
}

div.banner {
	width: 740px;
	height: 104px;
	background-color: #701100;
	overflow: hidden;
	color: #F8F1CD;
	font-size: 100%;
}

div.tag1 {
	float: right;
	clear: right;
	padding: 15px 100px 0px 0px;
}

div.tag2 {
    float: right;
    clear: right;
    padding: 0px 50px 0px 0px;
}

div.tag3 {
    float: right;
    clear: right;
    padding: 0px 20px 0px 0px;
}

div.nav {
    width: 740px;
	height: 24px;
    background-color: #F8F1CD;
}

#top_nav { float: left; padding: 0px; margin: 0px; list-style: none; font-size: 80%; background: url("graphics/but_mid.gif") repeat-x 0px 3px; }

#top_nav li { float: left; font-weight: bold; padding: 0px; margin: 3px 0px 3px 0px; background: url("graphics/but_left.gif") no-repeat left top; border-left: 3px solid #F8F1CD; border-right: 3px solid #F8F1CD; }

#top_nav a:link { display: block; height: 18px; float: left; text-decoration: none; color: #701100; padding: 0px 4px 0px 4px; background: url("graphics/but_right.gif") no-repeat right top;}
#top_nav a:visited { display: block; height: 18px; float: left; text-decoration: none; color: #701100; padding: 0px 4px 0px 4px; background: url("graphics/but_right.gif") no-repeat right top;}
#top_nav a:hover { display: block; height: 18px; float: left; text-decoration: none; color: #F00; padding: 0px 4px 0px 4px; background: url("graphics/but_right.gif") no-repeat right top;}
#top_nav a:active { display: block; height: 18px; float: left; text-decoration: none; color: #F00; padding: 0px 4px 0px 4px; background: url("graphics/but_right.gif") no-repeat right top;}

div.content_container {
    width: 740px;
    margin: 20px 0px 20px 0px;
}

div.home_box {
	float: left;
	width: 350px;
	padding-right: 30px;
}

div.right_box {
	float: right;
	width: 358px;
	background-color: #FFF;
	padding: 0px 0px 5px 0px;
	border: 1px solid #701100;
}

div.right_box_title {
    width: 348px;
	background-color: #F8F1CD;
	padding: 1px 0px 0px 10px;
	font-weight: bold;
}

div.product_box {
	float: left;
	border: 1px solid #701100;
	margin: 10px 0px 10px 0px;
}

div.left_product_box {
	float: left;
	width: 358px;
	margin-right: 10px;
	border: 1px solid #701100;
}

div.right_product_box {
	float: left;
	width: 358px;
	margin-left: 10px;
	border: 1px solid #701100;
}

div.product_box_title {
	background-color: #F8F1CD;
	padding: 1px 0px 0px 10px;
	font-weight: bold;
}

div.images {
	float: right;
	width: 408px;
}

div.footer {
	clear: left;
	width: 740px;
    background-color: #F8F1CD;
    text-align: center;
    font-size: 70%;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
}

div.footer2 {
	clear: left;
	width: 740px;
    text-align: center;
    font-size: 65%;
    padding: 10px 0px 5px 0px;
}

div.clearer { clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 0px; height: 0px; font-size: 0px; }
div.spacer { clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 0px; height: 20px; font-size: 0px; }

.left {float: left;}
.right {float: right;}

img.dial {float: right; margin: 10px 10px 10px 10px;}
img.left_product {float: left; margin: 0px 10px -20px -8px; position: relative;}
img.right_product {float: right; margin: 0px -10px -20px 10px; position: relative;}
img.right1 {float: right; margin: 0px 0px 10px 10px;}
img.right2 {float: right; margin: 10px 10px 10px 10px;}
img.left1 {float: left; margin: 10px 10px 10px 10px;}

h1 {color: #701100; font-size: 100%; margin: 0px;}
h2 {color: #701100; font-size: 90%; margin: 20px 0px 0px 0px;}
h2.white {color: #FFF; font-size: 100%; margin: 0px; padding: 0px;}
h2.red {color: #701100; font-size: 100%; margin: 0px; padding: 0px;}

p {font-size: 80%; line-height: 18px; margin: 12px 0px 12px 0px;}
p.top {font-size: 80%; line-height: 18px; margin-top: 6px;}
p.dial {font-size: 80%; line-height: 18px; margin: 10px 0px 10px 10px;}
p.product {font-size: 80%; line-height: 18px; margin: 12px 10px 12px 10px;}
p.centre {text-align: center; margin-bottom: 0px; line-height: 0px;}
p.more {font-size: 80%; line-height: 18px; margin: -25px 10px 5px 0px; text-align: right;}
p.more2 {font-size: 80%; line-height: 18px; margin: -8px 10px 5px 0px; text-align: right;}
p.small {font-size: 70%; line-height: 14px; margin: 12px 0px 12px 0px;}

ul {font-size: 80%;}

a:link {text-decoration: none; color: #701100;}
a:visited { text-decoration: none; color: #701100;}
a:hover { text-decoration: none; color: #F00;}
a:active { text-decoration: none; color: #F00;}

-->