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

body { 
overflow: hidden;
text-align: center; 
background: #fffab7;
height: 100%; 
margin: 0;
max-height: 100%; 
}

h1 {
font-size: 18px;
font-style: italic;
color: #f2583c;
font-weight: bold;
font-family: Verdana, Arial;
}

h2 {
font-size: 14px;
font-style: italic;
color: #f2583c;
font-weight: bold;
font-family: Verdana, Arial;
}

h3 { 
font-size: 14px;
font-style: italic;
color: #4ea33c;
font-weight: bold;
font-family: Verdana, Arial;
}

ol, ul, dir, menu, dd { 
margin-left: 40px 
}

ol { 
list-style-type: decimal 
}

ol ul, ul ol, ul ul, ol ol  { 
margin-top: 0; 
margin-bottom: 0 
}

a img, :link img, :visited img { 
border: none;
}

img { 
display: block; 
}

a:link { 
color: #4ea33c; 
}

a:visited {
color: #4ea33c;
}

a:hover, a:active { 
color: #f2583c; 
}

.alignright	{ 
text-align: right !important; 
}

.floatright	{ 
float: right; 
}

.inline	{ 
display: inline; 
}

.clear	{ 
clear: both;
}

.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
}
 
.clearfix { 
display:inline-block; 
} 

/*\*/ .clearfix { 
display:block; 
} /**/ 

#wrapper { 
left: 50%;
margin-left: -500px;
position: fixed;
overflow: hidden;
width:1000px; 
height: 100%;
}

#header { 
background-image: url(../images/header.png);
position: relative;
text-align: left;
display:block; 
width:1000px; 
height:173px; 
overflow: hidden;
background-color: #fffab7;
color: white;
}

#invisible_link {
position: absolute;
top: 35px;
left: 45px;
}

#top_backdrop {
background: url(../images/top_backdrop.png);
width: 530px;
height: 27px;
float: right;
overflow: hidden;
}

#friendly {
text-align: center;
position: relative;
width: 230px;
height: 15px;
margin: 5px;
float: right;
}

#search {
font-family: "comic sans ms"; 
font-size: 14px;
color: #FFFFFF;
margin-top: 0px;
margin-left: 5px;
text-align: right;
position: relative;
width: 280px;
height: 22px;
float: left;
}

#info_images{
text-align: center;
padding-top: 5px;
padding-left: 236px;
width: 757px;
height: 138px;
overflow: hidden;
}

#container { 
overflow: hidden;
width:1000px; 
padding: 0; 
height: 100%;

}

#container #col_1 { 
overflow: hidden;
background: url(../images/left_filler.png) repeat-y;
width:200px; 
float:left; 
height: 5000px; 
}

.col_01{
top: 20px;
background: url(../images/left_background.png) no-repeat;
position: relative;
width:200px; 
float:left; 
height: 100%; 
}

#container #content{
left: 50%;
margin-left: -300px;
padding-top: 10px;
text-align: left;
top: 200px; 
position: fixed;
bottom: 0;
overflow: auto;
width:600px;  
 
background: #FFFFFF;
font-family: Verdana;
font-size: 12px;
}


#container #col_3 { 
overflow: hidden;
background: url(../images/right_filler.png) repeat-y;
width: 200px;
float: right;
height: 5000px; 
}

.col_03{
top: 20px;
position: relative;
background: url(../images/right_background.png) no-repeat;
width: 200px;
float: right;
height: 100%;
}

#side_content {
height: 5000px;
overflow: hidden;
position: relative;
text-align: left;
}

#footer {
background: url(../images/footer.png) no-repeat; 
width: 540px;
padding: 5px;
margin-left: 15px;
}

.footer_refer {
height: 160px;
overflow: hidden;
}

.footer_content {
text-align: center;
width: 520px;
position: relative;
height: 20px;
}



.preview_test {
font-style: italic;
text-align: left;
width: 180px;
height: 50px;
margin-top: 8px;
margin-left: 10px;
margin-right: 10px;
}

.side_header {
font-family: Verdana;
font-weight: bold;
font-size: 13px;
color: #f2583c;
font-style: italic;
}

.cart {
font-family: Verdana;
font-size: 11px; 
width: 185px;
height: 70px;
padding: 2.5px; 
margin: 3.5px;
position: relative;
}

.promos {
font-family: Verdana;
font-size: 11px; 
width: 190px;
height: 110px;
margin: 3px;
position: relative;
}

.contact_form {
font-family: Verdana;
font-size: 11px; 
width: 185px;
height: 110px;
padding: 2.5px; 
margin: 3.5px;
position: relative;
}

.innertube {
font-family: Verdana;
font-size: 11px; 
text-align: left;
height: 0px;
} 

.content_tube {
padding: 10px; 
text-align: left;
font-family: Verdana;
font-size: 12px;
height: 0px;
} 

.phone {
font-weight: bold;
font-family: "comic sans ms"; 
color: #FFFFFF;
float: left;
position: relative; 
text-align: center;
margin-bottom: 5px;
border: 0;
height: 15px;
width: 110px;
font-size: 14px;
}

.sitemap {
font-family: "comic sans ms"; 
color: #FFFFFF;
font-size: 13px;
float: right;
position: relative;
text-align: center;
margin:0;
border: 0;
height: 15px;
width: 100px;
}

.sitemap a, .phone a {
font-family: "comic sans ms"; 
color: #FFFFFF;
font-size: 13px;
}

.sitemap a:hover, .phone a:hover {
font-family: "comic sans ms"; 
color: #FFFF00;
font-size: 13px;
}

.advert_1 {
border: 0;
float: left;
}

.advert_2 {
border: 0;
float: left;
}

.advert_3 {
border: 0;
float: left;
}


#products {
width: 480px;
float: left;
padding: 12px;
margin: 30px;
text-align: center;
}


#myframe { 
height: 323px; 
}



/* navigation system */

#nav {
z-index: 900;
overflow: visible;
background: url(../images/nav_background.png);
width: 1000px;
height: 27px;
position: fixed;
}

* html #nav {
z-index: 900;
overflow: visible;
visibility: visible;
position: fixed;
}

* html #container #content{ /*IE6 hack*/
height: 100%; 
width: 600px; 
}