/**
                                                         ------ BODY -------

*/

#content-wrapper {
	margin:0 auto;
	text-align: center; 
	width: 100%;
	z-index: -1 }

#content {
	margin:0 auto;
    display: block;
	text-align: center;
	width: 1024px;
	height: automatic;
    background-image: url('../images/header/blueprint.gif') }

#footer {
	margin:0 auto;
	*margin:10 0 0 0;
	background-color:#fff;
    top: 5px;
    *top: 15px;
	text-align: center;
	width: automatic;
	height: 60px }

#content-inside {
    display: inline-block;
    *display: inline;
    padding:20 0 0 0px;
    margin:0 auto;
    vertical-align: top;
    text-align: left;
    width: 795px; 
    height: automatic }

/**
                                                         ------ RIGHT MENU -------

*/

#content-right {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    padding:0px;
    margin:0px;
    width: 225px; 
    height: automatic;
    overflow: hidden;
    z-indez: 2 }

#menu-top {
    width: automatic;
    height: automatic;
    overflow: hidden;
    text-align: right;
    z-index: 0 }
    
#menu-inside {
	width: automatic;
	height: automatic;
	*top: -15px;
	border-top: 0px solid #99bfdb;
	border-bottom: 0px solid #99bfdb;
	margin: 0px;
    padding-top: 10px; 
	padding-bottom: 15px; 
    cursor: pointer;
    z-index: 10  }
    
#menu-inside ul li.main {
    list-style-image: url(../images/graphics/arrow_down.gif);
	background-position: 0px 5px; 
	padding-left: 8px;
	height: 5 }

#menu-inside ul li.main ul.hidden {
    margin-left: 0;
    padding-left: 0px;
    text-indent: 0px;
    text-align: left;
    cursor: pointer;
}

#menu-inside ul li.main ul.hidden li.nav{
	list-style: bullet;
	color: #ccc;
    font-size: 12px;
    font-family: Arial,'Helvetica','Sans Serif';
    text-transform: uppercase;
	text-align: left;
	margin-left: 10px;
	line-height: 175%;
    *line-height: 100%;
	display: block }
	
#menu-inside ul li a {
    cursor:pointer }     

#menu-inside ul li a:hover {
    text-decoration: none;
    color: #699533 }

hr {
	height: 0;
	border: 0;
	line-height: 1px;
	background-color: transparent;
    border-bottom: 1px dotted #699533 }    


/**
                                                         ------ FOOTER LAYOUTS -------

*/

#content-footbanner {
	margin: 0 auto;
	vertical-align: top;
	text-align:center;
	height: 160px }

#content-footer {
	margin: 0 auto;
	vertical-align: top;
	text-align:center;
	height: 60px }

/**
                                                         ------ PRESENTATION -------

*/

#p_title {
    display: block;
    position: relative;
    tex-align: center;
    width: automatic;
    height: automatic;
    margin:0 0 0 0; 
    z-index: 0 }
    
#presentation {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 0px;
    padding:0px;
    width: 620px;
    height: automatic;
    margin:0 0 20 0; 
    z-index: 0 }

#central {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 0px;
    padding:0px;
    margin:0px;
    width: 100%;
    height: automatic;
    z-index: 0 }
    
.left-cont {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 0px;
    padding:0px;
    margin:0px;
    width: 520px;
    height: automatic;
    z-index: 0 }

.right-cont {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 0px;
    text-align: right;
    padding:0px;
    margin:0px;
    width: 265px;
    height: automatic;
    z-index: 0 }

#presentation1 {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 10px;
    padding:0px;
    margin:0px;
    width: 100%;
    height: automatic;
    z-index: 0 } 

#tan_outline {
    display: block;
    position: relative;
    border:1px solid #efe7d5;
    left: 0px;
    top: 0px;
    width: 100%;
    height: automatic;
    margin:0 0 auto; 
    z-index: 2 }
    
#presentation2 {
    display: block;
    position: relative;
    border:1px solid #efe7d5;
    left: 0px;
    top: 0px;
    width: 100%;
    height: automatic;
    margin:0 0 auto; 
    z-index: 1
    }

#presentation3 {
    display: block;
    position: relative;
    border:1px solid #6598bf;
    left: 0px;
    top: 0px;
    width: 100%;
    height: automatic;
    margin:0 0 auto; 
    z-index: 100;
}

#main_feature {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    padding:0px;
    margin:0px;
    width: automatic;
    height: automatic }


#presentation .table {
    display: inline;    
    position: relative;
    left: 0px;
    width: automatic;
    margin:0 0 auto; 
    z-index: 0;
}

#presentation .table20 {
    display: inline;    
    position: relative;
    left: 20px;
    width: automatic;
    margin:0 0 auto; 
    z-index: 0;
}

.box {
    background:#ececea none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    font-size:0.95em;
    line-height:1.1em;
    height: automatic;
}

.fill {
    background:#ececea none repeat scroll 0 0;
    font-size:0.95em;
    line-height:1.1em;
    height: 300px;
}

#more-left {
    zoom: 0;
    display: inline-block;
    *display: inline; 
    *width: 38%;
    margin:14 14 0 0;
    *margin:8 12 0 0;
    height: automatic;
}

#more-right {
    zoom: 0;
    display: inline-block;
    *display: inline;
    *width:38%;
    margin:14 0 0 0;
    *margin:8 0 0 0;
    height: automatic;
}

#desc-left {
    zoom: 0;
    display: inline-block;
    *display: inline;
    horinzotal-align: left;
    width: 48%; 
    *width: 49%;
    margin:0 0 0 5;
    *margin:0 0 0 10;
    height: automatic; 
}

#desc-right {
    zoom: 0;
    display: inline-block;
    *display: inline;
    horinzontal-align: right;
    width: 48%; 
    *width: 49%;
    margin:0 0 0 20;
    *margin:0 0 0 20;
    height: automatic; 
}

#sub {
    zoom: 0;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    padding: 10;
    margin: 5;
    border: 1px solid #dcd5b8;
    width: 100%; 
    text-align:center;
}

#features {
    display: block;
    vertical-align: bottom;
    width: 100%; 
    height: 55px;
}
    
#more {
    display: block;
    position: relative;
    width: automatic; 
    height: automatic; 
}

#des {
    zoom: 0;
    display: block;
    vertical-align: middle;
    width: 795px; 
    height: 30; 
}

#news {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    padding: 14;
    *padding: 15;
    margin: 0;
    *margin: 3.5;
    border: 1px solid #dcd5b8;
    width: 20.5%; 
    text-align:center;
}

#news-season {
    zoom: 0;
    vertical-align: middle;
    display: inline-block;
    padding: 15;
    *margin: 3.5;
    border: 1px solid #ab1119;
    *display: inline;
    width: 20.5%; 
    text-align:center;
}

#news-ext {
    zoom: 1;
    vertical-align: middle;
    display: inline-block;
    padding: 15;
    margin-top: 4;
    *margin: 3.5;
    border: 1px solid #dcd5b8;
    background-color: #ffffff;
    *display: inline;
    width: 95.5%;
    *width: 99.5%; 
    text-align:center;
}

#news-bg {
    zoom: 1;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    border: 1px solid #dcd5b8;
    background-color: #f6f3ec;
    width: automatic;
    text-align:center;
}

#desc {
    zoom: 0;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    background-color: #dcd5b8;
    width: 24.5%;  
    height: 20px;
    text-align:center;
}

#popup {
    zoom: 0;
    vertical-align: top;
    display: block;
    width: 600;  
    height: automatic;
    text-align:center;
}

/**
                                                         ------ FOOTER -------

*/

#foot_banner {
    position: relative;
    left: 0px;
    top: 10px;
    *top: 0px;
    text-align:center;
    width: 1024px;
    height: automatic;
    margin:10 auto; 
    z-index: 0 }

#foot_banner a {
    text-align: center;
    cursor: pointer }

#foot_banner a:hover {
    color:#6598bf;
    text-decoration:none }

#footer-menu {
    display: block;
    position: relative;
    left: 0px;
    top: 10px;
    *top: 0px;
    text-align:center;
    width: 1000px;
    height: 50px;
    margin:0 auto; 
    z-index: 0 }


/**
                                                         ------ TABLES -------

*/

table1 {
    display: block;
    position: relative;
    text-align:center;
    border:1px solid #0082C2; 
    top: 10px;
    width: 100%;
}

table.1 a {
    font-family: Tahoma;
    color:#808080;
    text-align:center;
    border:1px solid #0082C2; 
}


/**
                                                         ------ BROWSE -------

*/

#intro {
    display: inline-block;
    *display: inline;
    position: relative;
    left: 0px;
    top: 10px;
    padding:0 0 20 0;
    margin:0px;
    width: 100%;
    height: automatic;
    z-index: 0 }

.prd_layer {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 32%; 
    vertical-align: top;
    height: automatic;  
    z-index: 0; 
    left: 0px;
    top: 0px }

.new_prd {
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
    vertical-align: top;
    height: 30;
    width: 70;
    overflow: hidden;
}

.prd_discount {
    position: absolute;
    width: 70px; 
    height: 70px; 
    left: 150px; 
    top: 0px;
    z-index: 3 }
    
.prd_image {
    position: relative;
    display: block; 
    width: 250px; 
    height: automatic; 
    align: center;
    text-align: center;
    vertical-align: top;
    z-index: 1;
    top: 0px; 
    left: 0px }

.prd_info {
    position: relative; 
    display: block; 
    width: 210px; 
    text-align: center;
    height: 45px; 
    z-index: 2; 
    padding: 0 20 0 20; 
    *padding: 0px;
    left: 0px;
    top:0px }

.prd_info .purchase {
    position: relative; 
    display: block; 
    width: 210px; 
    align: center;
    height: 20px; 
    z-index: 2; 
    padding: 0; 
    left: 0px;
    top:0px }
    
.prd_info .price {
    position: relative; 
    display: inline-block;
    *display: inline;
    line-height: 1pt;
    vertical-align: bottom;
    float: left;
    width: 110px; 
    height: 20px; 
    z-index: 2;  
    top:0px }

.prd_info .action {
    position: relative; 
    display: inline-block;
    *display: inline;
    vertical-align: bottom;
    width: 80px; 
    height: 20px; 
    float: right;
    text-align: right;
    z-index: 2; 
    top:0px;
    padding:0 2 0 0px;
    *padding:0 0 0 0px; }

.prd_info .info {
    position: relative; 
    display: block;
    width: 100%; 
    height: 18px; 
    vertical-align: bottom;
    text-align: center;
    z-index: 2;
    cursor: pointer; 
    margin: 3 0 0 0;
    *margin: 0 0 0 0;
    left: 0px; 
    top:0px }
    
.prod_description {
    display: block;
    height: 150px;
    width: 95%;
    text-align: center;
    margin: 0 auto;
    vertical-align: top }