/* CSS layout | Padding, Margins, Borders, Floats, Position, Heights, Widths, Display*/

@import url(login.css);
@import url(default.css);
@import url(classes.css);
/*@import url(tables.css);*/
@import url(nav.css);
@import url(stylesheet.css);

body {
	text-align:center;
	background:#ccd5d9 url(../bayfish_images/body_sea_tile.jpg) repeat-x top;
	font-family:Helvetica,Arial Narrow,Arial,sans serif;
	color:#444444;
    font-size:12px;
	}


/** ocean added CSS for aquatopia**/
td.blue_title{
	font-family: Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#00458c;
}
p.blue_title{
	font-family: Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#00458c;
}
p.blue_title_1{
	font-family: Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#00458c;
	text-indent:10px;
}
p.fitout_text{
	font-family: Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#444444;
	padding-bottom:3px;
	line-height:4mm;
}
td.fitout_text_1{
	font-family: Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#444444;
	line-height:20px;
	text-align:center;
}
TD.pageHeading, DIV.pageHeading {
  padding-top: 5px;
  font-family:Helvetica, Arial Narrow, Arial, sans serif;
  color:#444444;
  font-size: 16px;
  font-weight: bold;
}
/** end of Aquatopia**/


#container {
    text-align:left;
    margin:0 auto;
	position:relative;
	width: 780px;
	border-left: 1px solid #afccd8;
	border-right: 1px solid #afccd8;
	background:#e7f8fd;
	}
	
#branding {
    height:178px;
	position:relative;
	width: 100%;
	background:#fff;
	background:url(../bayfish_images/brand_bg.gif) repeat-x;
	}
	
ul.vcard {
    position:absolute;
	top:0;
	width: 100%;
	height:28px;
	border-bottom: 1px solid #9ebbc6;
	background:#afcdd9;
	text-align:right;
	color:#3d4b53 !important;
	}
	
#branding a{
	color:#3d4b53 !important;
    }
	
#branding h1 {
    position:absolute;
	top:28px;
	left:0px;
	text-indent:-9000px;
	background:url(../bayfish_images/logo_Brisbane.gif) no-repeat;
	width: 309px;
	height:150px;
	}
	
#branding .vcard li {
    display:inline;
	line-height: 28px;
	padding-right:15px;
	font-size:11px !important;
	}
	
#branding form {
    position:absolute;
	top:4px;
	left:10px;
	}
	
.vcard li span {
    padding-right:5px;
	}
	
#main_nav {
    background:url(../bayfish_images/nav_main_bg.gif) repeat-x;
	height: 84px;
	width: 100%;
	position:relative;
	}	
	
#content {
    width:768px;
	background:#fff;
	border:1px solid #afccd8;
	margin:5px;
	float:left;
    display:inline;
	/*z-index:20;*/
	}
	
#login #content {	
	margin:0px;
    width:100%;
	border:none;
	margin:none;
	}
	
#main_content {
    width:545px;
	float:right;
    display:inline;
	padding:5px;
	background:url(../bayfish_images/content_divide.gif) top left no-repeat;
	/*z-index:0;*/
	}

#content_sub1 {
    width:200px;
	float:left;
	display:inline;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

/* Vincent CSS Codes Begin */
#catnav {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 195px;
	list-style-type: none;
	list-style-position: outside;
	font-size: 12px;
	border-top-width: 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-style: solid;
	border-color: #ffffff;
}

#catnav p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #93aebd;
	font-weight: bold;
	margin-bottom: 5px;
}

#catnav a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 195px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-indent: 10px;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	background:url(../bayfish_images/category_bg_on.gif) repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	font-weight: normal;
			}
#catnav a:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-indent: 15px;
	text-decoration: none;
	background:url(../bayfish_images/category_bg.gif) repeat-x;
}

#loginnav {
	width: 195px;
	padding-top: 10px;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #ffffff;
}

#loginnav p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #93aebd;
	font-weight: bold;
	margin-bottom: 5px;
}

#loginnav td, #loginnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #93aebd;
	font-weight: normal;
	text-decoration: none;
}

#loginnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #93aebd;
	text-decoration: underline;
}


/* Vincent CSS Codes End */
	
#flash {
    padding: 10px;
	}		
	
#site_info {
    color:#93aebd;
	padding:20px 0;
	margin:60px 2% 0 2%;
	line-height:14px;
	float:left;
	display:inline;
	width:96%;
	border-top: 1px solid #9ebbc6;
	position:relative;
	}
	
#login #site_info {
	margin:0 2%;
	}    
	
#site_info p.copyright {
    width:510px;
	float:left;
display:inline;
	text-align:right;	
	padding-right:20px;
	font-size:11px !important;
	}
	
#site_info p.vcard {
	padding-left:20px;
    width:160px;
	float:left;
	display:inline;
	border-left:#93aebd 1px solid;
	font-size:11px !important;
	}
	
#site_info a{
    font-weight:bold;
    color:#93aebd !important;
	}
	
#site_info img {
    position:absolute;
	left:0;
	top: -60px;
	}
/*----------------------  Vincent CSS Codes Start ----------------------*/
TD.pageHeading, DIV.pageHeading {
	padding-bottom: 5px;
}

.productListing-heading {
	line-height: 2;
}

TD.productListing-data {
  line-height: 1.5;
}
TD.main, P.main {
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  line-height: 1.5;
}

SPAN.carttotal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
  line-height: 1.2;
  text-align: right;
  margin-left: 10px;
}
/*-----------------------  Vincent CSS Codes End -----------------------*/