/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -102px; /* the bottom margin is the negative value of the footer's height */
	width:967px;
}


.push {
	height: 102px; /* .push must be the same height as .footer */
}

.pro{
width:450px;
float:left;
}

#internalRight .site ul li {
list-style-type:none;
list-style-image:none;
list-style-position:outside;
padding:0 0 0 0;
margin:15px 0 0 -20px;
vertical-align:middle;
line-height:16px;
font-size:14px;
}

#internalRight .site ul ul li {
list-style-type:disc;
list-style-image:none;
list-style-position:outside;
padding:0 0 0 0;
margin:8px 0 0 -30px;
vertical-align:middle;
line-height:16px;
font-size:12px;
}
#internalRight .site ul ul li a{
color:#747474;
text-decoration:none;
}
#internalRight .site ul ul li a:hover{
color:#747474;
text-decoration:underline;
}
/* --------------------------------------------------------------------------------- */
/* ---------- BODY ---------- */
/* --------------------------------------------------------------------------------- */

body{
background-color:#ffffff;
background-image:url(../imgs/bg.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
color:#747474;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
height:100%;
}


#top{
width:967px;
margin:0;
padding:0;
float:left;
display:inline;
}

h3#logo a{
float:left;
display:block;
background-image:url(../imgs/logo.jpg);
background-repeat:no-repeat;
width:271px;
height:129px;
text-indent:-9999px;
}



.signin{
float:left;
display:inline;
margin:0 0 0 611px;
padding:0 0 0 0;
width:79px; 
height:34px;
}

.slogan{
float:left;
display:inline;
margin:0px 0 0 325px;
width:361px;
height:37px;
padding:0;
}

#flash{
margin:28px 0 0 0;
padding:0 0 0 0;
float:left;
display:inline;
}

#mainContent{
padding:0 0 0 0;
margin:54px 0 0 15px;
float:left;
display:inline;
width:528px;
}

#mainContent h2{
color:#4d4d4d;
padding:5px 0 0 0;
margin:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:0;
}

#mainContent p{
padding:20px 0 0 0;
margin:0 0 0 0;
}

#mainRight{
padding:0 0 0 0;
margin:54px 0 0 150px;
float:left;
display:inline;
width:225px;
}

#catalog{
margin:30px 0 0 0;
}
#catalog2{
margin:60px 0 0 0;
}

a, a:link{
color:#0095da;
text-decoration:none;
}

a:hover, a:active{
color:#0095da;
text-decoration:underline;
}


/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */

#nav{
float:right;
margin:8px 0 0 0;
width:550px;
height:50px;
display:inline;

}

#nav ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	text-align:left;	
}
#nav li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	display:block;
	height:50px;
}

li#navHome a {
	text-indent:-9999px;
}
li#navHome, li#navHome a { 
	display:block;
	width: 65px;
	height:50px; 
	background:url(../imgs/nav-home.jpg);
}
#navContHome li#navHome a, li#navHome a:hover {
	display:block;
	width: 65px; 
	height:50px;
	background:url(../imgs/nav-homeRoll.jpg);
}

li#navAbout a {
	text-indent:-9999px;
}
li#navAbout, li#navAbout a { 
	display:block;
	width: 62px;
	height:50px; 
	background:url(../imgs/nav-about.jpg);
}
#navContAbout li#navAbout a, li#navAbout a:hover {
	display:block;
	width: 62px; 
	height:50px;
	background:url(../imgs/nav-aboutRoll.jpg);
}

li#navProducts a {
	text-indent:-9999px;
}
li#navProducts, li#navProducts a { 
	display:block;
	width: 84px;
	height:50px; 
	background:url(../imgs/nav-products.jpg);
}
#navContProducts li#navProducts a, li#navProducts a:hover {
	display:block;
	width: 84px; 
	height:50px;
	background:url(../imgs/nav-productsRoll.jpg);
}

li#navDistributors a {
	text-indent:-9999px;
}
li#navDistributors, li#navDistributors a { 
	display:block;
	width: 107px;
	height:50px; 
	background:url(../imgs/nav-distributors.jpg);
}
#navContDistributors li#navDistributors a, li#navDistributors a:hover {
	display:block;
	width: 107px; 
	height:50px;
	background:url(../imgs/nav-distributorsRoll.jpg);
}

li#navNews a {
	text-indent:-9999px;
}
li#navNews, li#navNews a { 
	display:block;
	width: 114px;
	height:50px; 
	background:url(../imgs/nav-news.jpg);
}
#navContNews li#navNews a, li#navNews a:hover {
	display:block;
	width: 114px; 
	height:50px;
	background:url(../imgs/nav-newsRoll.jpg);
}

li#navContact a {
	text-indent:-9999px;
}
li#navContact, li#navContact a { 
	display:block;
	width: 73px;
	height:50px; 
	background:url(../imgs/nav-contact.jpg);
}
#navContContact li#navContact a, li#navContact a:hover {
	display:block;
	width: 73px; 
	height:50px;
	background:url(../imgs/nav-contactRoll.jpg);
}


/* --------------------------------------------------------------------------------- */
/* ---------- BOTTOM ---------- */
/* --------------------------------------------------------------------------------- */
.bottom{
background-image:url(../imgs/box-bg.gif);
background-repeat:no-repeat;
padding:20px 20px 0 25px;
margin:30px 8px 0 0;
width:190px;
min-height:242px;
font-size:11px;
float:left;
display:inline;
}
.bottom h2 {
color:#0095da;
font-weight:normal;
font-size:16px;
}
.bottom h3 {
color:#4d4d4d;
font-weight:normal;
font-size:16px;
}
.bottom2 h3 {
color:#4d4d4d;
font-weight:normal;
font-size:16px;
}
.bottom ul{
padding:0 0 0 0;
margin:5px 0 0 20px;
list-style:none;
}

.bottom li{
list-style-image:url(../imgs/bullet.gif);
list-style-position:outside;
padding:0 0 0 0;
margin:10px 0 0 0;
vertical-align:middle;
line-height:18px;
}

.bottom2{
background-image:url(../imgs/box-bg.gif);
background-repeat:no-repeat;
padding:20px 20px 0 25px;
margin:30px 0 0 0;
width:190px;
min-height:242px;
font-size:11px;
float:left;
display:inline;
}
.bottom2 a{
color:#747474;
text-decoration:none;
}
.bottom2 a:hover{
color:#747474;
text-decoration:underline;
}
.bottom2 ul{
padding:0 0 0 0;
margin:5px 0 0 20px;
list-style:none;
}

.bottom2 li{
list-style-image:url(../imgs/bullet.gif);
list-style-position:outside;
padding:0 0 0 0;
margin:10px 0 0 0;
vertical-align:middle;
line-height:18px;
}

.bottom3{
background-image:url(../imgs/box-bg.gif);
background-repeat:no-repeat;
padding:20px 20px 0 25px;
margin:30px 8px 0 0;
width:190px;
min-height:242px;
font-size:11px;
float:left;
display:inline;
}
.bottom3 a{
color:#747474;
text-decoration:none;
}
.bottom3 a:hover{
color:#747474;
text-decoration:underline;
}
.bottom3 h2 {
color:#0095da;
font-weight:normal;
font-size:16px;
}
.bottom3 h3 {
color:#4d4d4d;
font-weight:normal;
font-size:16px;
}
.bottom3 ul{
padding:0 0 0 0;
margin:5px 0 0 20px;
list-style:none;
}
.bottom3 li{
list-style-image:url(../imgs/bullet.gif);
list-style-position:outside;
padding:0 0 0 0;
margin:10px 0 0 0;
vertical-align:middle;
line-height:18px;
}


.indent{
text-indent:15px;
}

/* --------------------------------------------------------------------------------- */
/* ---------- DISTRIBUTORS ---------- */
/* --------------------------------------------------------------------------------- */

.wrap2{
width:500px;
margin:20px 0 0 50px;
padding:10px 0 0 0;
float:left;
display:inline;
height:auto;
clear:both;
}

.wrap{
border-top:solid 1px #cccccc;
width:500px;
margin:20px 0 0 50px;
padding:10px 0 0 0;
float:left;
display:inline;
height:auto;
clear:both;
}

.addLeft{
margin:10px 0 0 0px;
padding: 0 0 0 0;
float:left;
width:230px;
display:inline;
line-height:18px;
clear:both;
}

.addRight{
margin:0px 0 0 10px;
padding:27px 0 0 0;
float:left;
display:inline;
width:200px;
line-height:18px;
}

/* --------------------------------------------------------------------------------- */
/* ---------- SUBNAV ---------- */
/* --------------------------------------------------------------------------------- */
#subnav{
font-size:12px;
background-image:url(../imgs/subnav-bg.gif);
background-repeat:no-repeat;
margin:54px 0 0 0;
padding:35px 0 25px 0;
width:244px;
min-height:252px;
line-height:14px;
}
#subnav ul{
list-style:none;
padding:0;
}
#subnav li{
list-style:none;
padding:0 0 3px 30px;
margin:0 0 0 0;
}


.sub{
width:244px;
}
ul.sub{
list-style:none;
padding:0;
margin:0 0 0 -15px;
}
ul.sub li{
list-style:none;
padding:0 0 3px 0;
margin:0 0 0 0;
}



.sub{
list-style:none;
padding:0 0 3px 10px;
margin:0 0 3px 10px;
}



#subnav .divider{
padding:0 0 3px 30px;
}

#subnav a{
color:#747474;
text-decoration:none;
}

#subnav a:hover, active{
color:#5fbce8;
text-decoration:none;
}

#internalLeft{
width:244px;
float:left;
display:inline;
}
#internalLeft #catalog{
margin:60px 0 0 8px;
}
#internalLeft #catalog2{
margin:40px 0 0 8px;
}

#internalRight4{
float:left;
display:inline;
width:720px;
background-image:url(../imgs/internal-bg.gif);
background-repeat:no-repeat;
min-height:420px;
padding:0;
margin:54px 0 0 0;
}


#internalRight{
float:left;
display:inline;
width:719px;
background-image:url(../imgs/internal-bg.gif);
background-repeat:no-repeat;
min-height:420px;
padding:0;
margin:54px 0 0 0;
}

#distributors{
float:left;
display:inline;
width:719px;
background-image:url(../imgs/internal-bg.gif);
background-repeat:no-repeat;
min-height:420px;
padding:0;
margin:54px 0 0 0;
}

#internalRight p{
padding:20px 50px 0 50px;
width:600px;
}

#internalRight4 p{
padding:20px 50px 0 50px;
width:650px;
}
#internalAccessories{
float:left;
display:inline;
width:719px;
background-image:url(../imgs/internal-bg.gif);
background-repeat:no-repeat;
min-height:420px;
padding:0;
margin:54px 0 0 0;
}

#internalAccessories p{
padding:20px 50px 0 50px;
width:400px;
}

#internalRight h3, #distributors h3, #internalAccessories h3, #internalRight4 h3{
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0095da;
font-weight:normal;
padding:0 0 0 50px;
}

#internalRight ul, #distributors ul, #internalRight4 ul{
padding:0 0 0 0;
margin:5px 0 0 70px;
list-style:none;
}

#internalRight li, #distributors li, #internalRight4 li{
list-style-image:url(../imgs/bullet.gif);
list-style-position:outside;
padding:0 0 0 0;
margin:8px 0 0 0;
vertical-align:middle;
line-height:16px;
}

#internalRight h2, #distributors h2, #internalAccessories h2, #internalRight4 h2{
color:#4d4d4d;
padding:5px 0 0 0;
margin:0 0 0 50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:0;
}
#internalRight h1, #distributors h1, #internalAccessories h1, #internalRight4 h1{
color:#0095da;
padding:30px 0 5px 50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
}

#internalRight .image, #internalAccessories .image, #internalRight4 .image{
margin:30px 60px 0 0;
float:right;
}
#internalRight .image2, #internalAccessories .image2, #internalRight4 .image2{
margin:0px 100px 0 0;
float:right;
}
/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footerColour{
	background-color:#484848;
	margin:-9px auto;
	clear:both;
	font-size:10px;
	background-image:url(../imgs/footer-bg.gif);
	background-repeat:repeat-x;
	height:102px;
	font-family:Arial, sans-serif;
	color:#cccccc;
	
}

.footer a:link {
	color: #cccccc;
	text-decoration: underline;
}
.footer a:visited {
	color: #cccccc;
}
.footer a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

.leftFooter{
	float: none;
	display:inline;
	margin:0 auto;
	padding-top:20px;
}

.rightFooter{
	float:none;
	display:inline;
	margin:0 0 0 220px;
	
}
.footer{
	margin:0 auto;
	text-align:center;
	height:100%;
	width:967px;
}.SwatchText {
	font-size: 9px;
	text-align: center;
	line-height: 10px;
}