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

h1{font-size:25px;font-family:Arial;font-weight:400;color: black;}
h2{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h3{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h4{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h5{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h6{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}

.buybutton {
        font-family: Verdana, Arial, sans-serif;
        display: inline-block;
        background: black;
        border: 0px solid grey ;
        padding: 9px 20px 9px 20px;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
                }

.buybutton:hover {
        text-decoration: none;
		background: grey;
}

body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.style1
{
	font-size:13px;
	font-weight:300;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
}

.style2
{
	text-size:12px;
}

.style3
{
	text-size:12px;
}

.style8
{
font-size:14px;
font-family:Arial;
color:#666666;
margin-top:0px;
  margin-bottom:0px;
}

.style9
{
	font-size:20px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
}

.style13
{
font-size:19px;
font-family:Arial;
color:black;
margin-top:5px;
  margin-bottom:0px;
}

.style11
{
font-size:12px;
font-family:Arial;
color:#666666;
margin-top:5px;
  margin-bottom:0px;
}

.style10
{
font-size:15px;
font-family:Arial;
color:#666666;
margin-top:5px;
  margin-bottom:0px;
  font-weight:400;
}

.style16
{
font-size:12px;
font-family:Arial;
color:red;
margin-top:5px;
  margin-bottom:7px;
}

.left  {
float:left;
}
.right  {
float:right;
}

.rightphone  {
float:right;
padding: 0px 75px 0px 0px;
}


.picw {
  width: 90%;
  height: auto;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E0E0E7;
    margin: 1em 0;
    padding: 0; 
}

#content{
margin: auto;
  width: 100%;
  max-width: 1200px;
  padding: 10px 0px 0px 0px;
  }

#linkstop{
float:right;
width:550px;
}

#linkstopmob{
display: none;
}

#link{
font: 80% Arial;
font-size:14px;
}
#link ul{
list-style-type:none;
margin:0;
padding:0;

}
#link li{
float:left;
padding:10px;
}
#link a:link, #link a:visited{
display:block;
color:black;
background-color:none;
text-align:center;
text-decoration:none;
}
#link a:hover, #link a:active{
background-color:none;
text-decoration: underline;
}

#toppagedel{
float: left;
width: 100%;
background: #48484C;
margin: 0 auto;	
}

#toppage{
float: left;
width: 100%;
background: #2E3192;
margin: 0 auto;	
}

#topsection{
float: left;
width: 100%;	
margin: auto;
}

#toplsection{
float: left;
width: 48%;
max-width: 600px;
}

#toprsection{
float: left;
width: 100%;	
min-width: 300px;
}

#pd{
float: left;
width: 100%;
}

#navigation{  
width: 100%;
float: left;
background: #2E3192;
border-bottom:0px solid navy;
}

#navmenu{
	margin:0;
	padding:0;
	
}

#navmenu ul{
	margin:0;
	padding:0;
	line-height:33px;
	
}

#navmenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#2E3192;
	padding: 0px 0px 0px 0px;
	width:115px;
	color: black;
}

#navmenu li li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	color: white;
	width:100%;
}


#navmenu ul li a{
	
	background:  url(../images/navigation/line.gif) bottom right no-repeat;
	text-align:center;
	font-family:"Helvetica";
	text-decoration:none;
	height:33px;
	width: 100%;
	display: block;
	color:white;
	border:none;
	
}

#navmenu ul ul{
	position:absolute;
	visibility:hidden;
	top:33px;
	background:grey;
	padding: none;
	width: 125px;
}

#navmenu ul li:hover ul{
	visibility:visible;
	top:33px;
	
}

#navmenu li:hover{
	background-color:black;
	color:red;
	

}

#navmenu ul li:hover ul li a:hover{
	background:black;
	color:lightblue;
	text-decoration:underline;
}

#navmenumob{
	display: none;
}

#navmenumid{
	display: none;
}

.desktop{
width: auto;
}

.mobile{
display: none;
}

#categorynav{
	float: left;
	width: 200px;
}

#cat ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: white;
  border: 0px solid #555;
}

#cat li a {
  display: block;
  color: #000;
  text-decoration: none;
}

#cat li {
  text-align: left;
  padding: 7px 0px 7px 25px;
  border-bottom: 0px solid #555;
}


#cat li:last-child {
  border-bottom: none;
}

#cat li a.active {
  background-color: white;
  color: black;
  border-bottom: 2px solid #E6E9EA;
  text-align: left;
  padding: 7px 0px 15px 0px;
  font-weight:600;
}

#cat li a:hover:not(.active) {
  background-color: white;
  text-decoration:underline;
  color: black;
}

#cat1{
float: right;
width: 80%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#cat2{
float: right;
width: 100%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#catimage{
float: left;
width: 30%;
}

#cattext{
float: left;
width: 100%;
}

#viewall{
float: left;
width: 300px
}

#viewall1{
float: left;
width: 300px
}

#viewall2{
float: left;
width: 300px
}

#chartaccess{
float: left;
width: 850px;
height: auto;
margin: 10px 10px 10px 10px;
border: 0px solid #f1f1f1;
}

#chartaimage{
float: left;
width: 400px;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#chartbimage{
float: left;
width: 160px;
height: 340px;
margin: 0px;
padding: 0px 8px 0px 8px;
border: 0px solid #f1f1f1;
}

#chartbsection{
float: left;
width: 850px;
height: auto;
margin: 0px;
padding: 0px 8px 0px 8px;
border: 0px solid #f1f1f1;
}

#chartlargeimage{
float: left;
width: 800px;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#chartlargetext{
float: left;
width: 800px;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#accessorytop{
float: left;
width: 80%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}


.accessorymain{
float: right;
width: 850px;
height: auto;
margin: 10px 10px 10px 10px;
border: 0px solid blue;
}

.accessoryleft{
float: left;
width: 160px;
height: 180px;
margin: 10px 10px 10px 10px;
border: 2px solid #f1f1f1;
}

.accessoryright{
float: left;
width: 400px;
height: 180px;
margin: 10px 10px 10px 10px;
border: 2px solid #f1f1f1;
}

.accessorybasket{
float: left;
width: 200px;
height: auto;
margin: 10px 10px 10px 10px;
border: 0px solid #f1f1f1;
}

A:link{
color: #0099ff;
text-decoration: none;
}
A:visited{ 
color: #7401DF;
text-decoration: none;
}
A:hover{
color: #003399;
text-decoration:underline;
}
A:active{
color: #003399;
text-decoration: none;
}

#addtobasket{
float: left;
width: 100%;
max-width: 600px;
}

.footlink{
font: 80% Arial;
font-size:12px;
line-height:19px;
}
.footlink ul{
list-style-type:none;
margin:0;
padding:0;

}
.footlink li{
padding:1px;
}
.footlink a:link, .footlink a:visited{
color:#48484C;
background-color:none;
text-align:left;
text-color:white;
text-decoration:none;
}
.footlink a:hover, .footlink a:active{
background-color:none;
text-decoration: underline;
text-colour:#003399;
}

.style19
{
	font-size:16px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 250%;
  color: white;
}

.style20
{
	font-size:20px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 250%;
}

.style22
{
	font-size:12px;
	font-weight:100;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 100%;
}


#div1f {
	float:left;
	width:100%;
      margin:0px;
      padding:20px;
      border:1px solid #cccccc;
      background:#E0E0E7;
	   }

#div2f {
	width:210px;
      height: 225px;
	  float:left;
	  margin:0px 10px 0px 10px;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:black;
	   }


#div3f {
	width:260px;
      float:left;
	  margin:0 auto;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:black;
	   }


#div4f {
	  width:300px;
      float:left;
	  margin:0 auto;
      padding:30px;
      border:0px solid #cccccc;
      background:transpoarent;
	   }

#div5f {
	  width:100%;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
	   }

#sitemap{
width:100%;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
}

#sitemap3{
width:280px;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
}

.clear{
    clear: both;
}

@media (max-width:1050px)
{

#content{
margin: auto;
  width: 80%;
  padding: 10px 0px 0px 0px;
  }
  
#navmenu{
display: none;
}

#navmenumid{
	display: inline;
	margin:0;
	padding:0;
	
}

#navmenumid ul{
	margin:0;
	padding:0;
	line-height:33px;
	
}

#navmenumid li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#2E3192;
	padding: 0px 0px 0px 0px;
	width:100px;
	color: black;
}

#navmenumid li li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	color: white;
	width:100%;
}


#navmenumid ul li a{
	
	background:  url(../images/navigation/line.gif) bottom right no-repeat;
	text-align:center;
	font-family:"Helvetica";
	text-decoration:none;
	height:33px;
	width: 100%;
	display: block;
	color:white;
	border:none;
	
}

#navmenumid ul ul{
	position:absolute;
	visibility:hidden;
	top:33px;
	background:grey;
	padding: none;
	width: 125px;
}

#navmenumid ul li:hover ul{
	visibility:visible;
	top:33px;
	
}

#navmenumid li:hover{
	background-color:black;
	color:red;
	

}

#navmenumid ul li:hover ul li a:hover{
	background:black;
	color:lightblue;
	text-decoration:underline;
}

.style19
{
	font-size:11px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 250%;
  color: white;
}

#categorynav{
	float: left;
	width: 210px;
}

#cat ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: white;
  border: 0px solid #555;
}

#cat li a {
  display: block;
  color: #000;
  text-decoration: none;
}

#cat li {
  text-align: left;
  padding: 7px 0px 7px 25px;
  border-bottom: 0px solid #555;
}


#cat li:last-child {
  border-bottom: none;
}

#cat li a.active {
  background-color: white;
  color: black;
  border-bottom: 2px solid #E6E9EA;
  text-align: left;
  padding: 7px 0px 15px 0px;
  font-weight:600;
}

#cat li a:hover:not(.active) {
  background-color: white;
  text-decoration:underline;
  color: black;
}

#cat1{
float: left;
width: 330px;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#cat2{
float: left;
width: 100%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#catimage{
float: left;
width: 330px;
}

#cattext{
float: left;
width: 100%;
}

#chartaccess{
float: left;
width: 350px;
height: auto;
margin: 10px 0px 10px 2px;
border: 0px solid #f1f1f1;
}

#chartaimage{
float: left;
width: 350px;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#chartbimage{
float: left;
width: 160px;
height: 340px;
margin: 0px;
padding: 0px 8px 0px 8px;
border: 0px solid #f1f1f1;
}

#chartbsection{
float: left;
width: 100%;
height: auto;
margin: 0px;
padding: 0px 8px 0px 8px;
border: 0px solid #f1f1f1;
}

#chartlargeimage{
display: none;
}

#chartlargetext{
float: left;
width: 100%;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#accessorytop{
float: left;
width: 100%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

.accessorymain{
float: left;
width: 340px;
height: 400px;
margin: 10px 10px 10px 10px;
border: 0px solid blue;
}

.accessoryright{
float: left;
width: 340px;
height: 180px;
margin: 10px 10px 10px 0px;
border: 2px solid #f1f1f1;
}

.accessoryleft{
float: left;
width: 160px;
height: 180px;
margin: 0px;
border: 2px solid #f1f1f1;
}


.accessorybasket{
float: left;
width: 160px;
height: auto;
margin: 0px 0px 0px 15px;
border: 0px solid #f1f1f1;
}

#sitemap3{
width:270px;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
}


}
@media (max-width:700px)
{
#content{
margin: none;
  width: 100%;
  border: 0px solid #73AD21;
  padding: 0px;
  }
 
#linkstop{
display: none;
}

#linkstopmob{
display: inline;
float:right;
width:300px;
}
 
#navmenu{
display: none;
}

#navmenumid{
display: none;
}

#navmenumob{
	display: inline;
	margin:0;
	padding:0;
	
}

#navmenumob ul{
	margin:0;
	padding:0;
	line-height:33px;
	
}

#navmenumob li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#2E3192;
	padding: 0px 0px 0px 0px;
	width:101px;
	color: black;
}

#navmenumob li li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#978E8E;
	color: white;
	width:100%;
}


#navmenumob ul li a{
	
	background:  url(../images/navigation/line.gif) bottom right no-repeat;
	text-align:center;
	font-family:"Helvetica";
	text-decoration:none;
	height:33px;
	width: 100%;
	display: block;
	color:white;
	border:none;
	
}

#navmenumob ul ul{
	position:absolute;
	visibility:hidden;
	top:33px;
	background:grey;
	padding: none;
	width: 125px;
}

#navmenumob ul li:hover ul{
	visibility:visible;
	top:33px;
	
}

#navmenumob li:hover{
	background-color:black;
	color:red;
	

}

#navmenumob ul li:hover ul li a:hover{
	background:black;
	color:lightblue;
	text-decoration:underline;
}

#categorynav{
	float: left;
	width: 100%;
}

#cat ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white;
  border: 0px solid #555;
}

#cat li a {
  display: block;
  font-size: 20px;
  color: #000;
  text-decoration: none;
}

#cat li {
  text-align: left;
  padding: 7px 0px 7px 25px;
  border-bottom: 0px solid #555;
}


#cat li:last-child {
  border-bottom: none;
}

#cat li a.active {
  background-color: white;
  color: black;
  border-bottom: 2px solid #E6E9EA;
  text-align: left;
  padding: 7px 0px 15px 0px;
  font-weight:600;
}

#cat li a:hover:not(.active) {
  background-color: white;
  text-decoration:underline;
  color: black;
}

#cat1{
float: left;
width: 100%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#cat2{
float: left;
width: 100%;
height: auto;
margin: 10px 0px 10px 10px;
border: 0px solid #f1f1f1;
}

#catimage{
float: left;
width: 100%;
}

#cattext{
float: left;
width: 100%;
}

#toplsection{
float: left;
width: 100%;
}

#chartaccess{
float: left;
width: 100%;
height: auto;
margin: 10px 0px 10px 2px;
border: 0px solid #f1f1f1;
}

#chartlargetext{
float: left;
width: 100%;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}

#chartaimage{
float: left;
width: 100%;
height: auto;
margin: 0px;
border: 0px solid #f1f1f1;
}
	
.accessorymain{
float: left;
width: 310px;
height: 360px;
margin: 10px 0px 10px 0px;
border: 0px solid blue;
}

.accessoryright{
float: left;
width: 300px;
height: auto;
margin: 10px 0px 10px 0px;
border: 2px solid #f1f1f1;
}

.accessoryleft{
float: left;
width: 160px;
height: 180px;
margin: 0px;
border: 2px solid #f1f1f1;
}


.accessorybasket{
float: left;
width: 140px;
height: auto;
margin: 0px 0px 0px 0px;
border: 0px solid #f1f1f1;
}

.desktop{
display: none;
}

.mobile{
display: inline;
width: 300px;
}

#div1f {
	float:left;
	width:100%;
      margin:0px;
      padding:0px;
      border:1px solid #cccccc;
      background:#E0E0E7;
	   }
	   
#div2f {
	width:260px;
      float:left;
	  margin:0px 10px auto;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:black;
	   }
	   
#div3f {
	width:100%;
      float:left;
	  margin:0 auto;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:black;
	   }
	   
	   #div5f {
	  width:100%;
      float:left;
	  margin:0 auto;
      padding:0px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
	   }
	  
#sitemap3{
width:300px;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:black;
}
	
}