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

/* Elements */

body{
margin:0;
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1{
font-size:16px;
color:#663366;
margin:20px 0px;
padding-top:8px;
text-align:center;
line-height:24px;
}

h2{
font-size:14px;
color:#666666;
margin:0px 0 0 40px;
padding-top:8px;
}

p{
font-size:11px;
color:#666666;
line-height:16px;
}

ul{
font-size:11px;
color:#666666;
line-height:16px;
}

a{
color:#666699;
text-decoration:none;
font-size:11px;
}

a:hover{
text-decoration:underline;
}

img, a img{border:none;}

h5{color:#333366; margin:5px 0 5px 10px;}

h5 a{color:#333366; margin:5px 0 5px 0px; font-size:14px;}

h6{margin:5px; padding:0px; color:#333333;}

label{font-size:12px; color:#333366;}

/* id and classes */

#container{
width:800px;
margin:auto;
background-color:#FFFFFF;
}

#top_nav{
width:800px;
height:40px;
float:left;
background-image:url(images/bg_topnav.jpg);
background-repeat:repeat;
border-bottom:10px solid #FFFFFF;
padding-bottom:5px;
}

#top_nav ul{
list-style-type:none;
margin:0;
padding:0px;
}

#top_nav li{
display:block;
float:left;
width:133px;
text-align:left;
}

#top_nav li a{
color:#FFCC99;
text-decoration:none;
font-size:14px;
display:block;
height:40px;
padding:5px 0 0 8px;
}

#top_nav li.active{
background-image:url(images/top_item.jpg);
background-repeat:no-repeat;
height:51px;
}

#top_nav li.active a{
color:#666699;
}


#header{
width:800px;
height:126px;
background-image:url(images/header.jpg);
float:left;
}

#main{
width:800px;
float:left;
overflow:hidden;
}

#left{
width:476px;
float:left;
height:100%;
background-color:#FFFFFF;
padding-left:15px;
display:inline;
}

#left p{margin:10px;}

.block{
width:460px;
background-image:url(images/block_bg.jpg);
background-repeat:repeat;
padding:5px 5px 1px 5px;
}

#right{
width:309px;
float:left;
background-image:url(images/right_bg.jpg);
background-repeat:repeat-y;
min-height:500px;
height:100%;
display:inline;
}

#right a{
font-weight:bold;
}

#right p{
display:block;
width:280px;
margin-left:20px;
}

#right .r_title{
color:#333366;
font-weight:bold;
font-size:12px;
}

#right .box{
width:250px;
background-color:#FFFFFF;
border:1px solid #666699;
padding:0px;
margin:20px 0 0px 30px;
text-align:center;
line-height:18px;
}

#footer{
height:68px;
width:800px;
padding-top:10px;
background-image:url(images/bg_footer.jpg);
background-repeat:repeat-x;
clear:both;
text-align:center;
}

#footer ul{
color:#FFFFFF;
list-style-type:none;
padding:0;
margin:0;
}

#footer li{
display:inline;
margin:0;
padding:0;
}

#footer li a{
color:#FFFFFF;
}

#footer p{
color:#FFFFFF;
}

/* classes */

.title_bar{
background-image:url(images/title_bar.gif);
width:479px;
height:34px;
margin:10px 0 5px -3px;
text-align:center;
}

.title_bar h1{
font-size:14px;
color:#666666;
margin:0px;
padding-top:4px;
}

.title_bar2{
background-image:url(images/title_bar2.gif);
width:250px;
height:34px;
margin:0px;
}

.title_bar2 h3{
font-size:14px;
color:#FFFFFF;
margin:0px 0 0 40px;
padding-top:8px;
text-align:left;
}

span.number{
background-image:url(images/numbers.gif);
background-repeat:no-repeat;
display:block;
height:24px;
width:24px;
color:#FFFFFF;
padding:3px 0 0 0px;
float:left;
font-size:12px;
text-align:center;
margin-right:5px;
}

.step{
border:1px solid #CCCCCC;
padding:5px;
margin-top:10px;
}

.left_al{
padding-right:4px;
margin:0 8px 0 0;
}

.product_box{
width:210px;
float:left;
border:1px solid #CCCCCC;
padding:5px;
margin:20px 10px 0 0;
float:left;
}

.product_box img{
padding:0 5px 4px 0;
}

.price{
color:#666699;
font-weight:bold;
font-size:12px;
}

.small_text{
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}

.small_text2{
font-size:10px;
font-weight:bold;
color:#666666;
}


/* Modal window */

#mbox{background-color:#eee; padding:8px; border:2px outset #666;cursor:pointer}
#mbm{font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(overlay.png);}

* html #ol{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}