/* CSS Document */

/* Generic
---------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.jpg) repeat-x top #e6e6e6;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	font-size:100%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h2 {
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h3 {
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
p {
	padding: 10px 10px 5px 15px;
	font-size:80%;
	margin:0px;
}
img {
	border: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.burgundy {
	color:#9a004f;
}
.pink {
	color:#ef027b;
}
.dark-blue {
	color:#046487;
}
.dark-green{
    color:#335800;
}
.hidden {
	display:none;
}
.date {
	color:#9a004f;
	font-size:80%;
}
/* info block
---------------------------------------------------------------------------------*/
#info-block {
	height: 33px;
	width: 955px;
	margin: 0 auto;
	position: relative;
	color: #333333;
}
#info-block ul{
	margin:0px;
	padding: 14px 0px 0px 0px;
	font-size:80%;
}
#info-block ul li{
	list-style-type:none;
	display:inline;
	padding: 0px 7px 0px 5px;
	font-weight:bold;
	border-right: #ef027b solid 1px;
}
#info-block ul li.last{
	border:none;
}
#info-block ul li a:link, #info-block ul li a:visited{
	font-weight:bold;
	color:#333333;
}
#info-block ul li a:hover{
	font-weight:bold;
	color:#50c6d5;
}
#usability-links {
	float:right;
	height:33px;
}

/* banner
---------------------------------------------------------------------------------*/
#banner {
	height: 125px;
	width: 961px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg-banner.gif) no-repeat bottom;
}
#root-nav {
	height: 28px;
	position:absolute;
	bottom: 38px;
	right:10px;
}
#root-nav ul{
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#root-nav li{
	float: left;
  	margin: 0px 1px 0px 0px; 
	padding: 0px 0px 0px 0px;
	position: relative;
	border-right: solid 1px  #CDCDCD;
	font-size:115%;
}
#root-nav li.last{
	float: left;
  	margin: 0px 1px 0px 0px; 
	padding: 0px 0px 0px 0px;
	position: relative;
	border-right: solid 0px #666666;
	font-size:115%;
}
#root-nav li.request{
	float: left;
  	margin: -4px 1px 0px 0px; 
	padding: 0px 0px 0px 0px;
	position: relative;
	border-right: solid 0px #666666;
	font-size:90%;
	line-height:80%;
	width:77px;
}
#root-nav li a{
	float: left;
	color: #666666;
	padding: 6px 19px 0px 19px;
	text-decoration:none;
	font-weight:bold;
	font-size: 80%;
	text-align:center;
	height:22px;
}
#root-nav li a:hover{
	color: #000000;
}
#root-nav li a:visited{
	color: #666666;
}


/* content
---------------------------------------------------------------------------------*/
#content {
	width: 961px;
	margin: auto;
	padding-top:0px;
	position: relative;
	background: url(../images/bg-content.gif) repeat-y top left;
	background-color:#FFFFFF;
}
#breadcrumb {
	font-size:80%;
	padding:10px 0px 10px 10px;
}
#breadcrumb a:link, #breadcrumb a:visited{
	text-decoration:none;
	color:#000000;
}
#breadcrumb a:hover{
	text-decoration: underline;
	color:#01809d;
}
#content-container {
	width:742px;
	margin:0px 6px 10px 0px;
	background: url(../images/bg-top-grad.gif) top left no-repeat ;
	overflow:auto;
	float:right;
}
#news-container {
	width:742px;
	margin:0px 6px 10px 0px;
	background: url(../images/bg-news-grad.gif) top left no-repeat ;
	overflow:auto;
	float:right;
}
#news-main {
	margin:0px 6px 10px 0px;
	float:left;
	width:520px;
}
#news-menu {
	color:#003366;
	width:170px;
	margin:0px 6px 10px 15px;
	float:left;
}
#news-menu h2{
	color:#046487;
	font-size:90%;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px 20px 10px 15px;
}
#news-menu ul{
	padding:5px 0px 6px 15px;
	margin:0px;
}
#news-menu ul li{
	list-style-type:none;
	padding-bottom:10px;
	font-size:80%;
}
#news-menu ul li a:link,#news-bg ul li a:visited{
	text-decoration:none;
	font-weight:normal;
	color:#333333;
}
#news-menu ul li a:hover{
	text-decoration:underline;
	color: #333333;
}
#content-container-bottom {
	width:742px;
	margin:0px 0px 0px 0px;
	background: url(../images/bg-bottom-grad.gif) bottom left no-repeat ;
	overflow:auto;
	float:right;
	padding-bottom:30px;
}
#content-container-bottom h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9a004f;
	padding:10px 20px 10px 15px;
	font-size:130%;
}
#content-container-bottom p{
	line-height:140%;
	padding:0px 20px 10px 15px;
}
#content-container-bottom a:link,#content-container-bottom a:visited{
	font-weight:bold;
	color:#046487;
}
#content-container-bottom a:hover{
	text-decoration:underline;
}

.product-container{
	background:url(../images/bg-product.gif) top left no-repeat;
	width:222px;
	margin:0px 12px 10px 12px;
	float:left;
}
*html .product-container{
	background:url(../images/bg-product.gif) top left no-repeat;
	width:222px;
	margin:0px 6px 10px 6px;
	float:left;
}
.product-container h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#046487;
	padding:5px 5px 5px 5px;
	font-size:80%;
	height: 3em;
}
.product-image{
	width:107px;
	margin:0px 5px 0px 5px;
	float:left;
	background:#FFFFFF;
}
.product-description{
	width:100px;
	margin:0px 5px 10px 0px;
	float:left;
	font-size:75%;
	line-height:120%;
}
*html .product-image{
	width:114px;
	margin:0px 3px 10px 3px;
	float:left;
	background:#006666;
}
*html .product-description{
	width:90px;
	margin:0px 3px 10px 0px;
	float:left;
	font-size:75%;
	line-height:120%;
}
/* content-home
---------------------------------------------------------------------------------*/
#welcome-container {
	width:742px;
	margin:0px 6px 10px 0px;
	overflow:auto;
	float:right;
}

#welcome-main {
	width:742px;
	height:287px;
	background: url(../images/bg-welcome-main.gif) top right no-repeat ;
	margin:0px 0px 10px 0px;
	overflow:auto;
	float:right;
}
#welcome-main-text {
	width:425px;
	float:right;
}
#welcome-main-text h1{
	padding: 20px 0px 20px 0px;
	margin:0px 20px 16px 20px;
	color:#28c5db;
	font-size:120%;
	line-height:120%;
}
#welcome-main-text p{
	padding: 0px 0px 0px 0px;
	margin:0px 20px 0px 20px;
	color:#333333;
	line-height:140%;
}
#welcome-main-image {
	width:389px;
	height:379px;
	background:url(../images/home-example.jpg) no-repeat top;
	float:left;
}
#welcome-main-footer {
	width:727px;
	background:url(../images/bg-welcome-footer.gif) no-repeat bottom;
	float:left;
}
#welcome-main-footer p{
	padding: 5px 20px 10px 20px;
	font-size:85%;
	line-height:140%;
}

#trade-login {
	width:372px;
	height:92px;
	background:url(../images/bg-trade-login.gif) no-repeat;
	float:left;
	padding-top:30px;
}
#trade-login p{
	font-size:75%;
	line-height:150%;
	
}
#trade-login a:link,#trade-login a:visited{
	font-weight:bold;
	color:#046487;
}
#latest-news {
	width:359px;
	height:112px;
	background:url(../images/bg-latest-news.gif) no-repeat;
	float:left;
	margin-left:10px;
	padding-top:10px;
}
.latest-news-image {
	width:120px;
	height:70px;
	float:left;
	margin:0px 20px 0px 16px;
}
*html .latest-news-image {
	width:120px;
	height:70px;
	float:left;
	margin:0px 10px 0px 8px;
}
.latest-news-headline {
	width:180px;
	height:70px;
	float:left;
	margin-right:10px;
}
.latest-news-headline h1{
	font-size:80%;
	color:#ef027b;
}
.latest-news-headline p{
	padding:0px;
	margin:0px;
	font-size:75%;
}
.latest-news-headline p a, .latest-news-headline p a:visited
{
    color: black;
}
#featured-products {
	width:741px;
	background:url(../images/bg-special-offer.gif) no-repeat;
	float:left;
	margin-top:10px;
	padding-top:10px;
}

.featured-product
{
    float:left;
    width: 240px;
	height: 100px;
}

.featured-product-image {
	width:95px;
	height:70px;
	float:left;
	margin:0px 10px 10px 10px;
}
.featured-product-description {
	width:115px;
	float:left;
	margin:0px 10px 10px 0px;
}
*html .featured-product-image {
	width:95px;
	height:70px;
	float:left;
	margin:0px 5px 10px 5px;
}
*html .featured-product-description {
	width:120px;
	float:left;
	margin:0px 5px 10px 0px;
}
.featured-product-description h1{
	font-size:80%;
	color:#ef027b;
}
.featured-product-description h1 a {
	color:#ef027b;
}
.featured-product-description p{
	padding:0px;
	margin:0px;
	font-size:75%;
}

#featured-products-footer {
	width:741px;
	height:27px;
	background:url(../images/bg-special-offer-footer.gif) no-repeat;
	float:left;
}


#news-header {
	width:374px;
	height:27px;
	background:#651049;
	background: url(../images/header-news.gif) top no-repeat;
	color:#FFFFFF;
}
#news-header h2{
	padding:6px 0px 0px 10px;
}
#news-bg {
	width:374px;
	background: url(../images/bg-news.gif) bottom no-repeat;
}
#news-bg ul{
	padding:10px 0px 6px 10px;
	margin:0px;
}
#news-bg ul li{
	list-style-type:none;
	padding-bottom:10px;
	font-size:80%;
}
#news-bg ul li a:link,#news-bg ul li a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#01809d;
}
#news-bg ul li a:hover{
	text-decoration:underline;
	color: #333333;
}
#quotebox-bg {
	width:374px;
	background:#651049;
	background: url(../images/bg-quotebox.gif) top no-repeat;
	margin-top:5px;
}
#quotebox-bg p{
	color:#FFFFFF;
	font-weight:bold;
}
#quotebox-footer {
	width:374px;
	height:29px;
	background: url(../images/bg-quotebox-footer.gif) bottom no-repeat;
}
#home-info-container {
	width:559px;
	margin: 0px 5px 5px 9px;
	float:left;
	display:inline;
}
#signpost-container {
	width:559px;
}

#signpost-container p{
	padding:0px 10px 5px 10px;
	color:#FFFFFF;
	font-size:80%;
}
#signpost-container h2{
	padding:60px 10px 2px 10px;
	color:#FFFFFF;
}
#signpost-container a:link,#signpost-container a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#signpost-container a:hover{
	text-decoration:underline;
}
#signpost-opendays {
	width:275px;
	height:106px;
	background:url(../images/bg-signpost-opendays.jpg) no-repeat top;
	float:left;
}
#signpost-discounted {
	width:275px;
	height:106px;
	background:url(../images/bg-signpost-discounted.jpg) no-repeat top;
	margin-left:9px;
	float:left;
}

#welcome-bg {
	width:559px;
	background:url(../images/bg-welcome.gif) top no-repeat;
}
#welcome-bg p{
	color:#FFFFFF;
}
#welcome-footer {
	width:559px;
	height:13px;
	background:url(../images/bg-welcome-footer.gif) top no-repeat;
}

/* content-articles
---------------------------------------------------------------------------------*/
#menu-container {
	width:201px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	font-size: 0.8em;
}
#menu-products {
	background: url(../images/bg-menu-products.gif) top left;
	margin:0px;
	padding:0px;
}
#menu-products ul {
	list-style-type:none;
	margin:0px 22px 0px 30px;
	padding:0px;
}
#menu-products li {
	padding:7px 0px 0px 0px;
	font-size:85%;
	font-weight:bold;
}
#menu-products li a:link, #menu-products li a:visited{
	color:#046487;
}
#menu-products li a:hover{
	color:#333333;
	text-decoration:none;
}
#menu-products li.last{
	background-image:none;
}
#menu-products-footer {
	background: url(../images/bg-menu-products-footer.gif) top left;
	width:201px;
	height:16px;
	margin:0px;
	padding:0px;
}
#menu-special-offers {
	background: url(../images/button-special-offers.gif) top left;
	width:182px;
	height:78px;
	margin-left:18px;
}
#menu-best-sellers {
	background: url(../images/button-best-sellers.gif) top left;
	width:182px;
	height:78px;
	margin-left:18px;
}
#article-container {
	width:727px;
	background: url(../images/bg-welcome-container.gif) repeat-x top;
	margin:0px 6px 10px 0px;
	overflow:auto;
	float:left;
	display:inline;

}
.bg-facilities-right {
	background: url(../images/bg-article-facilities-right.jpg) repeat-x top #74a13e;
	height:378px;
}
.bg-facilities-left {
	background: url(../images/bg-article-facilities-left.jpg) repeat-x top #74a13e;
	height:378px;
}
.bg-contact {
	background: url(../images/bg-article-contact.jpg) repeat-x top #0690aa;
	height:378px;
}
.bg-news {
	background: url(../images/bg-article-news.jpg) repeat-x top left #74a13e;
	height:378px;
}
.bg-team {
	background: url(../images/bg-article-team.jpg) repeat-x top #e86a26;
	height:378px;
}
.bg-credits {
	background: url(../images/bg-article-credits.jpg) repeat-x top #583796;
	height:378px;
}
.bg-services-left {
	background: url(../images/bg-article-services-left.jpg) repeat-x top #e76725;
	height:378px;
}
.bg-services-right {
	background: url(../images/bg-article-services-right.jpg) repeat-x top #e76725;
	height:378px;
}

.text-facilities-left {
	width:355px;
	float:right;
}
.text-facilities-right {
	width:355px;
	float:left;
}
.text-services-left {
	width:355px;
	float:right;
}
.text-services-right {
	width:355px;
	float:left;
}
.text-contact {
	width:355px;
	float:left;
}
.text-contact-map {
	width:355px;
	float:left;
}
.text-news {
	width:355px;
	float:left;

}
.text-credits {
	width:255px;
	float:left;
	text-align:right;
	display:inline;
}
#article-container h1 {
	padding: 14px 0px 0px 0px;
	margin:0px 20px 10px 20px;
	color:#ffffff;
	font-size:110%;
	line-height:120%;
}

#article-container p{
	padding: 0px 0px 0px 0px;
	margin:0px 20px 10px 20px;
	color:#ffffff;
	line-height:130%;
}

#article-container a:link,#article-container a:visited{
	color:#ffffff;
	font-weight:bold;
}
#article-container a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
.credits-scroll {
	width:472px;
	float:left;
	overflow:auto;
	display:inline;
	height:378px;
}


.footer-contact {
	width:727px;
	height:19px;
	background:url(../images/bg-article-contact-footer.gif) no-repeat bottom;
}
.footer-facilities {
	width:727px;
	height:19px;
	background:url(../images/bg-article-facilities-footer.gif) no-repeat bottom;
}
.footer-services {
	width:727px;
	height:18px;
	background:url(../images/bg-article-services-footer.gif) no-repeat bottom right;

}
.footer-credits {
	width:727px;
	height:18px;
	background:url(../images/bg-article-credits-footer.gif) no-repeat bottom;

}

.footer-team {
	width:727px;
	height:18px;
	background:url(../images/bg-article-team-footer.gif) no-repeat bottom;

}
.credit {
	margin:20px 20px 20px 10px;
	padding:0px 0px 45px 0px;
	border-bottom: 1px #ffffff solid;
}
.credit p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}





/* footer
---------------------------------------------------------------------------------*/
#footer {
	height: 49px;
	width: 961px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg-footer.gif) no-repeat top;
	clear:both;
}
#footer-info {
	height: 49px;
	width: 961px;
	margin: 0 auto;
	position: relative;
	clear:both;
	padding-top:5px;
}
#footer-info-left {
	float:left;
	padding-left:50px;
	font-size:70%;
	color:#333333;
}
#footer-info-right {
	float:right;
	padding-right:50px;
	font-size:70%;
	color:#333333;
}
#footer-info-right a:link, #footer-info-right a:visited {
	color:#333333;
}



/* team hover
---------------------------------------------------------------------------------*/
.team-listing {
	display: inline;
	clear: none;
}
.team-listing li {
	list-style-type: none;
	display: inline;
	background-color:#000000;
}
.team-listing p {
	position: absolute;
	margin: 10px;
	color: #ffffff;
	width: 400px;
	display: none;
	clear: none;
	top:290px;
	left:462px;
	font-weight:normal;
	background:url(../images/bg-team-description.gif) no-repeat;
	text-decoration:none;
}
.team-listing img {
	width: 125px;
	height: 125px;
	float:left;
	margin:15px 15px 0px 0px;
}
.text-team {
	width:250px;
	float:left;
	text-align:right;
}
.team-images {
	width:460px;
	float:left;

}
.team-description {
	float:left;
	margin:10px 10px 10px 240px;
}
*html .team-description {
	float:left;
	margin:10px 10px 10px 120px;
}

div#contactform 
{
    margin-top: 20px;
    margin-left: 15px;
}
div#contactform label
{
    display: block;
    float: left;
    width: 10em;
    font-size: 0.8em;
}

div#contactform input, div#contactform textarea, div#contactform option
{
    display: block;
    float: left;
    width: 20em;
    font-size: 0.8em;
}

.successMessage
{
    font-size: 0.8em;
}

ul#Sitemap
{
	list-style-type:none;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	margin-left:15px;
}

ul#Sitemap li
{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	padding-bottom:10px;
}

ul#Sitemap li a
{
	list-style-type:none;
	text-decoration: none;
	padding-left:0px;
	margin-left:0px;
	color:Black;
}

ul#Sitemap li ul li
{
	padding-bottom:0px;
}

ul#Sitemap li ul
{
	padding-left:10px;
	margin-left:10px;
	font-weight:normal;
}

#newsItemSummary ul
{
    list-style-type: none;
    margin-left:15px;
}


#newsItemSummary ul li
{
    font-size: 0.8em;
}

.productForm
{
    font-size: 0.7em;
}

.pagecounter
{
    font-size: 0.8em;
    margin-left: 15px;
}
#basketbanner {
	width: 961px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg-content.gif) repeat-y bottom;
	font-size:0.8em;
	padding-right:30px;
}

#menu-products strong
{
    margin-left:22px;
}

.basketitemcount
{
    text-decoration:underline;
    color:Black;
}

a.basketitemcount:visited
{
    color:Black;
}

.viewbasket
{
   text-decoration:none;
   color:Black;
}

a.viewbasket:visited
{
   color:Black;
}

.errorMessage
{
    color: Red;
}



/* Form styles
---------------------------------------------------------------------------------*/

.frm
{
    width: 500px;
}

.frm_left
{
    padding: 5px; 
    float:left;
    width: 150px; 
}

.frm_right
{
    padding: 5px; 
    float:left;
    width: 250px; 
}