@charset "utf-8";
/* CSS Document */

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*///////////////////////////////////////*/



iframe{ padding: 0px; margin: 0px; border: 0px;}

a.biglink{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:1em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:5pt 5px 5px 5px;
display:block;
text-align:center;
}

a.biglink:hover{
background-color:#6B9BAD;
}

.clear{clear:both;}

body{
background-image:url(images/bg.jpg);
background-position:0 15px;
background-repeat:repeat-x;
background-color:#001522;
text-align:center;
}

#bodyhome{
background-image:url(images/bg.jpg);
background-position:0 57px;
background-repeat:repeat-x;
background-color:#001522;
text-align:center;
}

h1{
color:#3DB39B;
font-size:1.5em;
margin:0 15px 15px 0px;
font-weight:400;
background-image:url(images/swoosh.gif);
background-repeat:no-repeat;
padding-left:25px;
}

h2{
color:#42616F;
font-size:1.2em;
margin:15px 0 10px 0;
font-weight:400;
}
h3{
color:#42616F;
font-size:1em;
margin:10px 0 10px 0;
font-weight:400;
}

p{
color:#42616F;
font-size:0.8em;
margin:0 10px 10px 0px;
line-height:1.3em;
}

p span{
color:#42616F;
font-size: 120%;
font-weight: bold;
}

p strong{
font-weight: bold;
}

p a, h2 a, .breadcrumb a{
color:#FF6699;
}

p a:hover, h2 a:hover, .breadcrumb a:hover, #nav a:hover{
color: #DF891A;
}

.welcome{
	text-transform: uppercase;
	color:#003366;
	margin-left: 10px;
}

.breadcrumb{
color:#42616F;
font-size:0.7em;
margin:0px 10px 20px 0px;
}

#main{
background-color:#FFFFFF;
width:940px;
padding:10px 10px 10px 10px;
margin:0 auto;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
}

#mainHome{
background-color:#FFFFFF;
width:940px;
padding:0px 10px 10px 10px;
margin:0 auto;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
}

#header{
background-color:#FFFFFF;
width:940px;
position:absolute;
top:0;
}

#logo{
background-color:#FFFFFF;
position:relative;
left:20px;
top:15px;
float:left;
}

#headerForm{
width:240px;
position:relative;
left:360px;
top:5px;
float:left;
background-image:url(images/catalogue.jpg);
background-repeat:no-repeat;
padding-left:100px;
padding-bottom:10px;
}

#headerForm input{
margin-bottom:10px;
}

#headerForm select{
width:185px;
margin-bottom:10px;
}

#headerForm legend{
font-size:1.1em;
color:#42616F;
margin:0 0 8px 0;
padding-bottom: 2px;
}

#nav{
padding:8px 10px 10px 0;
border-top:1px dotted;
font-size:1.2em;
}

#nav li{
display:inline;
list-style:none;
}

#nav ul{
float:left;
margin-left: 10px;
padding:5px 0px 10px 0px;
width: 690px;
}

#nav p{
width: 220px;
float:left;
position:absolute;
left:710px;
margin-top: 9px;
text-align:right;
font-weight:bold;
font-size: 65%;
}

#nav a{
color:#42616F;
font-size:0.7em;
margin:0 10px 10px 0px;
line-height:1.3em;
}

.contentLeft{
float:left;
}

.contentLeft .lftimg{
border: dashed 1px #000000;
margin: 4px 15px 10px 0px;
float: left;
}

.contentLeft .rgtimg{
border: dashed 1px #000000;
margin: 4px 0px 10px 15px;
float: right;
}

#leftHomepage {
width:620px;
padding:23.2em 10px 10px 10px;
}

#leftGeneric {
width:620px;
padding:16.8em 10px 10px 10px;
}

#leftSuppliers {
width:620px;
padding:14.3em 10px 10px 10px;
}

#leftSmall {
width:220px;
padding:16.8em 10px 10px 10px;
}

#leftSmallSuppliers {
width:220px;
padding:14.2em 10px 10px 10px;
}

#leftFull {
width:98%;
padding:16.8em 10px 10px 10px;
}

#leftSupplier {
width:680px;
padding:16.8em 10px 10px 10px;
}

#leftAdmin {
width:98%;
padding:15em 10px 10px 10px;
}




.contentRight{
width:298px;
border:1px dashed #42616F;
float:left;
background-color:#E1EBEF;
}

#rightGeneric {
margin:16.8em 0px 0px 0px;
}

#rightHomepage{
margin:23.2em 0px 0px 0px;
}

.contentRight h1{
color:#E06C99;
background-color:#001522;
padding:5px;
margin:0 0 0 0;
background-image:url(images/swooshdark.gif);
background-repeat:no-repeat;
padding-left:30px;
background-position:7px 5px;
}

.contentRight h2{
margin:10px 0 10px 10px;
position:relative;
left:5px;
}

.contentRight p{
margin:5px 5px 5px 5px;
position:relative;
left:5px;
}

.contentRight img{
padding:5px 0px 0px 5px;
float:left;
}

.contentRightDivider{
clear:both;
width:100%;
border-bottom:1px dashed #42616F;
height:5px;
}

#banner{
margin-bottom:10px;
}

.box{
margin-top:20px;
padding:10px;
border-top:1px dashed #42616F;
background-color:#E1EBEF;
}

.boxTop{
margin-top:0px;
padding:1px;
border-top:1px dashed #42616F;
border-bottom:1px dashed #42616F;
background-color:#E1EBEF;
margin-bottom:20px;
}
.boxTop a{

}

.box img{
border:1px solid #ccc;
padding:5px;
margin:5px;
background-color:#FFFFFF;
}

.box a{
margin:0;
}

.box h2{
margin:0px 10px 10px 10px;
}


.message{
margin-top:20px;
padding:10px;
border-top:1px dashed #42616F;
background-color:#E1EBEF;
}

.message img{
border:1px solid #ccc;
padding:5px;
margin:5px;
background-color:#FFFFFF;
}

.message a{
margin:0px 10px 10px 10px;
}

.message h2{
margin:0px 10px 10px 10px;
}

.product{
padding:10px 10px 15px 10px;
border:1px dashed #42616F;
margin-bottom:10px;
float:left;
width:45%px;
margin:0 10px 10px 0;
background-color:#DBE1EA;
}

.product p{
width:305px;
float:left;
margin:0 10px 20px 10px;
}

.product p em{
font-style:normal;
font-weight:800;
}

.product h2{
margin:0 0 10px 0;
background-color:#41616E;
color:#FFFFFF;
padding:5px;
}

.product img{
float:left;
}

.product a{
width:90px;
background-color:#41616E;
color:#FFFFFF;
padding:5px;
}

.productSupplier{
padding:10px 10px 5px 10px;
border:1px dashed #42616F;
margin-bottom:10px;
float:left;
width:290px;
margin:0 10px 10px 0;
background-color:#DBE1EA;
}

.productSupplier p{
width:280px;
float:left;
margin:0 10px 10px 0;
}

.productSupplier p em{
font-style:normal;
font-weight:800;
}

.productSupplier h2{
margin:0 0 10px 0;
background-color:#41616E;
color:#FFFFFF;
padding:5px;
font-weight:bold;
}

.productSupplier h3{
text-decoration:underline;
}

.productSupplier img{
float:left;
}

.productSupplier a{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:0.8em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:0pt 0px 5px 0px;
display:block;
}



.productSupplier a:hover{
background-color:#6B9BAD;
}

#footer{
background-color:#001522;
text-align:center;
margin:0 0 0 0;
font-size:0.8em;
}

#footer p{
padding:10px;
color:#3DB39B;
}

#footer em{
font-style:normal;
color:#ccc;
font-size:2em;
}

#footer a{ color:#ccc; font-size:1.1em;}

#footer a:hover{ color:#efefef;}

form.cmxform fieldset {
width:50%;
background-color:#fff;
border:1px dashed #42616F;
color:#42616F;
margin-bottom: 10px;
padding:5px;
 
}
form.cmxform legend {
margin-left:7px;
margin-bottom:5px;
  padding:5px;
  background-color:#fff;
color:#42616F;
  font-size:1.3em;
 
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.5;
 
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.item{
width:45%;
display:block;
background-color:#DDE8EC;
padding:0px 10px 4px 10px;
border:1px dashed #3E616F;
margin-bottom:10px;
margin-right:10px;
float: left;
}

.itemAdmin{
width:45%;
display:block;
background-color:#DDE8EC;
padding:0px 10px 4px 10px;
border:1px dashed #3E616F;
margin-bottom:10px;
margin-right:10px;
float: left;
}

#itemAdminDark{

border:1px solid #3E616F;
}
.itemAdmin img{
padding:5px;
float: left;
}

.itemAdmin p{
margin:0;
padding:5px;
width:290px;
float: left;
}

.itemAdmin a{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:1.2em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:0pt 0px 5px 0px;
display:block;
}

.itemAdmin a:hover{
background-color:#6B9BAD;
}

.itemAdmin h3{
border-bottom:1px dotted #3E616F;
font-weight:bold;
padding:5px;
font-size:1.2em;
}


.itemMenu{
display:block;
background-color:#DBE1EA;
padding:0px 10px 4px 10px;
border:1px solid #3E616F;
margin-bottom:10px;
}



.itemSupplier{
display:block;
background-color:#DDE8EC;
padding:0px 10px 4px 10px;
border:1px dashed #3E616F;
margin-bottom:10px;
}

.item h3{
border-bottom:1px dotted #3E616F;
font-weight:bold;
padding:5px;
font-size:1.2em;
}

.itemMenu h3{
border-bottom:1px dotted #3E616F;
font-weight:bold;
padding:5px;
font-size:1.2em;
}

.itemSupplier h3{
border-bottom:1px dotted #3E616F;
font-weight:bold;
padding:5px;
font-size:1.2em;
}

.item h4{
border-bottom:1px dotted #3E616F;
color:#42616F;
margin-bottom:5px;
padding:3px;
font-size:1em;
}

.itemMenu h4{
border-bottom:1px dotted #3E616F;
color:#42616F;
margin-bottom:5px;
padding:3px;
font-size:1em;
}

.itemSupplier h4{
border-bottom:1px dotted #3E616F;
color:#42616F;
margin-bottom:5px;
padding:3px;
font-size:1em;
}

.item a{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:1.2em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:0pt 0px 5px 0px;
display:block;
}

.itemMenu a{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:0.8em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:0pt 0px 5px 0px;
display:block;
}

.itemSupplier a{
text-decoration:none;
background-color:#3E616F;
color:#FFFFFF;
font-size:0.8em;
padding:3px;
border-right:2px solid #A9C5CF;
border-top:2px solid #A9C5CF;
border-left:2px solid #8AAFBD;
border-bottom:2px solid #8AAFBD;
margin:0pt 0px 5px 0px;
display:block;
}

.item a:hover{
background-color:#6B9BAD;
}

.itemMenu a:hover{
background-color:#6B9BAD;
}

.itemSupplier a:hover{
background-color:#6B9BAD;
}

.item img{
padding:5px;
}

.itemMenu img{
padding:5px;
}

.itemSupplier img{
padding:5px;
}


.catalogue{
background-image:url(images/cataloguesmall.jpg);
background-repeat:no-repeat;
background-position:top right;
width:100%;
}

.contactform{
position:relative;
left:330px;
bottom: 340px;
width:250px
}


#supplierproductlist{
width:615px;
padding:10px 10px 15px 10px;

margin-bottom:10px;
background-color:#DBE1EA;

}
#supplierproductlist ul{
margin-left:15px;
list-style-image:url(images/bluearrow.gif);
color:#42616F;

}


#supplierproductlist ul li{
margin-left:15px;

color:#42616F;
padding:0px;
margin:10px;


}

#supplierproductlist ul li a{
padding:5px;
color:#41616E;




}


.sitemap li{ margin-left: 20px; list-style-type:circle;}
.sitemap{ margin-left: 20px; list-style-type:circle;}


#image{
background-color:#DBE1EA;
border:0;

}

#producttitle{
background-color:#DBE1EA;
border:0;
height:0px;
margin:0;
padding:0;


}


#catalogue{
background-color:#FFCCFF;
width:960px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;

}

#catalogue p{
color:#000000;
border:2px solid #FF3399;
width:100%;
}



#catalogue p em{
font-style:normal;
font-weight:800;
}

#catalogue h2{
margin:0 0 10px 0;
border:2px solid #FF3399;
width:100%;
font-family:Arial, Helvetica, sans-serif;
color:#000000;

}

#catalogue h3{
font:Arial, Helvetica, sans-serif;
color:#000000;
border:2px solid #FF3399;
width:100%;
}


#catalogue a{
width:90px;
background-color:#41616E;
color:#FFFFFF;
padding:5px;
}

#catalogue img{
float:left;
padding-right:10px
}



.productCatalogue{

border:2px solid #FF3399;
margin-bottom:10px;
float:left;
width:315px;
height:240px;

background-color:#FFFFFF;


}

.corner{
width:315px;
height:10px;
background-image:url(images/diagline.gif);
background-repeat:no-repeat;
position:absolute;
top:20px;


}

.productCatalogueText{
float:left;
width:180px;
}

.section{
clear: both;
}