/* CSS Document */

body {
background-color:#001733;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
margin:0;
padding:0;
padding-bottom:30px;
}

#wrapper {
width:950px;
display:table;
height:auto;
margin-left:auto;
margin-right:auto;
}

#header {
position:relative;
z-index:1;
background-image:url(../Images/headerbg.jpg);
}

#navfade {
display:block;
height:20px;
width:100%;
background-image:url(../Images/navfade.jpg);
background-repeat:repeat-x;
}

#banner {
display:block;
margin-left:17px;
float:left;
margin-top:5px;
border:0;
}

#footer {
display:block;
height:68px;
width:100%;
background-image:url(../Images/footer.jpg);
background-repeat:repeat-x;
color:white;
font-size:13px;
line-height:18px;
margin-top:15px;
}

#footer a {
text-decoration:none;
color:white;
}

#footer a:hover {
text-decoration:underline;
}

#footer #inner {
padding:7px;
padding-left:17px;
display:block;
}

#legal {
color:#41688E;
font-size:11px;
width:950px;
}

#legal a {
text-decoration:none;
color:#41688E;
}

#legal a:hover {
text-decoration:underline;
}

#legal #left {
}

#inner {
display:table;
height:auto;
}

#legal #right {
text-align:right;
}

#inner #left {
width:580px;
padding:17px;
float:left;
display:block;
height:auto;
padding-bottom:0;
}

#inner #left.full {
width:916px;
}

.safari #inner #left.full {
width:936px;
}

#breadcrumb, #breadcrumb a {
color:#B7CC47;
text-decoration:none;
}

h1 {
color:#B7CC47;
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
}

h4 {
color:#B7CC47;
}

#inner p {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
line-height:21px;
font-size:13px;
}

#inner p a {
color:#B7CC47;
text-decoration:none;
}

#inner p a:hover {
text-decoration:underline;
}

#inner ul li {
height:22px;
line-height:22px;
}

#inner .faq ul, #inner .faq ol {
padding-top:15px;
}

#inner .faq ul li, #inner .faq ol li {
height:auto;
}

#inner ol li {
line-height:22px;
}

#inner ul, #inner ol {
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
}

#latest {
display:block;
width:570px;
height:180px;
background-image:url(../Images/latest.jpg);
margin-top:33px;
*margin-top:23px;
padding-left:10px;
}

#latest p {
color:#728229;
width:400px;
}

#latest p a {
color:#728229;
text-decoration:none;
}

#latest p a:hover {
text-decoration:underline;
}

#latest h3 {
margin:0;
padding:0;
line-height:30px;
font-size:16px;
}

#latestimg {
float:right;
margin-top:5px;
margin-right:5px;
}

#right {
width:308px;
height:auto;
display:block;
float:left;
margin-left:10px;
padding-top:17px;
}

#right.ml {
margin-left:28px;
}

.safari #right.ml {
margin-left:62px;
}

.video, .product, .smallproduct, #accessories div {
display:block;
width:288px;
height:251px;
padding:10px;
background-image:url(../Images/vidbg.jpg);
background-repeat:no-repeat;
margin-bottom:17px;
}

#accessories {
padding-top:10px;
}

#accessories div {
height:169px;
background-image:url(../Images/medproduct.jpg);
width:156px;
padding:8px;
margin-bottom:15px;
float:left;
margin-right:10px;
padding-left:9px;
}

#vidlink {
	display:relative;
	bottom:0;
}

.product {
height:284px;
background-image:url(../Images/productbg.jpg);
width:286px;
padding:8px;
margin-bottom:5px;
}

.smallproduct {
height:135px;
background-image:url(../Images/smallproductbg.jpg);
width:125px;
padding:8px;
float:left;
margin-bottom:0;
}

.smallproduct#first {
margin-right:10px;
}

.video h2 {
font-size:18px;
padding:0;
margin:0;
}

.product h2, .smallproduct h2, #accessories div h2 {
font-size:13px;
margin:0;
padding-top:5px;
}

.product h2 {
width:110px;
}

.smallproduct h2 {
padding-top:1px;
}

.safari .smallproduct h2 {
padding-top:3px;
}

.video a, .product a, .smallproduct a.txtlink, #accessories div a {
color:#BCD148;
text-decoration:none;
float:right;
margin-top:-13px;
}

.smallproduct a img {
border:0;
}

.product a.picklink {
margin-top:0;
margin-bottom:5px;
margin-right:12px;
}

#accessories div a.picklink, #accessories div a#picklink {
margin-top:0;
margin-bottom:5px;
}

.product a {
margin-right:15px;
}

.smallproduct a {
margin-top:-15px;
}

.video a:hover, .product a:hover {
text-decoration:underline;
}

#nav {
background-image:url(../Images/nav.jpg);
background-repeat:repeat-x;
display:block;
width:100%;
height:34px;
border-bottom:1px solid #05345A;
position:relative;
z-index:2;
margin-bottom:1px;
}

/*
#nav a#last {
border-right:0;
}

#nav a.sel:hover {
color:white;
text-indent:0;
}

#nav ul li a:hover {
text-indent:-1px;
}

#nav a#news {
width:119px;
}

#nav a#news:hover, #nav a#news.sel {
background-image:url(../Images/navselnews.gif);
width:120px;
text-indent:-1px;
}

#nav a.sel {
line-height:52px;
*line-height:53px;
}
*/

.highlight {
color:#B7CC47;
}

.download, .link, .news {
display:table;
border:1px solid #106EAC;
padding:10px;
height:auto;
margin-top:10px;
font-size:12px;
padding-bottom:10px;
width:894px;
}

.safari .news {
width:914px;
}

.ie. team .news {
min-height:172px;
}

.news strong {
color:#B7CC47;
line-height:25px;
}

.news .date {
color:#CCCCCC;
}

.download img, .link img, .news img, .faqsimg {
float:left;
margin:7px;
margin-right:17px;
border:1px solid #106EAC;
}

.faqsimg {
margin-left:17px;
float:right;
width:100px;
}

.download a, .link a, .news a {
color:#B7CC47;
line-height:25px;
}

.download a:hover, .link a:hover, .news a:hover {
text-decoration:none;
}

.rimg {
float:right;
margin-left:20px;
margin-bottom:20px;
border:1px solid #106EAC;
}

#contactform {
font-size:12px;
margin-bottom:20px;
display:block;
float:left;
}

.error {
color:#FF0000;
}

#contactform .txt, #login .txt {
width:290px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #cccccc;
background-color:#F3F3F3;
padding:3px;
}

#contactform .heading, #login .heading {
border-bottom:1px dotted #cccccc;
font-size:11px;
font-weight:bold;
color:#B7CC47;
padding-top:15px;
padding-bottom:5px;
}

#contactform .blank {
height:10px;
}

#contactform textarea.txt {
height:100px;
width:440px;
}

#contactdetails {
float:left;
margin-left:10px;
padding:20px;
}

#contactdetails a {
color:white;
}

#contactdetails strong {
color:#B7CC47;
}

#conform {
float:right;
font-size:10px;
color:#CCCCCC;
line-height:12px;
margin-right:60px;
margin-top:7px;
}

#conform a {
color:#CCCCCC;
}

#bannerholder {
overflow:hidden;
height:160px;
}

#fades {  
    height: 155px;  
    width:   916px;  
	padding-top:0;
    margin:  0;
	z-index:0;
} 
 
#fades img {  
    padding: 0px;  
    border:  0;
    width:  916px; 
    height: 155px; 
    top:  0; 
    left: 0 ;
	z-index:0; 
}

#vid1 {  
    height: 191px;  
    width:   289px;  
	padding-top:0;
    margin:  0;  
	margin-bottom:11px;
	position:relative;
	z-index:1;
} 

.ie #vid1 {
	margin-bottom:5px;
}
 
#vid1 img {  
    padding: 0px;  
    border:  0;
    width:  289px; 
    height: 191px; 
    top:  0; 
    left: 0;
}

#vid2 {  
    height: 191px;  
    width:   289px;  
	padding-top:0;
    margin:  0;  
	margin-bottom:11px;
} 

.ie #vid2 {
	margin-bottom:5px;
}
 
#vid2 img {  
    padding: 0px;  
    border:  0;
    width:  289px; 
    height: 191px; 
    top:  0; 
    left: 0 
}

#accordion {
width:916px;
}

#accordion h3 {
border:1px solid #106EAC;
}

#accordion h3 a {
font-weight:bold;
color:#B7CC47;
}

#accordion h3 a:hover {
background-color:#106EAC;
color:white;
}

#accordion div {
background-color:#001733;
color:white;
border-color:#106EAC;
}

a.pdf img {
border:0;
}

.safari #inner #left.setup {
width:616px;
}

table#retailers, #retailers tr, #retailers td {
border:0;
}
#retailers a, #retailers a:visited {
display:block;
height:22px;
line-height:22px;
margin-left:-3px;
text-indent:3px;
text-decoration:none;
border-bottom:1px dotted white;
margin-right:15px;
color:#B7CC47;

}
#retailers a:hover {
font-weight:bold;
}
#retailers a.sel {
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#3D8CE4;
}

.buy td {
	padding-bottom: 18px;
}
