/* Adjust defaults */
#doc4 {
  width: 980px;
  color: #58595b;
  font-family: Arial, Veranda;padding-top:10px;
}
.yui-t2 .yui-b {
  width: 200px;  /* Make left column wider */
}
.yui-t2 #yui-main .yui-b {
  margin-left: 210px;  /* Move main content to right after left column width change. */
}
/* Corporate home page columns */
.yui-t6 .yui-b {
  /*width: 280px;*/  /* Make right column narrower, to fit Flash. */
}


/* Header */
#hd {
  height: 44px;
/*height: 100%;*/  /* Needed for IE6 because of floated child elements. */
  background: url(images/header-bg.png) top left no-repeat;
  overflow: hidden;  /* For IE6 because of floated #logo and #strapline below. */
}
#logo {
  float: left;
  padding-left: 15px;
  padding-top: 9px; /* (44px [height of #hd] - 26px [height of logo] ) / 2) */

  background: url(images/crowley-jones-logo.png) no-repeat;
  width: 192px;
  height: 27px;
  margin-left: 15px;
  /*_margin-left: 7px;*/ /* Fix for IE6 double margin bug. */
  margin-top: 9px;
}
#strapline {
  float: left;
  padding-left: 0px;
  padding-top: 9px;

  background: url(images/innovative-products.png) no-repeat;
  width: 185px;
  height: 26px;
  margin-left: -4px;  /* Set to -1px for Firefox to make sure #nav does not disappear. */
  margin-top: 9px;
}
#nav {
/*margin-top: 12px;*/ /* Needed for Firefox vertical centering but breaks IE7. */
  /*height: 44px;*/
}
#nav ul {
  /*text-align: right;*/
  margin: 0;
  padding: 0;
  float: right;
  /*margin-top: 15px;*/
  /*padding-top: 15px;*/
  /*padding-bottom: 10px;*/
/*  height: 44px;*/
  line-height: 44px; /* Vertically centres text. */
  /* position and top are liked by FF but not IE. */
  /*position: relative;
  top: 15px;*/
}
#nav ul li {
/*zoom: 1;*/
/*height: 44px;*/
  display: inline;
  border-left: 1px solid #5a6a6a;
  padding-left: 10px;
  padding-right: 10px;
padding-top: 13px;
padding-bottom: 13px; 
/*margin-top: 15px;*/
/*padding-bottom: 44px;*/ /* Hack to make left border extend to bottom. */
  /*margin-top: 15px;*/
  font-family: "Trebuchet MS";
  font-size: 16px;
  /*font-weight: normal;*/
}
#nav ul li a {
  color: #555;
  text-decoration: none;
}
#nav ul li a:hover {
  color: #ff0000;
}

/* Main Content */
#bd {
  margin-top: 0px;
}
#main-content {
  position: relative;
}

/* Product images */
.product-logo {
  display: block;  /* Force later images to be below the logo. */
  height: 153px;
}
#brite-brush-logo, #brite-brush-flashlight-logo {
  padding-top: 32px;  /* 153 - 90 [height of logo] = 63 / 2 = ~32px */
}
#comfort-logo {
  padding-top: 53px;  /* (153-48)/2 = 53px */
}
#dino-blasters-logo, #lulla-bear-logo {
  padding-top: 20px; /* (153-113)/2 = 20px */
}
#runnur-logo {
  padding-top: 42px; /* (153-70)/2 = ~42px */
}
#wings-logo, #mini-wings-logo {
  padding-top: 30px; /* (153-94)/2 =~ 29px */
}
#convectionware-logo {
  padding-top: 36px; /* (153-82)/2 =~ 36px */
}
#eye-vac-logo {
  padding-top: 29px; /* (153-96)/2 =~ 29px */
}
#reach-broom-logo {
  padding-top: 29px; /* (153-95)/2 = 29px */
}
#reach-plus-logo {
  padding-top: 28px; /* (153-97)/2 = 28px */
}

.product-image {
  /*float: left;*/
  margin-top: 0px;
  height: 275px;
  overflow: hidden;
}
/*#wings-product-image {
  height: 275px;
}*/
.product-description {
  width: 530px;
  font-family: Arial, Veranda;
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
  /*padding-left: 30px;*/
  color: #464646;
  /*float: left;*/ /* Without this FF puts block below product-image. */
}
.product-description a {
  /*text-decoration: none;*/
  color: #ff0000;
}

/* Product Features box on right. */
/* Lulla Bear & Convectionware info too tall so create a new id and change line-height of p. */
#product-info, #lulla-bear-product-info, #convectionware-product-info {
/*margin-top: 20px;*/
position: absolute;
right: -5px;  /* Right align the right edge with right edge of header. */
top: 0px;
  width: 200px;
  height: 677px;
  background: url(images/product-info-bg-full.png) top center no-repeat;
  font-size: 10px;
  color: #252525;
  padding-left: 10px;
  padding-bottom: 30px;
}
#product-info h2, #lulla-bear-product-info h2, #convectionware-product-info h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11px; /* 10px in PSD but does not appear in bold at 10px. */
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 10px;
  padding-top: 5px;
  /*width: 100%;*/
}
#product-info p, #lulla-bear-product-info p, #convectionware-product-info p {
  width: 160px;
  padding-left: 10px;
  font-size: 11px;  /* 10px in PSD */
  line-height: 16px; /* 16px in PSD */
}
/* Lulla Bear & Convectionware info too tall so change line-height of p. */
#lulla-bear-product-info p {
  line-height: 15px;
}
#convectionware-product-info p {
  line-height: 14px;
}
/* Left column */
/* Product list */
#products-list {
/*margin-top: 20px;*/
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /*width: 196px;*/
  height: 183px;
  background: #da2f35 url(images/left-menu-bg.png) top left no-repeat;
  /*font-family: Arial, Veranda;*/
  /*font-weight: bold;*/
  color: white;
  /*padding-bottom: 50px;*/
}
#products-list h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  padding-left: 14px;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff; /* Some borders #d4d4d4! */
  /*width: 100%;*/
}
#products-list ul {
  margin-top: 0;
  padding-top: 0;
  margin-left: 14px;
  margin-bottom: 10px;
}
#products-list li {
  list-style: none;
  /*background: url(images/product-list-bullet.png) left 6px no-repeat;
  padding-left: 22px;*/
  line-height: 22px;
}
#products-list a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
#products-list a:hover {
  text-decoration: none;
  color: yellow;
}
#products-list a.current {
  color: #dfde11;
}

#store-link {
  margin-top: 14px;
}

/* Corporate pages */
.corporate-colour {
  color: #de3a40;
}
.corp-page {
  margin-top: 73px;
}
.corp-left {
  float: left;
  /*margin-bottom: 30px;*/ /* Moved to .strap2 for IE */
}
.corp-right {
  float: right;
  margin-left: -100px; /* Eeek, not sure why this is needed. */
}
.strap1, .strap2 {
  font-family: "Trebuchet MS";
  font-size: 23.8px;
  line-height: 30.6px;
  color: #df373c;
}
.strap1 {
  margin-top: 20px;
  margin-left: 47px;
  margin-bottom: 0;
}
.strap2 {
  margin-top: 10px;
  margin-left: 235px;
  margin-bottom: 30px;
}
#design-strap1 {
  margin-left: 67px;
}
#design-strap2 {
  margin-left: 187px;
}
#deliver-strap1 {
  margin-left: 30px;
}
#deliver-strap2 {
  margin-left: 80px;
}
/*#crowley-jones-home-flash {
}*/
/*.overview {
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 5px;
}*/
.home-left {
  width: 570px;
}
#home-movie {
  padding-bottom: 3px;
}
.home-right {
  width: 386px;
  padding-top: 62px;
}
.home-right p {
  margin-top: 0px;
  margin-bottom: 20px;  /* Need 27px; Other 7 from somewhere else. */
}
.products-left, .design-left, .build-left {
  width: 570px;
}
.products-right, .design-right, .build-right, .deliver-right {
  width: 395px;
}
.design-right {
  margin-top: 47px; /* 73px (.corp-page) - 26px = 47px */
}
.build-right {
  margin-top: 16px;
}
#deliver-image {
  padding-bottom: 0px;
}
.deliver-right {
  margin-top: 136px;
}
/*#home-strapline,*/ #products-strapline {
  margin-top: 30px;
  margin-bottom: 30px;
}
.company-description {
  font-size: 12px;
  line-height: 18px;
  color: #585861;
}
/*#products-description, #design-description {
  font-size: 14px;
  color: #585861;
}*/
.distribution-info, .development-info, .manufacturing-info, .press-info {
  line-height: 18px;
  font-size: 12px;
}
.numbered-list {
  line-height: 1.5;
}
/*ul.press-list {
  margin-left: 0;
}
.press-list li{
  list-style-type: none;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.press-list a {
  color: #de3a40;
}
.press-list a:visited {
  color: #aa3692;
}*/
/* Contact page */
.yui-gd {
  margin-top: 42px;
  height: 488px;  /* Set height to make bottom red bar line up with other pages. */
}
#contact-details {
  width: 31%;  /* Minutely more narrow for right border. */
  border-right: 1px solid #ccc;
}
#contact-addresses {
  margin-left: 74px;
}
#contact-addresses h2 {
  font-size: 13px;
  margin-bottom: 1px;
}
#contact-addresses p {
  font-size: 12px;
}
#contact-form {
}
.enquiry-form {
  padding: 5px;
}
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
  width: 550px; /*width of form rows*/
  overflow: hidden;
  padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
  float: left;
  width: 150px; /*width of label (left column)*/
  margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
  float: left;
  margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
  width: 300px;
  background-color: #fff;
  border: 1px solid #ccc;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
  width: 300px;
  height: 150px;
  background-color: #fff;
  border: 1px solid #ccc;}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
  margin-top: 5px; /*space above buttonsdiv*/
}
div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
  width: 80px;
  background: #e1dfe0;
}
.required {
  color: #de3a40;
}

/* Footer */

	
#footer-ticker {
  height: 32px;
  background: url(images/footer-ticker.png) top left no-repeat;
}
#footer-buttons {
  margin-top: 10px;
}
#footer-buttons td {
  border-width: 0px;
  padding-left: 3px;
}
/* Footer drop UP menus */
ul#products-nav,ul#products-nav ul {
    margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;

}
ul#products-nav li {
	position: relative;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
   list-style: none;
}	
#products-nav li ul {
	position: absolute;
	left: 0; 
	bottom:30px;
	margin-left:-999em;
  background-color: #da2f35;
  border: 1px solid #ccc;


}
#products-nav li ul li{
  background: url(images/product-list-bullet.png) left 6px no-repeat;
  margin-left: 10px;
  padding-left: 22px;
  line-height: 17px;
}

#products-nav li ul ul{
	position: absolute;
	left:100%; 
	bottom: 0;
}

/* Styles for Menu Items */
ul#products-nav li a {
	display:block;
	text-decoration: none;
	color: #000;
	height:30px;
	line-height:30px;
}
ul#products-nav li li{clear:left}

/* set dropdown to default */
#products-nav li:hover li a,#products-nav li.over li a {
   color: white;
}
ul#products-nav li:hover ul ul, ul#products-nav li:hover ul ul ul {
margin-left:-999em;

}

ul#products-nav li:hover ul,ul#products-nav li li:hover ul,ul#products-nav li li li:hover ul, ul#products-nav li.over ul, ul#products-nav li li.over ul,ul#products-nav li li li.over ul {
margin-left:0;
}