* {padding: 0; margin: 0; font-family: Arial, "sans serif"}

.align-left, .alignleft {float: left; margin: 0 10px 10px 0px}
.align-right, .alignright {float: right; margin: 0 0 10px 10px}
.align-center, .aligncenter {display: block; margin-left: auto; margin-right: auto}

img {border-width: 0px}

.no-list-bullets {list-style-type: none}

form ul {list-style-type: none; padding-left: 0px}
form ul li {display: block; clear: left}
form ul li label {float: left}
form ul li input {float: left}

ul, ol {list-style-position: outside; padding-left: 2em}

body {
	font-size: 12px;
	background-image:url('images/bg.png');
	background-repeat: repeat-x;
	background-color: #000
    }

#header_container {width: 760px; margin-left: auto; margin-right: auto}

#logo_container {
        float: left;
        width: 550px;
        height: 103px;
        background-image: url('images/logo.png');
        background-repeat: no-repeat;
    }
#logo_container a {width: 100%; height: 100%; display: block}

#login_form_container {
        overflow: hidden;        
        font-size: 10px;
        float: left;
        margin-right: 40px;
        
}
#login_form {padding: 12px 5px 5px 5px}
#login_form h2 {font-size: 12px; font-weight: bold; color: #555; margin-bottom: 3px}
#login_form input {
        font-size: 11px;
        /*background-color: #4d5a68;*/
        background-color: #eee;
        border: 1px #555 solid;
        color: #555;
        padding: 1px;
}
#page_blocks_container {
        display: block;
        width: 1100px;
        margin-left: auto;
        margin-right: auto;        
    }
#page_contents_container {
	width:700px;
	float: left;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(Images/container_bg.png);
    }

#sidebar_left_container {
        float: left;
        width: 200px;
}
.sidebar_left_block {
        background-image: url('images/sidebar_l.png');
        background-repeat: no-repeat;
        background-position: top right;
        padding: 10px 20px 10px 10px;
        margin-bottom: 10px;
        width: 170px;
}

#sidebar_right_container {
        float: left;
        width: 200px;        
}
#sidebar_right_container > div {
        background-image: url('images/sidebar_r.png');
        background-repeat: no-repeat;
        background-position: top left;
        padding: 10px 10px 10px 20px;
        margin-bottom: 10px;
        width: 170px;
}
#sidebar_right_container > div h2 {
	font-size: 12px;
	color: white;
	padding: 5px;
	background-color: #333;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
    
}

#sidebar_right_container > div p {
    margin-bottom: 10px;
}

#sidebar_right_container > div a {
    color: #555;
    font-weight: bold;
    text-decoration: underline;
}
#sidebar_right_container > div a:hover {
    text-decoration: none;
}


#navigation_container {
        width: 680px;
        margin-left: auto;
        margin-right: auto;
}

#mainmenu a {display: block; float: left}

#page_contents {
	width: 680px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
}

#page_contents #page_contents_inner {
        padding: 0px 25px 25px 25px;
}

#page_contents p {
        margin-bottom: 1em
}


#subfooter_container {
        width: 680px;
        margin-left: auto;
        margin-right: auto;
        color: #ccc;
        font-size: 10px;
}
#subfooter_container > div {
        padding: 10px 0px 10px 10px;
        text-align: center;
}
#subfooter_container a {color: #ccc; text-decoration: none}
#subfooter_container a:hover {color: #ccc; text-decoration: underline}

#page_contents h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	text-align: center;
}
#page_contents h3 {
        font-size: 18px;
        font-weight: normal;        
        color: #333;
        margin-bottom: 5px;
}

#page_contents b {color: #555}

#page_contents a {color: #808080; text-decoration: underline}
#page_contents a:hover {color: #555; text-decoration: none}

#faq h3 {
	margin-top: 15px;
	color: #333;
	padding: 0px;
	text-align: center;
         
}
#faq p {
        
        padding: 10px;
        border: 1px #ccc solid;

}

#page_contents .zero-margin {
        position:relative;
        left: -25px;
        width: 680px;
}

#home_show {
        background-image: url('images/black_diamond_transparent.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 680px;
        height: 360px;
}

.form_container ul {
    margin-bottom: 20px;
}
.form_container li {
        list-style-type: none;
        clear: both;
        display: block;
        padding: 10px 0px 10px 0px;
}

.form_container li label {width: 150px; float: left; font-size: 12px; font-weight: bold}

.form_container li input,textarea {
        float: left;
        border: 1px #ccc solid;
        background-color: white;
        font-size: 14px;
        padding: 2px;
        font-weight: normal;
        background-image: url('images/input_bg.jpg');
        background-repeat: repeat-x;
        margin-right: 10px;
    }
.form_container input[type="submit"] {
    font-weight: bold; color: #555;
    padding: 2px 10px 2px 10px;
}

#page_contents .form_container h2 {
    display: block;
    background-color: #4c5967;
    font-weight: bold;
    color: white;
    font-size: 12px;
    width: 100%;
    
    padding: 5px 0px 5px 5px;
    text-transform: none;
}


#rates_form_container {
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 5px 5px 5px 5px;
        border: 3px #e5e5e5 solid;
        height: 35px;
}


.rates_table {width: 100%; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px}
.rates_table td,th {padding: 5px; margin: 0px; border: 0px black solid}
.rates_table_col1 {
	width: 80%;
	text-align: left;
	background-color: #000;
	color: white
}
.rates_table_col2 {
	width: 80%;
	text-align: left;
	background-color: #000;
	color: white
}

#fleet_table {width: 100%}
#fleet_table td {
        vertical-align: top;
        padding: 10px;
        padding-right: 15px;
        background-image:url('images/fleet_bg.png');
        background-repeat: no-repeat;
        background-position: top left;
}
#fleet_table ul {list-style-type: square}
#fleet_table h2 a {color: black; text-decoration: none; text-transform: none; padding: 5px; display: block}
#fleet_table h2 a:hover {color: #d99909; text-decoration: none; text-transform: none}

#page_contents .block {
    margin: 5px;
}
#page_contents .block > h2 {
    display: block;
    background-color: #4c5967;
    font-weight: bold;
    color: white;
    font-size: 12px;
    width: 100%;
    padding: 5px 0px 5px 5px;
    text-transform: none;
}
#page_contents .block > div {
    width: 100%;
    padding: 5px -10px 5px 5px;
}

#btn_show_sidebar {
        width: 100%;
}
#btn_show_sidebar > a {
    display: block;
    padding: 10px;
    width: 660px;
    background-color: #808080;
    color: #eee;
    text-transform:uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: right;    
}

#btn_show_sidebar > a:hover {
    background-color: #808080;
    color: black;

}

#footer_container {
	clear: both;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	height: 203px;
	background-color: #000;
	background-image: url(../blackdiamondfl.com/Images/page_bg.png);
}
#footer {padding: 15px 25px 25px 25px; color: #b4b4b4}
#footer > div { width: 30%; float: left; margin-right: 20px}
#footer h2 {font-size: 12px; font-weight: bold; margin-bottom: 10px; color: white}
#footer p {font-size: 11px; margin-bottom: 10px}
#footer a {color: white; text-decoration: underline}
#footer a:hover {color: white; text-decoration: none}