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

body {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
margin:0px 0px 0px 0px;
}

#mainContainer {
width:790px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #ccc;
padding-bottom: 20;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color:#993366;
}

#topNav {
background-color:#ececec;
padding:10px;
}

#header {
padding-top:10px;
padding-bottom:0;
}

#floatLeft {
float:left;
}

#floatRight {
float:right;
}

#subNav {
width:400px;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:190px;
margin-top:80px;
}

#subNavB {
width:760px;
font-size:14px;
font-weight:bold;
text-align:right;
margin-top:80px;

}

#subNav a {
text-align:right;
color:#000;
text-decoration:none;
}

#subNav a:hover, #subNav a .active {
color:#993366;
text-decoration:none;
}



/* LEFT CONTAINER */


#mainPictures {
width:760px;
float:left;
border-top: 2px solid #993366;
border-bottom: 2px solid #0099FF;
margin:5px 0px 5px 10px;
padding: 10px 0px 10px 0px;
}

#mainPicturesB {
width:585px;
float:left;
border-top: 2px solid #993366;
padding-bottom:10px;
margin-left: 15px;
}



/* MAIN NAVIGATION */

#mainNavigation {
width:165px;
float:left;
margin-top:0px;
margin-left:10px;
}


#navigation ul {
list-style-type:none;
margin:0pt;
padding: 0pt 0pt 15px 0px;
}


#navigation li {
list-style-type: none;
font-size: 11px;
border-bottom: 1px solid #ccc;

}

#navigation li a {
text-decoration: none;
color:#0066CC;
display:block;
line-height:15px;
padding: 5px 0px 5px 5px;
}

#navigation li a:hover, #navigation li .topnavon {
color:#FFF;
font-weight:bold;
background-color:#0066FF;
padding: 5px 0px 5px 5px;
}

#navigation .active {
font-weight:bold;
}

#navigation .active a {
color:#000;
background-color: #aaa;

}

#navigation .active a:hover {
color:#FFF;
background-color: #aaa;
}

#navigation .active ul .active a {
color:#000;
font-weight:bold;

}

#navigation .active ul a {
font-weight:normal;
padding-left:15px;
}

#navigation .active li  {
border-bottom: 1px solid #FFF;
}

#navigation .active li a {
color:#666;
background-color:#ececec;
}


#partners {
padding: 20px 0px 10px 0px;
}



/* CENTRE CONTENTS */


#contentContainer {
width:615px;
float:left;
margin-top:5px;
margin-bottom:30px;
overflow:hidden;
}

h1 {
font-size:16px;
color:#993366;
font-weight:normal;
margin: 0px 0px 5px 15px;
text-transform:uppercase;
}

h2 {
font-size:13px;
color:#669933;
font-weight:normal;
margin: 0px 0px 5px 15px;
text-transform:uppercase;
}

p {
font-size:12px;
line-height:17px;
text-align:justify;
padding: 0px 0px 0px 15px;
padding-right:20px;
}

#centralImages {
width:578px;
height:350px;
margin: 10px 0px 0px 15px;
border:1px solid #CCCCCC;
}

#imagesText {
width:578px;
height:30px;
margin-left:15px;
border:1px solid #CCCCCC;
border-top:none;
}

.paddingLeft {
padding-left:15px;
}

.paddingRight {
padding-right:35px;
}

.paddingRightSmall {
padding-right:10px;
}


/* PRODUCTS AREA */

.showcase {
width:260px;
height:160px;
float:left;
margin-left:15px;
}

.showcaseHeadline {
font-size:12px;
font-weight:bold;
line-height:17px;
}

.showcaseText {
font-size:10px;
}

.productImage {
width:150px;
float:left;
padding-left:15px;
}

.imageList  {
font-size:12px;
margin-top:15px;
}

.imageList a {
font-size:12px;
background-color:#e6e6e6;
padding: 1px 2px;
display:inline;
}

#productBox {
width:415px;
border: 1px solid #ccc;
float:right;
font-size:12px;
line-height:17px;
}

#productBox li {
padding-left:20px;
list-style:none;
line-height:20px;
}

#productBoxTabs {
font-family:Arial, Helvetica, sans-serif;
width:415px;
border: 1px solid #ccc;
float:right;
font-size:12px;
line-height:17px;
margin-right:10px;
}



/* RIGHT COLUMN */

#rightContainer {
width:210px;
float:right;
}

#columnA {
width:193px;
height:191px;
float:right;
margin-top:5px;
margin-right:5px;
border-top: 2px solid #0066FF;
border-bottom: 2px solid #993366;
}

#columnA p {
font-size:11px;
color:#666;
padding: 0px 5px 0pt 5px;
margin-top:10px;
}

.marginButton {
margin: 10px 0px 10px 0px;
}


/* FORM */

#formContainer {
width:585px;
height:130px;
font-size:12px;
color:#666;
font-weight:bold;
margin: 0px 0px 0px 15px;
border-top: 1px dotted #666;
}

#formLeft {
line-height:25px;
float:left;
padding-top:5px;
padding-right:24px;
}

#formCenter {
float:left;
text-align:left;
padding-top:13px;
padding-right:20px;
}

#formRight {
float:right;
padding-top:28px;
text-align:left;
}



/* FOOTER */

#footer {
width:765px;
padding: 0px 0px 0px 20px;
margin-top:15px;
}

#terms {
float:left;
}

#rights {
float:right;
}