/* (c) visarc 2007 */

body
{
  font-family: Arial;
  font-size: 8pt;
  background-color: #d8e3eb;
  text-align: center; /* ie */
  margin: 20px 0px 20px 0px;
  overflow: -moz-scrollbars-vertical; /* ff */
}

a, td, li, label, h1, h2, h3
{
  font-size: 100%;
  color: #0079BE;
}

h1, h2, h3, img, ul
{
  margin: 0px;
  padding: 0px;
  border: none;
}

img
{
  border: none;
  margin: 0px;
  padding: 0px;
}

p
{
  margin-top: 0px;
  margin-bottom: 10px;
  color: #000000;
}

a, a:hover
{
  text-decoration: none;
  font-weight: bold;
}

dl
{
  margin: 0px;
}

dt
{
  font-weight: bold;
}

dd
{
  margin: 5px 0px 10px 20px;
}

select
{
  font-size: 8pt;
  font-family: arial;
}

/* main layout div */

#page
{
  width: 810px;
  margin-left:auto;
  margin-right: auto;
  text-align: left; /* ie */
  background: transparent url(/_images/bg-repeat.jpg) repeat-y top left;
  overflow: hidden;
}

/* header / logo */

#header
{
  background: transparent url(/_images/bg-header.jpg) no-repeat top left;
  width: 810px;
  height: 132px;
}

#flash
{
  width: 569px;
  height: 80px;
  background-color: #ffffff;
  position: relative;
  left: 220px;
  top: 10px; 
}

/* strip menu */

#menu
{
  background: transparent url(/_images/bg-menu.jpg) no-repeat top left;
  width: 810px;
  height: 29px;
  text-align: center;
}

#menu ul
{
  position: relative;
  top: 8px;
  list-style: none;
}

#menu li
{
  display: inline;
}

#menu a, #menu a:hover
{
  font-weight: normal;
  white-space: nowrap;
  color: #ffffff;
  padding: 0px 7px 0px 7px;
}

/* submenu */

#submenu
{
  background: transparent url(/_images/bg-submenu.jpg) no-repeat top left;
  width: 810px;
  height: 28px;
  text-align: center;
  padding-top: 8px;
}

#submenu ul
{
  list-style: none;
}

#submenu li
{
  display: inline;
}

#submenu a, #submenu a:hover
{
  font-weight: normal;
  white-space: nowrap;
  color: #ffffff;
  padding: 0px 10px 0px 10px;
}

.hoverMenu
{
  width: 150px;
  position: absolute;
  left: 0px;
  display: none;
  margin-top: 22px;
  margin-left: 5px;
  text-align: left;
  z-index: 20;
  padding: 0px 5px 5px 5px;
  background: #87a9c5 url(/_images/bg-hovermenu.jpg) no-repeat 0px 0px;
}

.hoverMenu a
{
  display: block;
  line-height: 18px;
}

.active
{
  font-weight: bold !important;
}

/* content */

#content
{
  background: transparent url(/_images/bg-content.jpg) no-repeat top left;
  width: 810px;
  min-height: 552px;
  padding: 10px 50px 0px 50px;
  margin-top: -8px; /* fiddled because of submenu.ul nastiness */
}

* html body #content
{
  height: 552px;
}

#innerContent
{
  width: 696px;
}

/* footer */

#footer
{
  clear: both;
  background: transparent url(/_images/bg-bottom.jpg) no-repeat bottom left;
  width: 810px;
  height: 72px;
  text-align: center;
}

#footer ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 45px;
}

#footer li
{
  display: inline;
  color: #ffffff;
}

#footer a, #footer a:hover
{
  color: #ffffff;
  padding: 0px 5px 0px 5px;
  font-weight: normal;
}

/* column layout */

#full_page
{
  width: 696px;
  padding: 15px 110px 5px 15px;
  clear: both;
}

#header-top
{
  width: 440px;
  padding: 15px 0px 5px 15px;
  float:left;

}

#header-right
{
  width: 232px;
  padding: 15px 80px 5px 0px;
  float:right;
}


#half_column_left
{
  width: 330px;
  padding: 0px 15px 0px 15px;
  float: left;
}
#half_column_right
{
  width: 330px;
  padding: 0px 15px 0px 15px;
  float: left;
}

#column_left
{
  width: 210px;
  padding: 0px 15px 0px 15px;
  float: left;
}
#column_middle
{
  width: 210px;
  padding: 0px 15px 0px 15px;
  float: left;
}
#column_right
{
  width: 210px;
  padding: 0px 15px 0px 15px;
  float: left;
}

/* Page content display */

a.content{text-decoration:underline;}
a.content:link{color:#0079be}a.content:visited{color:#0079be}
a.content:hover{color:#173c71;}a.content:active{color: #0079be}

a.header{font-family:Arial;font-size:11px;text-decoration:none;}
a.header:link{color:#0079be}a.header:visited{color:#0079be}
a.header:hover{color:#173c71; text-decoration:underline}a.header:active{color: #0079be}

.ul_content
{
  list-style-type: disc;
  margin:0px;
  padding:0px 0px 16px 20px;
 
}

.li_content
{
  list-style-type: disc;
  margin: 0px;
  padding: 0px;

}

.ul_flex
{
list-style-image:url(/_images/dash.jpg);
  margin: 10px;
  padding: 10px;
  position: relative;
}

.li_flex
{
  list-style-type: disc;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  position: relative;
}

.clear
{
  clear: both;
  height: 0;
  font-size: 0;
}

/*coloured titles*/

.large-title
{
  font-size: 16px;
  color: #173c71;
  font-weight:bold;
}

.large-doge
{
  font-size: 16px;
  color: #dc2025;
  font-weight:bold;
}

.large-modular
{
  font-size: 16px;
  color: #fe9933;
  font-weight:bold;
}

.large-magnus
{
  font-size: 16px;
  color: #3d685e;
  font-weight:bold;
}

.large-form
{
  font-size: 16px;
  color: #e36d24;
  font-weight:bold;
}
.large-tilt
{
  font-size: 16px;
  color: #044e91;
  font-weight:bold;
}

.large-mini
{
  font-size: 16px;
  color: #e3004f;
  font-weight:bold;
}

.large-hydroflex
{
  font-size: 16px;
  color: #DDC2A2;
  font-weight:bold;
}

.large-overnight
{
  font-size: 16px;
  color: #00865d;
  font-weight:bold;
}
.title01
{
  font-size: 12px;
  color: #007abd;
  font-weight: bolder;
   margin-bottom: 10px;
}

.blue
{
	color: #007abd;
}

.title-magnus
{
  font-size: 12px;
  color: #3d685e;
  font-weight: bolder;
}

.title-modular
{
  font-size: 12px;
  color: #fe9933;
  font-weight: bolder;
}

.title-doge
{
  font-size: 12px;
  color: #DC2025;
  font-weight: bolder;
}

.title-tilt
{
  font-size: 12px;
  color: #044e91;
  font-weight: bolder;
}

.title-foam
{
  font-size: 12px;
  color: #e26d24;
  font-weight: bolder;
}

.title-mini
{
  font-size: 12px;
  color: #e3004f;
  font-weight: bolder;
}


.title-hydroflex
{
  font-size: 12px;
  color: #DDC2A2;
  font-weight: bolder;
}

.title-overnight
{
  font-size: 12px;
  color: #00865d;
  font-weight: bolder;
}

.title-huggle
{
  font-size: 12px;
  color: #986baf;
  font-weight: bolder;
}


.bodytext
{
  padding-left: 15px;
}

#disc_box
{
  height: 91px;
  width: 670px;
  padding: 10px 55px 10px 0px;
}

#chair_box
{
  height: 91px;
  width: 670px;
  padding: 5px 55px 5px 0px;
  min-height:120px; /*ie6/7  fix*/

}


#home_box_sub
{
  height:80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/box-home.jpg);
  background-position: left;
  background-repeat: no-repeat;
 
}

#home_box_move
{
  height:80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/box-home.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
  }

#home_box_text_move
{
  height: 80px;
  width: 95px;
  margin-left: 115px;
   cursor: pointer;
}

#home_box_form
{
  height: 80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/content/box-home-form.jpg);
  background-position: left;
  background-repeat: no-repeat;
   cursor: pointer;
}

#home_box_tilt
{
  height: 80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 14px 0px 15px 0px;
  background-image: url(/_images/2009update/buyequ.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
}

#home_box_huggle_more
{
  height: 72px;
  width: 448px;
  padding: 15px 0px 15px 0px;
  margin: 15px 0px 15px 0px;
  background: url(/_images/2009update/home-bg.jpg) top left;
  cursor: pointer;
}

#home_box_huggle
{
  height: 156px;
  width: 200px;
  padding: 15px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  background: url(/_images/2009update/HuggleBox.jpg) left top no-repeat;
  cursor: pointer;
}

#home_box_brochure
{
  height: 80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/content/box-home-brochure.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
}

#home_box_down
{
  height: 90px;
  width: 180px;
  padding: 20px 0px 15px 15px;
  background-image: url(/_images/content/box-home-down.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
}

#home_box_down_instruct
{
  height: 250px;
  width: 180px;
  margin-top:35px;
  padding: 10px 0px 15px 15px;
  background-image: url(/_images/content/box-home-instruct.jpg);
  background-position: left top ;
  background-repeat: no-repeat;
  cursor: pointer;
}

#home_box_text_down
{
  height: 80px;
  width: 95px;
  margin-left: 70px;
   cursor: pointer;
}

#home_box_text
{
  height: 80px;
  width: 95px;
  margin-left: 90px;
   cursor: pointer;
}

#home_box_newsletter
{
  height: 135px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/box-newsletter.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor:hand; 
}

#newsletter_inner
{
  position: absolute;
  top: 740px;
  background: transparent url(/_images/box-newsletter-fields.jpg) no-repeat top left;
  padding-top: 9px;
  padding-left: 10px;
  width: 200px;
}

#newsletter_inner label
{
  color: #ffffff;
  width: 50px;  
  line-height: 15px;
  position: relative;
  display: block;
  margin-left: 5px;
}

#newsletter_inner input 
{
  margin-left: 40px;
  width: 95px;
  height: 12px;
  margin-bottom: 7px;
  margin-top: -17px;
}

.newsletter_ok
{
  width: 22px;
  height: 14px;
  position: absolute;
  top: 804px;
  margin-left: 159px;
}

#home_box_move
{
  height:80px;
  width: 200px;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 15px 0px;
  background-image: url(/_images/box-home.jpg);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
  }

#home_box_text_move
{
  height: 80px;
  width: 95px;
  margin-left: 115px;
   cursor: pointer;
}

.leftColumn
{
  width: 236px;
  float: left;
}
/* column layout */



.middleColumn
{
  width: 236px;
  float: left;
  margin-left: 11px;
}

.rightColumn
{
  float: right;
  width: 250px;
}

.spacer
{
  height: 8px;
}

/* margin form */

.marginForm label
{
  width: 380px;
  height: 24px;
  line-height: 24px;
  display: block;
  font-weight: bold;
  background: #ffffff url(/_images/bg-field.jpg) no-repeat top left;
  padding-left: 10px;
  font-size: 8pt;
  font-weight: bold;
  margin-bottom: -10px;
}

.short
{
  margin-left: 80px;
  background: #ffffff url(/_images/bg-field-shorter.jpg) no-repeat top left !important;
  width: 310px !important;
}

.larger
{
  background: #ffffff url(/_images/bg-textarea.jpg) no-repeat top left !important;
  height: 120px !important;
  margin-bottom: -105px !important;
}

.marginForm input
{
  width: 200px;
  height: 15px;
  position: relative;
  left: 150px;
  top: -13px;
  border: none;
  color: #000000;
  font-family: helvetica, arial, sans-serif;
  font-size: 8pt;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0px 0px 4px;
  background-color: #ffffff !important;
}

.marginForm textarea
{
  width: 200px;
  height: 112px;
  position: relative;
  left: 150px;
  top: -13px;
  border: 0px;
  color: #000000;
  font-family: helvetica, arial, sans-serif;
  font-size: 9pt;
  padding: 2px 0px 0px 4px;
  background-color: #ffffff !important;
}

.marginForm select
{
  position: relative;
  width: 205px;
  height: 17px;
  font-family: helvetica, arial, sans-serif;
  font-size: 8pt;
  margin-top: 2px;
  left: 150px;
  top: -14px;
  background-color: #ffffff !important;
}

.checkbox
{
  width: auto !important;
  text-align: left;
}

.radiobutton
{
  width: auto !important;
  text-align: left;
}


/* ecommerce bits  - to be tidied! */

.shop_basketColumn
{
  float: left;
  width: 185px;
}

.shop_content
{
  margin-left: 200px;
}

.basketField {
  background: #ffffff url(/_images/bg-basket-field.jpg) no-repeat top left;
  height: 25px;
  margin-bottom: 2px; 
}

.basketField label {
  font-weight: bold;
  line-height: 25px;
  padding-left: 8px;
  position: absolute;
}

.basketField input {
  width: 100px;
  margin-top: 4px;
  margin-left: 70px;
  font-size: 8pt;
  border: 0px;
  background-color: #ffffff !important;
}

.miniBasket 
{
  float: right;
  margin-top: -35px;
  margin-right: 75px;
  position: relative;
}

* html body .miniBasket  /* ie6 */
{
  margin-right: 35px;
  position: relative;
  /* why? i don't really know! */
}

.miniBasket a, .miniBasket a:hover, .miniBasket td
{
  color: #ffffff; 
}

.error
{
  border: solid 2px #ff0000 !important;
  background: #ffffff url(/_images/icon-error.png) no-repeat center right;
}

    #tablebulletpoints, tr
    {
    	vertical-align:top;
    }
	
	  #tablebulletpoints td
    {
    	text-align:left;
    }
	
	
    #divbulletpoints
    {
        width: 210px;
        padding: 0px 15px 0px 15px;
		float:left;
		clear:left;
    }
    .intro
    {
    	color: #000000 !important;
    }
    .bsstandard
    {
    	text-align: center;
    	font-size: 7pt !important;
    }