body {padding: 0 0 0 0; margin:0 0 0 0; background-color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#main {width:956px; margin:auto; padding: 0 0 0 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
#header {position:relative; margin-left:2px}
.search {position:absolute; top:20px; left:775px; width:174px;}
#helpquery {margin:0px; float:left;  padding:0;}

#menu {position:absolute; top:58px; left:273px; width:681px}
#menu a { position:relative; float:left; display:block; padding: 8px 15px 0 15px; height:23px; line-height:23px; font:Arial, Helvetica, sans-serif; font-size:14px; background-image:url(http://www.havelockcontrols.co.uk/images/menuline.gif); background-position:left; background-repeat:no-repeat; color:#1e385e; text-decoration:none; text-align:center;}
#menu a.home {background-image:none}
#menu a:hover, #menu a.home:hover, #menu a.on  {background-image:url(http://www.havelockcontrols.co.uk/images/menubg.jpg); background-repeat:repeat-x; color:#FFFFFF;}
a:hover {text-decoration:none}

#nav_boxes {position:relative; height:85px; width:956px; margin-bottom:14px}

#content {position:relative; width:937px; top:0px; margin:0px; margin:auto;}
#page_body {margin:0px 0 0 14px; width:690px; position:relative; padding-bottom: 10px;
min-height:660px}


h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1e385e;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1e385e;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1e385e;}
li {list-style-position:outside;list-style-image:url(http://www.havelockcontrols.co.uk/images/bullet.gif);line-height: 20px; margin-left:15px;	font-weight: bold;	color: #003366;}
a, b {color:#1C487C;}
p {padding-left:30px; padding-right:30px}

.searchbox {font-family:Verdana,sans-serif; color:#777777; border:#6A798C 1px solid; height:18px; line-height:18px; width:119px; #width:117px}
.search_button_top {position:absolute; top:0px; #top:1px; left:121px}

.listobject {width:200px; height: 170px; float:left; border:1px solid #ededed; text-align:center; margin:10px 5px 10px 5px; padding:5px;}
.listobject h2 {text-decoration:none; height:24px;}
.listobject a {height:24px; text-decoration:none;}
.listobject img {border:0px; max-height: 160px; max-width: 190px;}

.related-image { height:100px; width: 100%; }
.related-image img { #position: relative; align: center; }

.home_features {position:relative; width:690px; height:448px; border-left:1px solid #d2d2d2; margin-top:20px}
.feature {position:relative; width:171px; height:224px; border-right:1px solid #d2d2d2; font-size:13px; line-height:16px;  float:left}
.feat_imag {position:absolute; width:110px; height:110px; top:0px; left:30px; text-align:center; line-height:110px; display:table}
.outer {display:table-cell; vertical-align:middle; #position:absolute; #top:50%; #left:50%;}
.inner {#position:relative; #width:auto; #height:auto; #left:-50%; #top:-50%}

.inserted{	width: expression( document.body.clientWidth > ? "110px" : "auto" );
   height: expression( document.body.clientHeight >  ? "110px" : "auto" );
   max-width: 110px; /* this sets the max-width value for all standards-compliant browsers */
   max-height:110px;
}

.inserted_detl{
   overflow: hidden; /* hack for IE6 JNG 29/05/2008 */
}

 

#homelist {line-height:18px; position:relative; border:1px solid #8CB3DD; margin:30px auto 30px auto; width:626px; padding-top:10px}
#homelist .title {font-size:14px}

#homelist2 {line-height:18px; position:relative; border:0px solid #8CB3DD; margin:30px auto 30px auto; width:626px; padding-top:10px}
#homelist .title {font-size:14px}

.addressBox {border:1px solid #8CB3DD; width:380px;  padding-bottom:5px;  margin:auto}

.christmasBox {color: #fff; border:1px solid #FF6666; width:500px;  padding-bottom:5px;  margin:auto}
.christmasBox p {color: #FF3333; margin:5px; padding:0px 10px 0px 15px}
.christmasBox h2 {font-size:16px; margin:0px 0px 9px 0px; padding:6px 10px 5px 10px; text-align:center; display:block; background-color: #FF3333; color: #FFFFFF;}

.homeImageBox {width:380px;  padding-bottom:5px;  margin:auto}

.addressBox p {margin:5px; padding:0px 10px 0px 15px}
.addressBox h2 {font-size:16px; margin:0px 0px 9px 0px; padding:6px 10px 5px 10px; text-align:center; display:block; background-color: #5284b9; color: #FFFFFF;}

.class_img {margin:0 10px 10px 0}

.feat_imag img {margin:auto}
.feat_info {position:absolute; left:5px; top:115px; width:160px; text-align:center; font:Arial, Helvetica, sans-serif; }
.title {color:#b90c21;}
.feat_price {position:absolute; left:0px; top:180px; text-align:center; width:171px}
.more_info {position:absolute; left:22px; top:201px; width:135px; font-size:13px}
.more_info a {text-decoration:none;}

.listing-list {position:relative; width:100%; margin-top:20px; height:115px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding-top:5px}
.listing {position:relative; width:100%; margin-top:20px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding-top:5px}
.list_info {position:absolute; left:170px; top:0px; height:110px; line-height:18px; border-left:1px solid #d2d2d2; width:515px; padding:5px 0 5px 0px}
.list_buy {position:absolute; left:349px; top:65px; width:193px; height:50px; }
.list_buy input {font-size:12px; font-family:Verdana, "Segoe UI Bold",sans-serif; color:#777777;}

#details {position:relative; width:690px; height:300px}
.detl_img {position:relative; float:left; width:300px; height:300px; border:1px solid #d2d2d2; margin-right:20px; display:table; text-align:center;}
.detl_info {position:relative; width:350px;}
.purch_button {position:absolute; top:252px; left:321px; width:193px; height:50px}

.clip_cells, .clip_cells_right {border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2}
.clip_cells_right {border-right:0px}

/*right panel*/
#right_panel {position:relative; float:right; width:222px; margin-bottom:20px; height:550px}
.trolley {position:absolute; left:165px; top:10px}
.account {margin-bottom:14px; border:1px solid #a85ccd; width:210px; padding:5px}
.arrow {position:absolute; left:170px; top:139px; _top:146px}
#right_panel h2 {color:#1C487C; margin:5px 3px 3px 10px; font-size:14px}
#right_panel p {padding:2px 10px 2px 10px; margin:5px 0px 5px 0px}
#right_panel img {margin-bottom:14px; border:0}
p.heading {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1e385e; text-align:center; padding-left:0px!important; padding-right:0px!important}
.number {font-family:Arial, Helvetica, sans-serif; text-align:center; padding-left:0px!important; padding-right:0px!important; font-size:24px; color:#5882b8; margin-top:5px}
.minibask {position:relative; margin-bottom:76px; height:45px; width:222px; line-height:15px; }

#addressBox_right {border:1px solid #8CB3DD; width:221px;  padding-bottom:5px; }
#ipodBox_right {border:1px solid #8CB3DD; width:221px;  padding-bottom:0; margin-bottom: 0; }
#ipodBox_right img {margin: 0;}
#addressBox_right h2 {font-size:16px; color: #FFFFFF; margin:0px 0px 9px 0px!important; padding:6px 10px 5px 10px; display:block; background-color:#5284b9}

#footer {position:relative; height:42px; background-color:#e8e8e8; border-top:1px solid #d2d2d2; font-size:10px; line-height:21px; width:956px; text-align:center; margin:auto; clear:right; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}

#cataloguedisclaimer {
	color: #1e3854; 
	font-style:italic;
	font-size: 9px;
	padding: 15px 0 20px 45px;
	width: 650px;
}

/*jbult*/
div.popup { z-index: 9999; }

div.popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 400px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #206040;
  cursor:  default;
  background-color:white;
  margin-bottom: -10px;
}

div.popup div.menu_form_body
{
  width: 400px;
  border: 1px solid black;
  background-color:white;
  border-top: none;
}

div.popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.popup form
{
	margin:  0px;
	line-height:20px;
	text-align:left;
}

div.popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.popup input.btn,div.popup .btn
{
	margin-top: 2px;
	border: none;
	background-color: white;
	font-weight: bold;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	margin: 20px;
	cursor:pointer;
}

div.popup p{
	font-weight: bold;
}

div.popup ul li{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	color:black;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;	
}
div.popup ul {
	list-style-type: none;
}

#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: black;
	display: none;
}