@import url("reset.css");

* { padding: 0; margin: 0; }

body { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 height:100%;

 background-color:#d5d7d8;
 background-image:url(../imgs/bk4.jpg);
 background-repeat: repeat-x;
 background-position:0 25px;
 
}
h5{
color:#FFFFFF;}


#wrapper { 
 margin: 0 auto;
 width: 980px;
 background-image:url(../imgs/bk3.jpg);
 background-repeat: no-repeat;
 background-position:top center;
}


#header {
 width: 980px;
 height: 100px;
 border-bottom:#333333 solid 1px;
}
#logo {
	padding-top:40px;
	padding-left:5px;
	}

#navigation {
 width: 980px;
 text-align:center;
 padding-top:5px;
 border-bottom:#333333 solid 1px;
 height: 27px;
 z-index:10;
}

#navheaders {
 background-image:url(../imgs/button_bk2.png);
 background-repeat:no-repeat;
 background-position: top;
 float:left;
 width:179px;
 height:22px;
 display:block;
 margin-right:14px;
 padding-top:5px;
 color:#FFFFFF;
 text-decoration:none;
  z-index:10;
}

#navheaders:hover{
text-decoration: underline;
color:#FFFFFF;
 background-image:url(../imgs/button_bk_roll.png);
 background-repeat:no-repeat;
 background-position: top;
 width:179px;
 height:22px;
 display:block;
 padding-top:5px;
 z-index:10;
}

	.zebra_odd {
		background-color: #2f3439;
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-top:#000000 solid 1px;
		width: 169px;
		 z-index:10;
	}
	.zebra_even { 
		background-color: #b3b4b4;
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-top:#000000 solid 1px;
		width: 169px;
		 z-index:10;
	}
	.zebra_even3 { 
		background-color: #b3b4b4;
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-top:#000000 solid 1px;
		border-bottom:#000000 solid 1px;
		width: 169px;
		 z-index:10;
	}
	.zebra_odd2 { 
		background-color:  #2f3439;
		border-left:#000000 solid 1px;
		border-right:#000000 solid 1px;
		border-top:#000000 solid 1px;
		width: 169px;
		 z-index:10;
	}	
	.zebra_odd a{
		background-color: #2f3439;
		text-decoration: none;
		color:#fff;
		width: 169px;
		 z-index:10;
	}
	.zebra_odd a:hover{
		background-color: #ff9933;
		text-decoration: underline;
		color:#fff;
		width: 159px;
		 z-index:10;
	}
	
	.zebra_even a{
		background-color: #b3b4b4;
		text-decoration: none;
		color:#fff;
		width: 169px;
		 z-index:10;

	}
	.zebra_even a:hover{
		background-color: #ff9933;
		text-decoration: underline;
		color:#fff;
		width: 159px;
		 z-index:10;
	}
		.zebra_odd2 a{
		background-color:  #2f3439;
		text-decoration: none;
		color:#fff;
		width: 169px;
		 z-index:10;
	}
	.zebra_odd2 a:hover{
		background-color: #ff9933;
		text-decoration: underline;
		color:#fff;
		width: 159px;
		 z-index:10;
	}
		.zebra_even3 a{
		background-color:  #b3b4b4;
		text-decoration: none;
		color:#fff;
		width: 169px;
		 z-index:10;
	}
	.zebra_even3 a:hover{
		background-color: #ff9933;
		text-decoration: underline;
		color:#fff;
		width: 159px;
		 z-index:10;
	}
	.zebra_even4 a{
		background-color:  #b3b4b4;
		text-decoration: none;
		color:#fff;
		border:#000000 solid 1px;
		width: 169px;
		 z-index:10;
	}
	.zebra_even4 a:hover{
		background-color: #ff9933;
		text-decoration: underline;
		color:#fff;
		border:#000000 solid 1px;
		width: 159px;
		 z-index:10;
	}

#breadcrumb{

height:28px;
border-bottom:#848484 solid 1px;
font-size:10px;
}
#breadcrumb ul {
padding-top:13px;
padding-left:6px;
list-style-type:none;
}
#breadcrumb li{
float:left;
padding-left:6px;
color:#000;
}
#breadcrumb li a {
color:#000;
display:block;
text-decoration:none;
}
#breadcrumb li a:hover {
color:#006699;
display:block;
text-decoration:underline;
}

#content { 
 width: 980px;
 color: #000;
 background-image:url(../imgs/footerbk2.png);
 background-position:bottom;
 background-repeat:no-repeat;

}
#content2{ 
 width: 980px;
 color: #000;
 min-height:700px;
 margin-bottom:-40px;

}
#content3{ 
 width: 980px;
 color: #000;
}
#contentrat { 
 width: 980px;
 color: #000;
 background-image:url(../imgs/footerbk3.png);
 background-position:bottom;
 background-repeat:no-repeat;

}
#contentfly { 
 width: 980px;
 color: #000;
 background-image:url(../imgs/footerbk4.png);
 background-position:bottom;
 background-repeat:no-repeat;

}

#productimgs{
 text-align:center;
 border-bottom:#848484 solid 1px;
 padding-top:25px;
 padding-bottom:25px;

 z-index:-1;
 }
 
#prodimgsdecor{
padding-top:5px;
}

ul.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding-left: 380px;
					padding-bottom:20px;
					
					
                }

                ul.tabNavigation li {
                    display: inline;
					width:147px;
					height:32px;
					
					
                }
				ul.tabNavigation a.selected,
				ul.tabNavigation li:hover {
                    display: inline;
					width:147px;
					height:32px;
					
                }

                ul.tabNavigation li a {
					width:147px;
					height:32px;
					background-image:url(../imgs/tab_bk.png);
					background-repeat:no-repeat;
                    color: #fff;
					text-align:center;
                    text-decoration: none;
					float:left;
					padding-top:4px;
                }

                ul.tabNavigation li a.selected,
                ul.tabNavigation li a:hover {
					background-image:url(../imgs/tab_bkroll.png);
					background-repeat:no-repeat;
                    color: #fff;
					width:147px;
					height:32px;
					text-align:center;
					display:block;
                }
                
                ul.tabNavigation li a:focus {
                        outline: 0;
                }
				
				
				ul.tabNavigation2 {
                    list-style: none;
                    margin: 0;
                    padding-left: 680px;
					padding-bottom:20px;
					
                }

                ul.tabNavigation2 li {
                    display: inline;
					width:147px;
					height:32px;
					
					
                }
				ul.tabNavigation2 a.selected,
				ul.tabNavigation2 li:hover {
                    display: inline;
					width:147px;
					height:32px;
					
                }

                ul.tabNavigation2 li a {
					width:147px;
					height:32px;
					background-image:url(../imgs/tab_bk.png);
					background-repeat:no-repeat;
                    color: #fff;
					text-align:center;
                    text-decoration: none;
					float:left;
					padding-top:4px;
                }

                ul.tabNavigation2 li a.selected,
                ul.tabNavigation2 li a:hover {
					background-image:url(../imgs/tab_bkroll.png);
					background-repeat:no-repeat;
                    color: #fff;
					width:147px;
					height:32px;
					text-align:center;
					display:block;
                }
                
                ul.tabNavigation2 li a:focus {
                        outline: 0;
                }
				
				
				
                div.tabs > div {
                        padding: 15px;
                        margin-top: 3px;
                        background-image:url(../imgs/navdecor_2.gif);
						background-repeat:no-repeat;
 						background-position:center top;	
						
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }
				
				                div.tabs2 > div {
                        padding: 15px;
                        margin-top: 3px;
                        background-image:url(../imgs/navdecor_2.gif);
						background-repeat:no-repeat;
 						background-position:center top;	
						
                }
                
                div.tabs2 > div h2 {
                        margin-top: 0;
                }

                #first {
                    color:#000000;
					height:100%;
					min-height:500px;
					 
                }

                #second {
                   color:#000000;
				   min-height:500px;
                }

                #third {
                    color:#000000;
					min-height:500px;
					height:100%;
                }
				
				#forth {
                    color:#000000;
					min-height:500px;
					height:100%;
                }
				.sideproduct{
				float:left;
				display:block;
				padding-right:40px;
				
				}
				
				.rightofbullets{
				float:right;}

.bullets {
padding-top: 20px;
}

.bullets li{
padding-bottom:15px;
background-image: url(../imgs/bullet2.png);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left:25px;
}

.bullets li p{
padding-top: 6px;
}

#crosssell{
border-top:#848484 solid 1px;
padding-top:10px; 
padding-bottom:10px;
padding-left:15px;

}
#crosssell h3{
color:#f79321;
padding-bottom:15px;
}

#crosssell ul li{
display:inline;
padding-right:8%;
}


#footer { 
margin-top:30px;
padding-top:5px;
 width: 100%;
 color:#FFFFFF;
 height:300px;
 background-image:url(../imgs/footerbk1.gif);
 background-repeat:repeat-x;
 clear:both;
 
}
#footer2 { 
margin-top:30px;
padding-top:5px;
 width: 100%;
 color:#FFFFFF;
 height:300px;
 background-image:url(../imgs/footerbk2.gif);
 background-repeat:repeat-x;
 
}
#footer3 { 
margin-top:30px;
padding-top:5px;
 width: 100%;
 color:#FFFFFF;
 height:300px;
 background-image:url(../imgs/footerbk3.gif);
 background-repeat:repeat-x;
 
}


#footerinside{ 
 margin: 0 auto;
 width: 980px;
 height:300px;
 color:#FFFFFF;
 clear:both;
 background-image: url(../imgs/navdecor_invert.png);
 background-position:top;
 background-repeat:no-repeat;
}
#footerinside h5{
padding-bottom:10px;}

#footerinside ul{
float:left;
padding-left:25px;
padding-top:20px;
}
#footerinside ul li{
width: 130px;
font-size:10px;
line-height:24px;
}
#footerinside ul li a{
color:#FFFFFF;
text-decoration:none;
}

#footerinside ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#legal{
width: 65%;
font-size:9px;
padding-top:30px;
clear:left;
color:#FFFFFF;
}
#legal img{
float:left;
padding-right:5px;}

#signup{
padding-top:8px;
width:322px;
float:right;
clear:both;
background-image: url(../imgs/signuptop.png);
background-position:top;
background-repeat:no-repeat;

}
#signup fieldset{
padding-left:25px;
}
label{
color:#FFFFFF;
}
legend{
color:#FFFFFF;
padding-bottom:3px;
}

#sysreg{
padding-left:30px;
}

#sysreg img{
padding-top:8px;}


#col1{
float:right;
width:57%;
padding-right:50px;
height:100%;
line-height:20px;
}
#col2{
line-height:20px;
width:36%;
}
#col1 img{
padding-top:8px;
}

#col3{
float:right;
width:36%;
padding-right:50px;
height:100%;
line-height:20px;

}
#col4{
line-height:20px;
width:57%;
min-height:300px;
}
#col4 img{
padding-left:50px;
padding-top:10px;

}

#gallery li{
display: inline;
float:left;
padding-left:15%;
padding-top:60px;}

#gallery7 li{
display: inline;
float:left;
padding-left:15%;
padding-top:30px;
}

.buyonline{
padding-left: 50px;
padding-top:70px;
line-height:60px;
}

#usstore{
background-image: url(../imgs/usa.png);
background-repeat:no-repeat;
background-position: left;
display:block;

}

#usstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#usstore a:hover{
text-decoration:underline;
}

#ukstore{
background-image: url(../imgs/uk.png);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#ukstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#ukstore a:hover{
text-decoration:underline;
}

#destore{
background-image: url(../imgs/Germany.png);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#destore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#destore a:hover{
text-decoration:underline;
}

#frstore{
background-image: url(../imgs/France.png);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#frstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#frstore a:hover{
text-decoration:underline;
}

blockquote{
padding-left:20px;}


#conform label{
color:#000000;
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;

}
#conform legend{
color:#000000;
padding-bottom:20px;
}
.submit input
{
margin-left: 4.5em;
} 

#contactinfo{
padding-left:40px;
padding-top:20px;


}
#conform p{
padding-bottom:5px;}

#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:969px;
		height:379px;
		overflow:hidden; 
		}	
#slider{
 margin: 0 auto;}
 
#productsbottom{
list-style: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:-10px;

}


#productsbottom li{
float: left;
margin: 0;
padding: 0;
padding-bottom:70px;
}

#productsbottom li a{
color: #fff;
display: block;
padding: 120px 22px 28px ;
width:194px;
text-align:left;
text-decoration:none;
clear:none;
}
#productsbottom li a h3{
padding-left:20px;
color:#FFFFFF;
}
#productsbottom li a:hover{
}

li#product1 a{
background: url(../imgs/Rat9FPlink.png) no-repeat top ;
padding-left:30px;
}
li#product2 a{
background:  url(../imgs/Rat7FPlink.png)  no-repeat top ;
}
li#product3 a{
background: url(../imgs/Rat5FPlink.png)  no-repeat top ;
}
li#product4 a{
background:  url(../imgs/Rat3FPlink.png)  no-repeat top ;
}
li#product4 a:hover{
background:  url(../imgs/Rat3FPlink_roll.png)  no-repeat top ;
}
li#product3 a:hover{
background: url(../imgs/Rat5FPlink_roll.png)  no-repeat top ;
}
li#product2 a:hover{
background:  url(../imgs/Rat7FPlink_roll.png)  no-repeat top ;
}
li#product1 a:hover{
background:  url(../imgs/Rat9FPlink_roll.png)  no-repeat top ;
}

#videolink1{
text-align:center;
padding-top:5px;
}
#videolink2{
padding-top:5px;
}
#rollover1{
background-image: background: url(../imgs/Rat3FPlink.png)  no-repeat top  background-position: -1000px -1000px;
}
#rollover2{
background-image: background: url(../imgs/Rat5FPlink.png)  no-repeat top  background-position: -1000px -1000px;
}
#rollover3{
background-image: background: url(../imgs/Rat7FPlink.png)  no-repeat top  background-position: -1000px -1000px;
}
#rollover4{
background-image: background: url(../imgs/Rat9FPlink.png)  no-repeat top  background-position: -1000px -1000px;
}
#manuals{
height:340px;
padding-top:30px;}

#manualscol2{
float:left;
padding-right:40px;
clear:none;}

#flags{background: none;
float:right;
padding-right:165px;
clear:both;
margin-top:-116px;

}
#flags img{background: none;


padding-top:8px;
padding-right:10px;
border:none;
}

#productintrosup{
width:90%;
padding-left:40px;
padding-top:20px;
background-image:url(../img/supportbk.jpg);
background-position:right center;
background-repeat:no-repeat;}

#productintrosup p{
padding-bottom:10px;
line-height:20px;}

#productintrosup ul li{
list-style: none; /* Dropping the list style */
background: url(../img/bullet.gif) no-repeat center left; /* Adding the bullet as a background instead */
padding-left:15px;
line-height:30px;
}

#castore{
background-image: url(../imgs/canadian.png);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#castore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#castore a:hover{
text-decoration:underline;
}
