* {
padding : 0;
margin : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
background-image : url(images/bg.jpg);
background-repeat : repeat-x;
}
img {
padding : 3px;
border : 1px solid #d0660a;
border : 1px solid #9cf449;
}
img.floatTL {
float : left;
margin-right : 7px;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 10px;
max-width: 230px;
}
img.floatTR {
float : right;
margin-right : 10px;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 7px;
max-width: 230px;
}
img.floatNO {
float : none;
margin-right : auto;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 16px;
max-width: 520px;
}
#wrapper {
width : 770px;
margin : 0 auto;
}
#navbar {
background-color : #99ff34;
margin-top : 10px;
}
#navbar ul {
margin : 0;
padding : 0;
list-style : none;
margin-left : 50px;
}
#navbar li {
display : inline;
}
#navbar a {
text-transform : uppercase;
text-decoration : none;
font-size : 12px;
font-weight : bold;
padding : 5px 10px 5px 10px;
color : #656565;
}
#navbar a:hover {
color : #ffd;
padding : 5px 10px 5px 10px;
}
#header {
height : 100px;
background-color : #fff;
}
#header div#lineone  a {
	color: #80d22e;
	text-decoration:none;
}
#header div#lineone {
font-size : 2em;
font-weight : lighter;
font-family : helvetica, arial, sans-serif;
padding-top : 10px;
padding-left : 5px;
color : #99ff32;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
}
#header div#lineone span {
color : #7e7e7e;
}
#header div#linetwo {
padding-left : 5px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
top : 25px;
left : 14px;
color : #7e7e7e;
}
#leftcolumn {
display : inline;
width : 560px;
margin-top : 45px;
float : left;
min-height : 300px;
background-color : #fff;
}
* html #leftcolumn {
max-height : 300px;
}
.content {
margin-top : 15px;
}
.content p {
color : #274563;
line-height : 1.6em;
letter-spacing : 0.05em;
padding : 0 16px 8px 16px;
}
.content a {
color : #37cc3c;
}
img.product, .product img {
border : 1px solid #7e7e7e;
margin : 12px 8px 4px 8px;
}

.prod {
width : 33%;
float : left;
text-align : center;
padding-bottom : 25px;
}
#leftcolumn h1 {
padding-left : 5px;
font-size : 1.5em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h2 {
padding-left : 5px;
font-size : 1.4em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h3 {
padding-left : 5px;
font-size : 1.3em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h4 {
padding-left : 5px;
font-size : 1.2em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#productbox1 {
margin-top : 5px;
margin-bottom : 10px;
}
#productbox1 a {
text-align : left
float : none
color : #80d22e;
font-weight : bolder;
}
.content {
margin : 0 auto;
padding : 5px;
display : inline;
width : 100%;;
text-align : justify;
line-height : 1.5em;
}
.content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}
.content h3 {
padding-left : 5px;
font-size : 1.2em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #99ff33;
}

#productbox2 {
margin-top : 5px;
margin-bottom : 10px;
}
#rightcolumn {
display : inline;
margin-top : -125px;
width : 208px;
float : left;
background-color : #fff;
min-height : 300px;
background-image : url(images/logo.jpg);
background-repeat : no-repeat;
background-position : 10px 35px;
padding-top: 240px;
}
* html #rightcolumn {
height : 300px;
}
.righttop {
text-align : center;
padding-top : 15px;
}
.righttop a {
color : #7e7e7d;
padding-top : 15px;
padding-left : 15px;
padding-right : 15px;
}
.featuredproduct {
margin-left : 5px;
margin-bottom: 10px;
text-align : center;
width : 198px;
border : 1px solid #7f7f76;
padding-bottom : 10px;
}
.featuredproduct .submenu {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.3em;
font-weight : lighter;
padding-top : 3px;
padding-bottom : 5px;
background-color : #7f7f7e;
color : #b3ff66;
text-transform : uppercase;
letter-spacing : -1px;
}
.fp {
margin-top : 15px;
}
.fp h4 {
font-size : 1.2em;
font-weight : lighter;
padding-top : 5px;
padding-bottom : 5px;
}
.fp p {
font-size : 1em;
font-weight : lighter;
padding-bottom : 5px;
}
.fp a {
color : #80d22e;
font-weight : bolder;
padding-bottom : 10px;
}

#rightcolumn ul {
	padding: 0 5px; margin: 0;
	text-align: left;
}
#rightcolumn ul li {
	padding: 0; margin: 10px 0;
	list-style: none;
}


#footer {
background-color : #7e7e7f;
display : inline;
float : left;
width : 100%;
text-align : center;
}
#footer p {
padding : 5px;
color : #ffe;
}
#footer a {
color : #99ff32;
}




@media screen and (max-width: 680px) {

body {
font-family : Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
background-image : url(images/bg.jpg);
background-repeat : repeat-x;
}
img {
padding : 3px;
border : 1px solid #d0660a;
border : 1px solid #9cf449;
}
img.floatTL {
float : left;
margin-right : 7px;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 10px;
max-width: 40%;
}
img.floatTR {
float : right;
margin-right : 10px;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 7px;
max-width: 40%;
}
img.floatNO {
float : none;
margin-right : auto;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 0;
max-width: calc(100% - 8px);
}
#wrapper {
width : 100%;
margin : 0 auto;
}
#navbar {
background-color : #99ff34;
margin-top : 10px;
}
#navbar ul {
margin : 0;
padding : 0;
list-style : none;
margin-left : 50px;
}
#navbar li {
display : inline;
}
#navbar a {
text-transform : uppercase;
text-decoration : none;
font-size : 12px;
font-weight : bold;
padding : 5px 10px 5px 10px;
color : #656565;
}
#navbar a:hover {
color : #ffd;
padding : 5px 10px 5px 10px;
}
#header {
height : 100px;
background-color : #fff;
}
#header div#lineone  a {
	color: #80d22e;
	text-decoration:none;
}
#header div#lineone {
font-size : 2em;
font-weight : lighter;
font-family : helvetica, arial, sans-serif;
padding-top : 10px;
padding-left : 5px;
color : #99ff32;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
}
#header div#lineone span {
color : #7e7e7e;
}
#header div#linetwo {
padding-left : 5px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
top : 25px;
left : 14px;
color : #7e7e7e;
}
#leftcolumn {
display: block;
width : 100%;
margin-top : 45px;
float : none;
min-height : 300px;
background-color : #fff;
}

.content {
margin-top : 15px;
}
.content p {
color : #274563;
line-height : 1.6em;
letter-spacing : 0.05em;
padding : 0 16px 8px 16px;
}
.content a {
color : #99ff31;
}
img.product, .product img {
border : 1px solid #7e7e7e;
margin : 12px 8px 4px 8px;
}

.prod {
width : 33%;
float : left;
text-align : center;
padding-bottom : 25px;
}
#leftcolumn h1 {
padding-left : 5px;
font-size : 1.5em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h2 {
padding-left : 5px;
font-size : 1.4em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h3 {
padding-left : 5px;
font-size : 1.3em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#leftcolumn h4 {
padding-left : 5px;
font-size : 1.2em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #80d22e;
}
#productbox1 {
margin-top : 5px;
margin-bottom : 10px;
}
#productbox1 a {
text-align : left;
float : none;
color : #80d22e;
font-weight : bolder;
}
.content {
margin : 0 auto;
padding : 5px;
display : inline;
width : 100%;;
text-align : justify;
line-height : 1.5em;
}
.content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0.1em;
}
.content h3 {
padding-left : 5px;
font-size : 1.2em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #99ff33;
}

#productbox2 {
margin-top : 5px;
margin-bottom : 10px;
}
#rightcolumn {
display: block;
margin-top : 30px;
width : 100%;
float : none;
background-color : #fff;
min-height : 300px;
background-image : none;
background-repeat : no-repeat;
background-position : 10px 35px;
padding-top: 10px;
}

.righttop {
text-align : center;
padding-top : 15px;
}
.righttop a {
color : #7e7e7d;
padding-top : 15px;
padding-left : 15px;
padding-right : 15px;
}
.featuredproduct {
margin-left : 5px;
margin-bottom: 10px;
text-align : center;
width : calc(100% - 12px);
border : 1px solid #7f7f76;
padding-bottom : 10px;

}
.featuredproduct h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.3em;
font-weight : lighter;
padding-top : 3px;
padding-bottom : 5px;
background-color : #7f7f7e;
color : #b3ff66;
text-transform : uppercase;
letter-spacing : -1px;
}
.fp {
margin-top : 15px;
}
.fp h4 {
font-size : 1.2em;
font-weight : lighter;
padding-top : 5px;
padding-bottom : 5px;
}
.fp p {
font-size : 1em;
font-weight : lighter;
padding-bottom : 5px;
}
.fp a {
color : #80d22e;
font-weight : bolder;
padding-bottom : 10px;
}

#rightcolumn ul {
	padding: 0 5px; margin: 0;
	text-align: left;
}
#rightcolumn ul li {
	padding: 0; margin: 20px 0;
	list-style: none;
	font-size: 1.2em;
}


#footer {
background-color : #7e7e7f;
display: block;
float : none;
width : 100%;
text-align : center;
}
#footer p {
padding : 5px;
color : #ffe;
}
#footer a {
color : #99ff32;
}


}