/*
 * Total Ship Supply
 *
 * scr_global.css
 *
 * Copyright 2009, Marganza
 * http://www.marganza.nl
 */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #272525 url('../images/wallpaper.jpg') no-repeat fixed 50% 0%;
	text-align: center;
	font-family: verdana, arial;
}

#wrap {
	margin: 0px auto 0px auto;
	width: 880px;
	background: transparent url('../images/wrapBG.png') no-repeat left bottom;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wrapBG.png', sizingMethod='scale');
	margin-bottom: 25px;
	overflow: auto;
}

#topMenu {
	float: right;
	list-style-type: none;
	font-size: 10px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#topMenu li {
	float: left;
	border-left: 1px solid #FFFFFF;
	margin-left: 10px;
	padding-left: 10px;
}

#topMenu li.first {
	margin-left: 0px;
	padding-left: 0px;
	border-left-width: 0px;	
}	

#topMenu a {
	color: #FFFFFF;
	text-decoration: none;
}

#topMenu a:hover {
    text-decoration: underline;
}   

.panelTop {
	height: 10px;
	width: 820px;
	background: transparent url('../images/panelTop.png') no-repeat bottom left;
	margin-left: 30px;
	float: left;
}

.panelBottom {
    height: 10px;
    width: 820px;
    background: transparent url('../images/panelBottom.png') no-repeat top left;
    margin-left: 30px;
    float: left;
}

.panelSpacer {
	float: left;
	width: 820px;
	margin-left: 30px;
	height: 30px;
}	

.panel {
	width: 820px;
	background: #FFFFFF url('../images/panelBG.gif') repeat-y;
	margin-left: 30px;
	float: left;
}

#head {
	height: 286px;
	position: relative;
}

#head.panel {
	background-image: none;
}	

#logo {
	position: absolute;
	left: 10px;
	top: 0px;
	border-width: 0px;
}

#flagPanel {
	position: absolute;
	right: 10px;
	top: 0px;
}

#flagPanel img {
	border-width: 0px;
}

#moodImage {
	position: absolute;
	left: 10px;
	top: 75px;
	width: 540px;
	height: 175px;	
	overflow: hidden;
}

#headerTextPanel {
	background: #FFFFFF url('../images/headerTextBG.gif') no-repeat top left;
	position: absolute;
	left: 551px;
	top: 75px;
	width: 258px;
	height: 175px;
}

#headerTextPanel p {
	margin: 10px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

#headerTextPanel a {
	color: #FFFFFF;
}

#headerTextPanel a:hover {
	text-decoration: none;
}

#menuPanel {
	position: absolute;
	left: 10px;
	top: 251px;
	width: 799px;
	height: 35px;
	background: #FFFFFF url('../images/menuBG.gif') no-repeat;
}

#mainMenu {
	list-style-type: none;
	margin-left: 25px;
	float: left;
}

#mainMenu li {
	float: left;
}

#mainMenu a {
	color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	display: block;
	float: left;
	line-height: 35px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;	
}

#mainMenu a:hover,#mainMenu a.current {
	background-color: #434244;
}

#mainMenu li ul {
    position: absolute;
    display: none;
    background-color: #434244;
    list-style-type: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    border-top: 10px solid #FFFFFF;
    top: 35px;  
}

#mainMenu li ul a {
    color: #FFFFFF;
    display: block;    
    border-bottom: 1px solid #FFFFFF;  
    width: 160px;
}

#mainMenu li ul a:hover {
    background-color: #656466;
}   

#mainMenu li ul a.current {
    background-color: #656466;
}   

#mainMenu li ul li ul {
    display: block;
}   

#mainMenu li ul li {
    clear: both;
    float: none;    
    text-align: left;    
    padding: 0px;
    margin: 0px;
    background-image: none;
}   

#mainMenu li:hover ul,#mainMenu li.over ul { 
    display: block;
    clear: both;
}

#textSizeSelector {
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 32px;
    margin-right: 10px;
}

#textSizeSelector a {
	text-decoration: none;
	color: #FFFFFF;
}

#textSizeSelector a:hover {
    text-decoration: underline;
}

#textSizeSelector span {
	font-size: 15px;
}

#locPath {
    float: left;
    width: 820px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 10px;
    color: #FFFFFF; 
}

#locPath a {
    color: #FFFFFF;
    text-decoration: none;
}

#locPath a:hover {
    text-decoration: underline;
}

#body {
}

#content {
	float: left;
	width: 530px;
	margin-left: 10px;
	text-align: left;
}

#content h1 {
    color: #355DA8;
    font-size: 15px;
    margin-bottom: 15px;	
}

#content h2 {
    color: #272425;
    font-size: 14px;
    margin-bottom: 15px;    
}

#content h3 {
    color: #272425;
    font-size: 13px;
    margin-bottom: 15px;    
}

#content p {
	color: #272425;
	line-height: 17px;
	font-size: 11px;
	margin-bottom: 15px;
}

#content a {
    color: #272425;
    font-weight: bold;
}

#content a:hover {
    text-decoration: none;
}

#content ul {
    color: #272425;
    line-height: 17px;
    font-size: 11px;
    margin-bottom: 15px;
    list-style-type: square;
    margin-left: 15px;
}

#content ul ul {
	margin-bottom: 0px;
}

table {
	margin-bottom: 15px;
	line-height: 17px;
}

th,td {
	font-size: 11px;
	color: #272425;
	text-align: left;
	vertical-align: top;	
}	

#content table.photos {
    border-collapse: separate;
}

#content table.photos td {
    background-color: #EEEEEE;
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DDDDDD;
}   

#content table.photos img {
    border: 1px solid #272425;
}

#content table.form th {
    width: 100px;
}

.formTextField {
	font-family: verdana, arial;
	color: #272425;
	font-size: 11px;
	border: 1px solid #272425;
	padding: 2px;
}	

.formButton {
    font-family: verdana, arial;
    color: #272425;
    font-size: 11px;
    padding: 2px;
    background-color: #EEEEEE;
}

table.form th {
	width: 150px;
}

#content p.formError {
	color: #DD0000;
	font-weight: bold;
}	

#news {
    width: 248px;
    margin-right: 10px;
    float: right;
    text-align: left;    
}   

#news h2 {
    color: #DE8C2E;
    font-size: 15px;
    margin-bottom: 15px;
}

#news ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    color: #67645B;
    font-size: 11px;
    line-height: 17px;
}

#news li {
    float: left;
    margin-bottom: 15px;
}

#news span {
    float: left;
    width: 50px;
}   

#news a {
    text-decoration: none;
    color: #272425;
    margin-left: 10px;
    display: block;
    float: right;
    width: 185px;
}

#news a:hover {
    text-decoration: underline;
}

#news a.current {
    font-weight: bold;
}

#content h2.newsTitle {
	border-top: 1px dotted #B2B1AD;
	padding-top: 15px;
}	

#foot {
	float: left;
	width: 820px;
	min-height: 100px;
    margin-left: 30px;	
}

#foot .left {
	width: 530px;
	margin-left: 10px;
	float: left;
	text-align: left;
}

#foot .right {
	width: 248px;
	margin-right: 10px;
	float: right;
	text-align: left;
}	

#foot .left h2 {
	color: #355DA8;
	font-size: 15px;
	margin-bottom: 10px;
}

#foot .right h2 {
    color: #DE8C2E;
    font-size: 15px;
    margin-bottom: 10px;
}

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

#foot a {
    color: #272425;	
}

#foot a:hover {
	text-decoration: none;
}	

#bottom {
    float: left;
    width: 820px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 10px;
    color: #FFFFFF;	
}

#bottom a {
	color: #FFFFFF;
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: underline;
}

#bottom span {
	float: right;
}

img {
	border-width: 0px;
}

pre {
	display: none;
}