* {
    box-sizing: border-box;
}

/* Style the body */
body {
    font-family: Arial,Tahoma,Verdana;
    margin: 0;
    font-size: 100%;
}

img.wrap {float: right;}

img.mainpic {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  }

/* Header/logo Title */
.header {
    padding: 5px;
    text-align: center;
    background: #1abc9c;
    color: white;
}


/* Style the top navigation bar */
.navbar {
    display: flex;
    background-color: #333;
    text-align: center;
    align-content: flex-end;
    justify-content: flex-end;
}

/* Style the navigation bar links */
.navbar a {
    color: white;
    padding: 2px 5px;
    text-decoration: none;
    text-align: center;
    /*align-content: flex-end;*/
    align-items: stretch;
    justify-content: space-around;
}

/* Change color on hover */
.navbar a:hover {
    background-color: #ddd;
    color: black;
}

/* Column container */
.row {  
    display: flex;
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    flex: 30%;
    background-color: #f1f1f1;
    padding: 5px;
}
.rightside {
    flex: 30%;
    background-color: #f1f1f1;
    padding: 5px;
}

/* Main column */
.main {
    flex: 75%;
    background-color: white;
    padding: 10px;
}

/* Fake image, just for this example */
.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}

/* Footer */
.footer {
    padding: 10px;
    text-align: center;
    background: #ddd;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
    .row, .navbar {   
        flex-direction: column;
    }
}

th {

	color : #000000;

	font-size : 13px;

	font-family : Tahoma,Verdana,Arial;

}

input, select {

	color : #000000;

	font-size : 12px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.px {

	padding-top : 0px;

	padding-bottom : 0px;

	padding-left : 0px;

	padding-right : 0px;

	margin-top : 2px;

	margin-bottom : 0px;

	margin-left : 0px;

	margin-right : 0px;

}

.px5 {

	padding-top : 0px;

	padding-bottom : 0px;

	padding-left : 0px;

	padding-right : 0px;

	margin-top : 5px;

	margin-bottom : 0px;

	margin-left : 0px;

	margin-right : 0px;

}

.title01 {

	color : #010101;

	margin-top : 11px;

	padding-bottom : 10px;

	margin-bottom : 0px;

	margin-left : 15px;

	margin-right : 15px;

	font-size : 13px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

	font-style: italic;

}

.title {

	color : #010101;

	margin-top : 1px;

	padding-bottom : 1px;

	margin-bottom : 1px;

	margin-left : 3px;

	margin-right : 10px;

	font-size : 13px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.title a {

	color : #010101;

}

.title a:hover {

	color : #011010;

}

.Features, .PackingList {

	color : #030201;

	margin-top : 1px;

	padding-bottom : 1px;

	margin-bottom : 1px;

	margin-left : 3px;

	margin-right : 10px;

	font-size : 13px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.list {

	color : #010101;

	margin-top :1px;

	padding-bottom : 0px;

	margin-bottom : 0px;

	margin-left : 10px;

	margin-right : 5px;

	font-size : 12px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: normal;

}

.right {

	color : #000002;

	margin-top : 5px;

	padding-bottom : 10px;

	margin-bottom : 0px;

	margin-left : 15px;

	margin-right : 15px;

	font-size : 12px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.right a, .list a {

	color : #020202;

}

.right a:hover {

	color : #AAAAAA;

}

.left {

	color : #000000;

	margin-top : 5px;

	padding-bottom : 5px;

	margin-bottom : 0px;

	margin-left : 15px;

	margin-right : 25px;

	font-size : 12px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.left b {

	color : #020202;

}

.left a {

	color : #010101;

}

.left a:hover {

	color : #022002;

}

p {

	color : #000000;

	margin-top : 3px;

	padding-bottom : 10px;

	margin-bottom : 0px;

	margin-left : 20px;

	margin-right : 20px;

	font-size : 12px;

	font-family : Tahoma,Verdana,Arial;

}

p a {

	color : #000000;

}

p a:hover {

	color : #022020;

}

.menu01 {

	color : #10add5;

	margin-top : 1px;

	padding-bottom : 1px;

	margin-bottom : 0px;

	margin-left : 10px;

	margin-right : 10px;

	font-size : 15px;
    
    font-weight: bolder;

	font-family : Tahoma,Verdana,Arial;

}

.menu01 a {

	color : #10add5;

	text-decoration: none;

}

.menu01 a:hover {

	color : #022002;

}

.menu02 {

	color : #010101;

	margin-top : 5px;

	padding-bottom : 5px;

	margin-bottom : 0px;

	margin-left : 20px;

	margin-right : 20px;

	font-size : 13px;

	font-family : Tahoma,Verdana,Arial;

	font-weight: bold;

}

.menu02 a {

	color : #0101010;

	text-decoration: none;

}

.menu02 a:hover {

	color : #022020;

}

.bar01 {

	color: #OOOOOO;

	margin-top: 1px;

	padding-bottom: 1px;

	margin-bottom: 0px;

	margin-left: 5px;

	margin-right: 20px;

	font-size: 16px;

	font-family: Arial,Tahoma,Verdana;

	font-weight: bold;

}

.b01 {

	color :#336699;

	margin-top : 1px;

	padding-bottom : 1px;

	margin-bottom : 1px;

	margin-left : 2px;

	margin-right : 0px;
	
    font-size :13px;
	
    background-color: "white";
    
	font-weight: bolder;
	
    font-family: Tahoma,Verdana,Arial;
    
    text-align: left;

}

.b01 a {

	color: #336699;

	font-size :12px;
	
    background-color: "white";
    
	font-weight: bolder;
	
    font-family: Tahoma,Verdana,Arial;
    
    text-decoration: none;

}

.b01 a:hover {

	color : #01dd01;

}

.b02 {

	color: #010101;

	margin-top: 1px;

	padding-bottom: 1px;

	margin-bottom: 0px;

	margin-left: 15px;

	margin-right: 0px;

	font-size: 12px;
    
	background-color: "white";

	font-family: Tahoma,Verdana,Arial;

	font-weight: bold;

}

.b01 a:hover {

	color : #022002;

}


/*Default Text Settings*/
* {
    font-family: "HelveticaNeue", sans-serif;
    font-weight: normal;
    font-size: 1em;
}

* strong {
    font-weight: bold;
}

img.center {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
} 

ul {
    list-style: square;
    margin-left:20;
}
ul li {
    margin: 5px;
    font-size: 0.8em;
}

/*Main Product Title Text Settings*/
.prodtitle {
    font-family: "Bodoni";
    font-size: 1.2em;
    text-align: center;
    color: #10add5;
    font-weight: bolder;
}

h1 {
    font-family: "Bodoni";
    font-size: 1.1em;
    text-align: center;
    color: #10add5;
    font-weight: bolder;
}

/*Product Subtitle Text Settings*/
.prodsubtitle, .Features .PackingList {
    color: gray;
    font-family: "Bodoni";
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
}
h2,h3,h4, H2, H3, H4 {
    color: #10add5;
    font-family: "Bodoni";
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
}

/*Product Tagline Text Settings: advertising lines*/
.tagline {
    color: #10add5;
    font-size: 1em;
    text-align: center;
    font-family: "Futura";
}

/* Warning Text in red */
.warning {
    color: red;
}
/* FAQ title formats */
.faqtitle {
    color: navy;
    font-size: 1.2em;
    font-family: "Futura";
    font-weight: bold;
}

.faq {
    color: navy;
    font-size: 1.1em;
    font-family: "Futura";
}


.dropbtn, .dropbtn a {
    background-color: #333;
    color: white;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}

.dropdown-content a {
    color: black;
    padding: 4px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ddd;
}