/************************************************/
/*
  - Designer Trays formatting styles
  - 
  - File: formatting.css
  - Desc: This will only have styles that directly affect the formatting of elements/etc
  - No positioning styles will be held in here
  
/***********************************************/
body {
	background-color: #DCDFE6;
}
.hideme {
	display: none;
	visibility: hidden;
}

#outer-wrapper, #inner-wrapper {
	background-color: #ffffff;
}

/* header styles start */
#header {
	background-color: #ffffff;
	background-image: url(../images/header-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#header p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0051A0;
	text-transform: capitalize;
}
/* header styles end */

#banner {
	background-color: #ffffff;
}

/* navigation styles start */
#nav-wrapper {
	background-color: #ffffff;
}

ul#nav li.list1 {background: transparent url(../images/nav/home.jpg);}
ul#nav li.list2 {background: transparent url(../images/nav/features.jpg);}
ul#nav li.list3 {background: transparent url(../images/nav/installation.jpg);}
ul#nav li.list4 {background: transparent url(../images/nav/technical.jpg);}
ul#nav li.list5 {background: transparent url(../images/nav/product-range.jpg);}
ul#nav li.list6 {background: transparent url(../images/nav/stockists.jpg);}
ul#nav li.list7 {background: transparent url(../images/nav/contact.jpg);}

#nav a {display:block; width:164px; height:0; padding-top:30px; color:#000; overflow:hidden;}

#nav a#item1 {background:transparent url(../images/nav/home-over.jpg) -166px -32px no-repeat;}
#nav a#item2 {background:transparent url(../images/nav/features-over.jpg) -166px -32px no-repeat;}
#nav a#item3 {background:transparent url(../images/nav/installation-over.jpg) -166px -32px no-repeat;}
#nav a#item4 {background:transparent url(../images/nav/technical-over.jpg) -166px -32px no-repeat;}
#nav a#item5 {background:transparent url(../images/nav/product-range-over.jpg) -166px -32px no-repeat;}
#nav a#item6 {background:transparent url(../images/nav/stockists-over.jpg) -166px -32px no-repeat;}
#nav a#item7 {background:transparent url(../images/nav/contact-over.jpg) -166px -32px no-repeat;}

#nav a#item1:hover {background-position:0 0; z-index:50;}
#nav a#item2:hover {background-position:0 0; z-index:50;}
#nav a#item3:hover {background-position:0 0; z-index:50;}
#nav a#item4:hover {background-position:0 0; z-index:50;}
#nav a#item5:hover {background-position:0 0; z-index:50;}
#nav a#item6:hover {background-position:0 0; z-index:50;}
#nav a#item7:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:30px; he\ight:0;}

#nav a#item1.selected {background-position:0 0; z-index:50;}
#nav a#item2.selected {background-position:0 0; z-index:50;}
#nav a#item3.selected {background-position:0 0; z-index:50;}
#nav a#item4.selected {background-position:0 0; z-index:50;}
#nav a#item5.selected {background-position:0 0; z-index:50;}
#nav a#item6.selected {background-position:0 0; z-index:50;}
#nav a#item7.selected {background-position:0 0; z-index:50;}

/* navigation styles end */

#product-range-wrapper {
	background-color: #ffffff;
}
#product-range-wrapper h1 {
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #0051A0;
	text-align: left;
	text-transform: lowercase;
}
#product-range-wrapper h2 {
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0051A0;
	text-align: left;
	text-transform: lowercase;
	background-image: url(../images/head-bullet-blue.jpg);
	background-position: 0px 1px;
	background-repeat: no-repeat;
}
#product-range-wrapper ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #0051A0;
	font-weight: bold;
	font-size: 14px;
	text-transform: lowercase;
}
#product-range-wrapper ul li {
	list-style-type: square;
}

table.product-container {
	border-collapse: collapse;
	vertical-align: top;
}
table.product-container td {
	vertical-align: top;
}
table.product-container td.image-cell, table.product-container td.image-cell-tech {
	text-align: center;
}
table.product-container td a:link,
table.product-container td a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #0051A0;
}
table.product-container td a:hover,
table.product-container td a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #0051A0;
}


table.product th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0051A0;
	border-bottom: 2px solid #0051A0;
	vertical-align: top;
}

table.product td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-bottom: 1px solid #0051A0;
	vertical-align: top;
}
table.product tr.last-row td {
	border-bottom: none;
	vertical-align: top;
}

table.key {
	border-collapse: collapse;
}
table.key th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0051A0;
	border-bottom: 2px solid #0051A0;
	vertical-align: top;
	text-transform: lowercase;
}
table.key th.title {
	background-image: url(../images/head-bullet-blue.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
table.key td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	vertical-align: top;
}


#left-content {
	background-color: #ffffff;
	text-align: center;
}

.left-content-bg-blue {
	background-color: #0051A0;
}
#left-content h1 {
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	text-align: left;
	text-transform: lowercase;
}
#left-content h2 {
	font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	text-transform: lowercase;
	background-image: url(../images/head-bullet-white.jpg);
	background-position: 26px 0px;
	background-repeat: no-repeat;
}
#left-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	line-height: 15px;
}
#left-content p.contact {
	text-transform: lowercase;
}
#left-content p.intro-para {
	font-weight: bold;
}
#left-content img {
	text-align: center;
}
#left-content a:link, #left-content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#left-content a:hover, #left-content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}

#right-content-title-block-grey {
	background-color: #BCBEC0;
}

ul.call-to-action li {
	border-bottom: 2px solid #DCE0E6;
}
ul.call-to-action li.last-call {
	border: none;
}
ul.call-to-action li a:link, ul.call-to-action li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0051A0;
	text-decoration: none;
}
ul.call-to-action li a:hover, ul.call-to-action li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0051A0;
	text-decoration: underline;
}



/* footer styles start */
#footer {
	background-image: url(../images/footer-bg-grad.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: transparent;
}
#footer-inner {
	background-color: transparent;
	padding-bottom: 20px;
}
#footer-inner p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #66666E;
}
#footer-inner p a:link, #footer-inner p a:visited {
	color: #0051A0;
	text-decoration: none;
}
#footer-inner p a:hover, #footer-inner p a:active {
	color: #0051A0;
	text-decoration: underline;
}
/* footer styles end */