/*****************************
    STANDARD ELEMENTS
******************************/
body{
    margin:0px;
    padding:0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#000000;
    font-size:11px;
}
h1{
    color:#FF9900;
    text-transform:uppercase;
    font-size:12px;
    margin:0px;
    padding:0px 0px 3px 0px;
    font-family:Arial, Helvetica, sans-serif;
}
h2{
    text-transform:uppercase;
    font-size:12px;
    margin:0px;
    padding:0px 0px 3px 0px;
    font-family:Arial, Helvetica, sans-serif;
}
input.grey,
textarea.grey{
    background-color:#CCCCCC; 
    border:none;
    color:#333333;
    font-size:11px;
    padding:2px 2px;
}
/*****************************
    MAIN DIV ELEMENTS
******************************/
#index_header{
    position:relative;
    z-index:100;
    width:100%;
    height:100px;
    background-color:#FFFFFF;
}
#header{
    position:relative;
    z-index:100;
    width:100%;
    height:82px;
    background-color:#FFFFFF;
}
#index_bg{
    position:absolute;
    z-index:98;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    z-index:1;
    width:100%;
    background-image:url(/images/dd/index_content_bg.gif);
    background-repeat:repeat-x;
    height:360px;
}
#layout_2_middle_bg{
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:100%;
    background-image:url(/images/dd/menu_middle_bg.gif);
    background-repeat:repeat;
    height:335px;
}
#layout_2_bottom_bg{
    position:absolute;
    top:335px;
    left:0px;
    z-index:1;
    width:100%;
    background-image:url(/images/dd/menu_bottom_bg.gif);
    background-repeat:repeat;
    height:15px;
}
#conent_container{
    position:relative;
    top:0px;
    z-index:2;    
    margin:0px auto;
    padding:0px;
    width:740px;
    min-height:350px;
    height:auto !important;
    height: 350px;
}
#footer{
    margin-top:35px;
    text-align:center;
    font-size:10px;
    color:#AAAAAA;
}
#footer a{color:#AAAAAA; text-decoration:none}
#footer a:hover{color:#CCCCCC; text-decoration:none}

/*****************************
    MENU STYLES
******************************/
    /* menu DIVS */
    #menu_main_bg{
        position:relative;
        z-index:99;
        height:33px;
        background-image:url(/images/dd/main_menu_bg.gif);
        background-position:bottom;
    }
    .menu_bottom_bg{
        position:relative;
        width:100%;
        background-image:url(/images/dd/menu_bottom_bg.gif);
        background-repeat:repeat;
        height:15px;
    }
    #menu_container{
        position:relative;
        margin:0px auto;
        padding:0px;
        width:700px;
        font-size:10px;
    }
    #menu_product_bg{
        position:relative;
        background-image:url(/images/dd/menu_middle_bg.gif);
        padding:5px 0px;
    }
    #menu_product_content_bg{
        width:740px;
        margin:0px auto;
        background-color:#000000;
    }
    #menu_product_content{
        margin:10px;
        color:#666666;
    }
    .menu_product_column{
        border-left:solid 1px #F2C63D;
        padding-left:7px;
    }
    .menu_product_column a{
        color: #F2C63D;
    }
    .menu_product_column a:hover{
        color: #FF6600;
    }
    #menu_header_bg{
        position:relative;
        background-image:url(/images/dd/menu_middle_bg.gif);
        padding:5px 0px;
    }
    #menu_header_content_bg{
        position:relative;
        width:745px;
        padding:2px 0px;
        margin:0px auto;
        background-color:#000000;
    }
    #menu_header_content{
        position:relative;
        width:725px;
        margin:0px auto;
        color:#666666;
    }
    .menu_header_content_table td{
        background-color:#222222;
        padding:2px;
        margin:2px;
    }
    #menu_header_content h1{
        margin:15px 0px 10px;
        font-size:16px;
        font-weight:bold;
        color:#CCCCCC;
    }
    /* sub menu DIVS */
    #menu_sub_container{
        z-index:5;
        position:absolute; // Its ablsolute inside of #menu_container
        left:0px;    
        top:0px;
        width:700px;
    }
    .menu_sub{
        position:absolute;
        background-color:#ffffff;
        border:solid 1px #cccccc;
        border-top:none;
        text-align:center;
    }
    /* menu text and buttons */
    #menu_main_buttons {
        z-index:4;
        position:absolute;
        left:0px;
        top:0px;
        padding:9px 0px 0px 30px;
        width:700px;
    }
    #menu_main_buttons .sep{
        float: left;
        color: #DDDDDD;
        padding:0px;
        margin:0px 11px;
        display:inline;
    }
    #menu_main_buttons a{
        float: left;
        color: #DDDDDD;
        padding:0px;
        margin:0px;
        text-decoration: none;
    }
    #menu_main_buttons a:hover{
        color:#FF9900;
        text-decoration: none;
    }
    .menu_sub h1{
        padding:9px 0px 6px;
        margin:0px 5px 10px;
        text-align:center;
        font-size:10px;
        color:#FF9900;
        border-bottom:solid 2px #000000;
    }
    .menu_sub a{
        display:block;
        color:#000000;
        margin:5px 0px;
    }
/*****************************
    PAGE DIV / TD ELEMENST
******************************/
.layout_2_image{
    border:solid 4px #000000;
}
.layout_2_content{
    background-color:#000000;
}
.layout_2_title{
    padding:35px 20px 5px 10px;
    margin:2px;
    background-color:#222222;    
    vertical-align:bottom;
    font-size:16px;
    font-weight:bold;
    color:#EEEEEE;
    text-transform:uppercase;
}
.layout_2_text{
    border:solid 2px #000000;
    background-color:#333333;
    padding:10px 35px;
    color:#DDDDDD;
}
.grey_line{
    position: relative;
    height:1px;
    border-bottom:solid 2px #DDDDDD;
    overflow:hidden;
    margin:3px 0px;
}
.grey_line_plain{
    height:1px;
    border-bottom:solid 2px #DDDDDD;
    overflow:hidden;
}
td.ver_grey_line{
    width:1px;
    border-right:solid 2px #DDDDDD;
    overflow:hidden;
}
.product_details_table td{
    vertical-align:top;
}
.product_details_description{
    background-image:url(/images/product_bookends.gif);
	background-color:none;
	background-position:center;
	background-repeat:no-repeat;
	height:85px;
    padding:0px 100px; 
    margin:10px 0px;   
    text-align:center;
    vertical-align:middle;
}
ul.sitemap li{
    list-style:none;
    margin:10px;
    padding:5px;
    background-color:#FEFEFE;
    border:dotted 2px #EDEDED;
    clear:both;
}
ul.sitemap li.two_column{
    width:325px;
    float:left;
    clear:none;
}
ul.sitemap a{
    color: #EF9700;
    font-weight:bold;
}
ul.sitemap h2 a{
    color: #ff390d;
}


/*****************************
    COLOR / TEXT ELEMENTS
******************************/
.orange_txt{
    color: #EF9700;
}
.light_orange_txt{
    color: #F2C63D;
}
.white_txt{
    color: #FFFFFF;
}
.black_txt{
    color: #000000;
}
.grey_txt{
    color: #AAAAAA;
}
.darkGrey_txt{
    color: #666666;
}
.red_txt{
    color: #ff390d;
}
.purple_txt{
    color: #BC67C9;
}
.fine{
    font-size:9px;
}

/*****************************
    ADITIONAL BUTTON ELEMENTS
******************************/
input.orange,
.orange_button{
	background-image:url(/images/button_orange.gif);
	background-color:none;
	background-position:left;
	background-repeat:no-repeat;
	line-height:25px;
	height:25px;
	width:154px;
    padding-left:10px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
	border:none;
	text-align:left;
	cursor:pointer;
	display:block;
}
input.orange:hover,
.orange_button:hover{
    color:#ff390d;
}
.orange_icon{
	font-weight:bold;
	font-size:10px;
	color:#333333;
	background-image:url(/images/orange_arrow_icon.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding: 2px 15px 0px 0px;
}
.orange_icon:hover{
	color:#999999;
	text-decoration:none;
}
.icon_right{
	background-image:url(/images/orange_arrow_icon_right.gif);
	background-position:left;
	padding-right:0px;
	padding-left:15px;
	text-align:left;
}

