div {
font-family:Arial, Helvetica, sans-serif;
}
h1#range_title{
text-align:center;
font-weight:bold;
font-size:36px;
}
h1#shop_title{
text-align:center;
font-weight:bold;
font-size:36px;
color:#999999;
}
h2#range_subtitle{
text-align:center;
font-weight:bold;
font-size:24px;
color:#999999;
}
h2#form_subtitle{
text-align:left;
font-weight:bold;
font-size:24px;
color:#999999;
}

p#range_description{
text-align:center;
font-weight:normal;
font-size:14px;
}
p#side_nav {
text-align:center;
font-weight:bold;
font-size:16px;
}
p#welcome {border-top:4px solid red;
			border-bottom: 1px solid red;
			border-left: 1px solid red;
			border-right:1px solid red;
			background-image:url(../Images/sintra300bg4.jpg);
			
}
p#notice {
text-align:center;
font-weight:bold;
font-size:24px;
}
p#user{
text-align:right;
font-weight:normal;
font-size:14px;
color:#999999;
}
p#error {
color:#FF0000;
}
p#guidance {
text-align:left;
font-weight:normal;
font-size:12px;
}
p#del_inst {
text-align:left;
font-weight:bold;
font-size:12px;
}
p#result{
text-align:left;
font-weight:bold;
font-size:18px;
color:#FF0000;
}
a:link#sn {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	font-size:16px;	
	font-style:normal;
	text-decoration:none;
	text-align:center;
}
a:visited#sn {
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	}
a:hover#sn {
	background-color:#FFFFFF;
	color:#FF0000;
	font-size:larger;
	}	
p#left{
text-align: left;
}
/*
*   Top navigation Panel
*/
#panel {
	position: absolute;
	left: 0px;
	top: 5px;
	height: 142px;
	width: 85%;
	min-width: 700px;
	background-image: url(../Graphics/panel_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#logo {
	height:100px;
	width: 20%;
	min-width: 160px;
	position:absolute;
	left: 5px;
	top: 0px;
}
#main_nav_tabs {
	height: 50px;
	width: 72%;
	position: absolute;
	left: 22%;
	top:10px;
}
#main_tab_1 {
	height: inherit;
	width: 25%;
	position:absolute;
	left: 0px;
	top:0px;
}
#main_tab_2 {
	height: inherit;
	width: 25%;
	position:absolute;
	left: 25%;
	top:0px;	
}
#main_tab_3 {
	height: inherit;
	width: 25%;
	position: absolute;
	left: 50%;
	top:0px;
}
#main_tab_4 {
	height: inherit;
	width: 25%;
	position: absolute;
	left: 75%;
	top:0px;
}
#loop_end {
	height: 85px;
	position: absolute;
	right: 0px;
	top: 0px;
	width:10px;
	}
#side_nav {
	height: 132px;
	position: absolute;
	right: 10px;
	top: 0px;
	width: 15%;
	min-width:90px;
	text-align:center;
	}
#sec_nav_tabs {
	height:inherit;
	width: 75%;
	position: absolute;
	left: 24%;
	top: 58px;
}
#sec_tab_1 {
	height: inherit;
	width: 25%;
	position:absolute;
	left: 0px;
	top:0px;
}
#sec_tab_2 {
	height: inherit;
	width: 25%;
	position:absolute;
	left: 25%;
	top:0px;	
}
#sec_tab_3 {
	height: inherit;
	width: 25%;
	position: absolute;
	left: 50%;
	top:0px;
}
#sec_tab_4 {
	height: inherit;
	width: 25%;
	position: absolute;
	left: 75%;
	top:0px;
}
/*
* "Side Nav Panel" pages
*/
#home{
	position: absolute;
	left: 0px;
	top: 120px;
	height: 339px;
	width: 100%;
}
#paypal{
	position: absolute;
	left: 5%;
	top: 0px;
	height: 100px;
	width: 25%;
}
#welcome{
	position: absolute;
	left: 4%;
	top: 60px;
	height: 150px;
	width: 65%;
}
#home_pic{
	position: absolute;
	left: 40%;
	top: 0px;
	height: 450px;
	width: 50%;
}
#hot{
	position: absolute;
	left: -10%;
	top: 355px;
	height: 150px;
	width: 100%;
}
#legals{
	position: absolute;
	left: 7%;
	top: 140px;
	height: 339px;
	width: 85%;
}
#about{
	position: absolute;
	left: 7%;
	top: 140px;
	height: 339px;
	width: 85%;
}
#contact{
	position: absolute;
	left: 0px;
	top: 140px;
	height: 339px;
	width: 85%;
}
/*
* Main Products "Navigation" Page
*/
#products{
	position: absolute;
	left: 0px;
	top: 120px;
	height: 339px;
	width: 100%;
}
#prod_group{
	position:relative;
	left: 6%;
	top: 70px;
	height: 110px;
	width: 90%;
}
#prod_group_photo_left{
	position: relative;
	left: 0px;
	top: 0px;
	height: inherit;
	width: 15%;
}
#prod_group_photo_right{
	position: relative;
	left: 85%;
	top: 0px;
	height: inherit;
	width: 15%;
}
#prod_group_title{
	position: absolute;
	left: 20%;
	top: 30px;
	height: inherit;
	width: 60%;
}
/*
* Product Ranges (Plural) IE Designer, Traditional etc
*/
#prod_ranges_heading{
	position: absolute;
	left: 0px;
	top: 120px;
	height: 50px;
	width: 100%;
}
#prod_ranges{
	position:relative;
	left: 6%;
	top: 70px;
	height: 110px;
	width: 90%;
}
#prod_ranges_photo_left{
	position: relative;
	left: 0px;
	top: 0px;
	height: inherit;
	width: 15%;
}
#prod_ranges_photo_right{
	position: relative;
	left: 85%;
	top: 0px;
	height: inherit;
	width: 15%;
}
#prod_ranges_title{
	position: absolute;
	left: 20%;
	top: 20px;
	height: inherit;
	width: 60%;
}
/* 
* A Specific Range (Singular) IE Capri etc
*/
#a_prod_range{
	position: absolute;
	left: 40px;
	top: 120px;
	height: 339px;
	width: 100%;
	}
#a_prod_range_panel{
	position: absolute;
	left: 0px;
	top: 0px;
	height: inherit;
	width: 50%;
}
#a_prod_range_photo_1{
	position: absolute;
	left: 85px;
	top: 100px;
	height: 80px;
	width: 125px;
}
#a_prod_range_title{
	position: absolute;
	left: -40px;
	top: 0px;
	height: 40px;
	width: 400px;
}
#a_prod_range_subtitle{
	position: absolute;
	left: -40px;
	top: 45px;
	height: 40px;
	width: 400px;
}
#a_prod_range_text{
	position: absolute;
	left: 20px;
	top: 280px;
	height: inherit;
	width: 300px;
}#a_prod_range_photo_2{
	position: absolute;
	left: 50%;
	top: 0px;
	height: inherit;
	width: 50%;
}

#trolley_buttons{
	position: absolute;
	left: -90px;
	top: 380px;
	height: 145px;
	width: 58%;
	background-image: url(../Graphics/panel_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#trolley_buttons_1{
	position: absolute;
	left: 10%;
	top: 10px;
	height: 50px;
	width: 100%;
}
#trolley_buttons_2{
	position: absolute;
	left: 1%;
	top: 58px;
	height: 50px;
	width: 90%;
}
#buttons_loop_end {
	height: 85px;
	position: absolute;
	right: 0px;
	top: 0px;
	width:10px;
	}
#purchase{
	position: absolute;
	left: 10%;
	top: 120px;
	height:439px;
	width: 80%;
}
#form{
	margin: 5px;
	border-style:solid;
	border-width:thin;
	border-color:#FF0000;
	padding: 5px;
}
#compact_form1{
    position:relative;
    top: -10px;
	height: 90px;
	margin: 2px;
	border-style:solid;
	border-width:thin;
	border-color:#FF0000;
	padding: 5px;
}
#compact_form2{
    position:relative;
    top: -10px;
	height: 70px;
	margin: 2px;
	border-style:solid;
	border-width:thin;
	border-color:#FF0000;
	padding: 5px;
}
#very_compact_form{
    position:relative;
    top: -10px;
	height: 30px;
	margin: 2px;
	border-style:solid;
	border-width:thin;
	border-color:#FF0000;
	padding: 5px;
}
#submit_form{
   position:relative;
   top: -20px;
   left: 45%;
}		
#message{
	position:relative;
	top: 14px;
	margin: 5px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	padding: 10px;
		}	
#terms_window{
	position:relative;
	top: 14px;
	margin: 5px;
	width: 95%;
	height:260px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	padding: 10px;
	overflow:scroll;
}	
#guide{
	position:absolute;
	left: 46%;
	top: 412px;
	height: 46px;
	width:auto;
	margin: 5px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	background-color:#FFCCCC;
	padding: 5px;
}
#closed{
	position: absolute;
	left: 10%;
	top: 120px;
	height: 339px;
	width: 80%;
}
#del_head{
	position:absolute;
	top: 0px;
	margin: 5px;
	left: -5%;
	width: 50%;
	height:20px;
	overflow:hidden;
}
#delivery{
	position:absolute;
	top: 25px;
	margin: 5px;
	left: -5%;
	width: 45%;
	height:310px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	padding: 10px;
	overflow:hidden;
}
#delivery_info{
	position:absolute;
	top: 25px;
	margin: 5px;
	left: 50%;
	width: 45%;
	height:310px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	padding: 10px;
	overflow:hidden;
}
#addr_form{
position:absolute;
top: 35px;
margin: 1px;
left: -3%;
width: 45%;
height: 275px;
overflow:hidden;
}	
#addr_note{
position:absolute;
top: 310px;
margin: 1px;
left: -3%;
width: 45%;
height: 75px;
overflow:hidden;
}	
#payment_panel{
	position:absolute;
	top: 25px;
	left: 0%;
	margin: 5px;
	width: 55%;
	height:310px;
	border-style:solid;
	border-width:medium;
	border-color:#FF0000;
	padding: 10px;
}	
#literature{
	position: absolute;
	left: 0px;
	top: 120px;
	height: 339px;
	width: 100%;
}
#tools{
	position: absolute;
	left: 0px;
	top: 120px;
	height: 339px;
	width: 100%;
}
#national{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#local{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#internet{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#brochures{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#datasheets{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#techinfo{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}
#heat{
	position: absolute;
	left: 0px;
	top: 155px;
	height: 339px;
	width: 100%;
}

#trolley_head {
	position: absolute;
	left: -30px;
	top: 2px;
	height: 127px;
	width: 100%;
}
#trolley_body {
	position: absolute;
	left: -30px;
	top: 78px;
	height:250px;
	width: 100%;
	overflow:scroll;
}
#user {
	height: 0.3in;
	width: 250px;
	position: absolute;
	left: 40%;
	top: 0px;
}
#update_shop {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 30%;
	top: 330px;
}
#total_nett {
	height: 50px;
	width: 300px;
	position: absolute;
	left: 60%;
	top: 335px;
}
#total_vat {
	height: 50px;
	width: 300px;
	position: absolute;
	left: 60%;
	top: 355px;
}
#total_gross {
	height: 50px;
	width: 300px;
	position: absolute;
	left: 60%;
	top: 375px;
}
#debug_op {
	height: 50px;
	width: 300px;
	position: absolute;
	left: 60%;
	top: 395px;
}
#current_result {
	position: absolute;
	left: 60%;
	width: 80%;
	top: 240px;
	height: 60px;
	margin: 5px;
	padding: 10px;
	border: none;
}
#saved_result {
	position: absolute;
	left: 60%;
	width: 80%;
	top: 420px;
	height: 60px;
	margin: 5px;
	padding: 10px;
	border: none;
}
table {
	width: 100%;
	border: thin solid black;
	border-collapse: collapse;
	table-layout:auto;
}
th {
	background-color:#FF9999;
}
th, tfoot td {
	border-style:none;
	text-align: center;
	font-weight: bold;
}
tbody td {
	font-size: 100%;
	text-align: center;
}
caption {
	font-size: 90%;
	text-align: left;
}
td, th, caption {
	padding: 3px;
}
tr#odd{
	background-color:#FFCCCC;
}
tr#even{
	background-color:#FFFFFF;
}
col#Trolley_Item{
	width: 150px;
}
col#Trolley_Item_Description{
	width: 300px;
}
col#Trolley_Item_Price{
	width: 50px;
}
col#Trolley_Item_Quantity{
	width: 50px;
}
col#Trolley_Item_Total{
	width: 100px;
}
col#Trolley_Item_VAT{
	width: 100px;
}
table#deladdr {
	width: 100%;
	border: none;
	border-collapse: collapse;
	table-layout:auto;
}
table#ppal {
	width: 100%;
	border: none;
	border-collapse: collapse;
	table-layout:auto;
}
table#acc_info {
	width: 100%;
	border: none;
	border-collapse: collapse;
	table-layout:auto;
}