/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */
@font-face {
font-family: "impact";
font-style: normal;
src: url("../images/impact.ttf") format("truetype"); /* non-IE */
}
@font-face {
font-family: "bauhs";
src: url("../images/bauhs.ttf") format("truetype"); /* non-IE */
}
html {
font-family:arial, verdana, sans serif;
font-size:13px;
background:url(../images/bg.jpg) top repeat-x;
}
h1.logo {
color:#65FC10;
font:normal 66px "impact";
padding-top:20px;
text-transform:uppercase;
}
a:link, a:visited {
color:#00cc66;
}
a:hover {
color:#003366;
}
h1, h2, h3, h4, h5, h6 {
border:0;
padding:0;
margin:0;
}
h1 {
font-size:30px; font-weight:bold;
color:#000000;
}
h2 {
font-size:24px;
color:#000000;
}
h1.border, h2.border {
border-bottom:1px dotted #CCC;
padding-bottom:10px;
}
h1.border span, h2.border span { color:#65FC10; }
ul.numbers {
list-style:decimal;
}
ul.numbers li {
padding:5px 0px;
font-weight:bold;
}
/* ------------------------------- */
/* PAGE Elements
/* ------------------------------- */
#container {
width:974px;
margin:0 auto;
}
#topbar {
width:auto;
display:block;
height:99px;
}
#navbar {
width:auto;
display:block;
height:40px;
background:#92FC56;
}
#navbar ul, #navbar ul li {
padding:0;
margin:0;
list-style:none;
float:left;
}
#navbar ul li a {
color:#000;
font-weight:bold;
border-right:1px solid #7BFC32;
text-transform:uppercase;
}
#navbar ul li a:hover, #navbar ul li a.active {
color:#FFF;
background:#5AE30D;
}
#navbar li a:link, #navbar li a:visited {
background:#92FC56;
text-decoration:none;
height:40px;
line-height:40px;
display:inline;
float:left;
width:auto;
padding:0px 20px;
}
#main {
width:auto;
display:block;
word-wrap:break-word;
}
#column_left {
width:560px;
margin-right:15px;
float:left;
border:1px solid #CCC;
}
#column_left div.mainimg {
width:560px; height:340px;
display:block;
background:url(../images/slider.jpg);
}
#column_right {
width:355px;
float:left;
border:1px solid #CCC;
padding:20px;
min-height:298px;
}
#column_full {
width:auto;
border:1px solid #CCC;
padding:20px;
}
div.spacer {
clear:both;
height:10px;
display:block;
}
#bottom-main {
width:auto;
display:block;
background:#E7FEDA;
padding:15px 6px;
overflow:auto;
}
#bottom-main ul {
padding:0px;
margin:0px;
}
#bottom-main ul li {
list-style:none;
display:inline;
width:230px;
height:160px;
display:block;
float:left;
margin:0px 5px;
}
#bottom-main ul li.img_1 {background:url(../images/banner1.gif) center; }
#bottom-main ul li.img_2 {background:url(../images/banner2.gif) center; }
#bottom-main ul li.img_3 {background:url(../images/banner3.gif) center; }
#bottom-main ul li.img_4 {background:url(../images/banner4.gif) center; }
#bottom-main ul li.img_5 {background:url(../images/banner4.gif) center; }
#bottom-main ul li.img_6 {background:url(../images/banner4.gif) center; }
#middle-main {
width:auto;
display:block;
background:#E7FEDA;
padding:15px 6px;
overflow:auto;
}
#middle-main ul {
padding:0px;
margin:0px;
}
#middle-main ul li {
list-style:none;
display:inline;
width:20px;
height:20px;
display:block;
float:left;
margin:0px 5px;
}
#middle-main ul li.img_5 {background:url() center; }
#middle-main ul li.img_6 {background:url() center; }
#footer {
width:auto;
display:block;
background:#E7FEDA;
padding:20px 20px;
overflow:auto;
color:#333;
}
#footer a {
color:#333;
text-decoration:underline;
}
#footer .right {
float:right;
text-align:right;
}
/* ------------------------------- */
/* OTHER Class
/* ------------------------------- */
.small {
font-size:11px;
}
.underline {
text-decoration:underline;
}
div.small-section {
background:#CCCCCC;
}
div.small-section a {
color:#333333;
font-weight:bold;
}
/* ------------------------------- */
/* FORM Class
/* ------------------------------- */
form {
padding:25px 30px;
}
form label {
display:block;
padding:15px 0px 5px 0px;
}
form input[type=text] {
padding:8px;
border:1px solid #CCC;
border-radius:3px;
width:350px;
}
form textarea {
padding:8px;
border:1px solid #CCC;
border-radius:3px;
width:350px;
font:normal 12px arial, verdana, sans serif;
}
form input[type=submit] {
background: url(../images/bg-but.jpg) no-repeat;
height: 29px;
width:72px;
border:none;
cursor:pointer;
color:#FFF;
}
/* ------------------------------- */
/* Button Class
/* ------------------------------- */
.btn {
float: left;
clear: both;
background: url(../images/btn_left.png) no-repeat;
padding: 0 0 0 10px;
margin: 5px 0;
}
.btn a{
float: left;
height: 40px;
background: url(../images/btn_stretch.png) repeat-x left top;
line-height: 40px;
padding: 0 10px;
color: #fff;
font-size: 1em;
text-decoration: none;
}
.btn span {
background: url(../images/btn_right.png) no-repeat;
float: left;
width: 10px;
height: 40px;
}
.btn_send { background-color: #65FC10; }
.btn_checkout { background-color: red; }
.btn_learnmore { background-color: orange; }
.btn_try { background-color: #002c85; }
.clear {
clear: both;
}
/* ------------------------------- */
/* RSS Class
/* ------------------------------- */
#column_full { padding:40px; }
.rssdata { margin-left:0px; padding-left:0px; }
.rss_entry { list-style:none; }
.rssdata h3 a{ font:bold 12px/20px Verdana, Geneva, sans-serif; }
.lastUpdated { font:normal 11px Verdana, Geneva, sans-serif; color:#999; padding-top:10px; }
.rsslink {color:#65FC10; !important;}
a.rsstitle { color:#000; }
.errfocus { border:1px solid #ff0000 !important ;}
#loading { padding-top:15px; width:80px; height:40px; display:block; float:left; margin-left:20px; }