/* Do Not Remove
Theme Name:	ccseafood
Theme URI:	http://www.slo-webdesign.com
Description:	A custom website designed by <a href="http://slo-webdesign.com">AP Logic</a>.
Version:	1.0
Designed by:    Christan Parreira
Developed by:	AP Logic
Developer URL:	http://slo-webdesign.com/
*/

img, div, a { behavior:  url('/files/themes/ccseafood/includes/iepngfix.htc'); }
img { behavior:  url('/files/themes/ccseafood/images/central-coast-seafood-logo.png'); }

html {
	height: 100%;
	overflow:-moz-scrollbars-vertical !important; }
	
body {
	background-image: url('/files/themes/ccseafood/images/bg_body.jpg');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;}
	
a {
	outline: none;}
	
.clearFloat {
	clear: both;}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Structure +++++++++++++++++++++++++++++++++++++++++++++++*/

.main-wrapper {
	background-image: url('/files/themes/ccseafood/images/bg_mainwrapper.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	width: 978px;
	height: 100%;
	position: relative;}


.content-wrapper {
	padding: 9px 23px 0px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Header ++++++++++++++++++++++++++++++++++++++++++++++++++*/

.header-wrapper {}
.header {
	height: 113px;
	padding: 0px;
	position: relative;}

#logo a span {
	display: none;}
#logo a {
	display: block;
	width: 262px;
	height: 110px;
	background-image: url('/files/themes/ccseafood/images/central-coast-seafood-logo.png');}
#logo img {
	border: none;}
#logo {
	position: absolute;
	top: 0px;
	left: 12px;}	

.lastli {
	border-left: 1px solid #1c6393;}

.main-navigation li {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;}	
.main-navigation li a {
	display: block;
	border-right: 1px solid #1c6393;
	color: #bbc6cf;
	text-decoration: none;
	padding: 14px 19px 16px;}
.main-navigation ul li a:hover {
	background-color: #115c8f;}
.main-navigation ul li a.selected {
	background-color: #115c8f;}
.main-navigation ul {
	text-align: right;
	font-size: 14px;}
.main-navigation {
	position: absolute;
	right: 35px;
	bottom: 0px;
	width: 700px;}
	

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Sub Navigation ++++++++++++++++++++++++++++++++++++++++++*/	

.sub-navigation ul li.active ul li a {
	display: block;
	color: #70bae0;
	text-decoration: none;
        font-size: 10px;
        background-image: none;}
.sub-navigation ul li ul li.active a  {
	color: #0073ae;
	background-image: url('/files/themes/ccseafood/images/active_sub-navigation.jpg');
	background-position: left center;
	background-repeat: no-repeat;}
.sub-navigation ul li ul li {
        background-image: none;
        padding: 3px 0px 1px 20px;
        font-size: 10px;}
.sub-navigation ul li ul {
        padding: 0px;}


.sub-navigation ul li.active a {
	color: #0073ae;
	background-image: url('/files/themes/ccseafood/images/active_sub-navigation.jpg');
	background-position: left center;
	background-repeat: no-repeat;}
.sub-navigation ul li a:hover {
	color: #0073ae;
	background-image: url('/files/themes/ccseafood/images/active_sub-navigation.jpg');
	background-position: left center;
	background-repeat: no-repeat;}
.sub-navigation ul li a {
	display: block;
	color: #70bae0;
	text-decoration: none;
	padding-left: 10px;}
.sub-navigation ul li {
	padding: 7px 0px;
	list-style-type: none;
	background-image: url('/files/themes/ccseafood/images/bg_sub-navigation.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	text-transform: capitalize;}

.sub-navigation ul {
	padding: 10px 10px 10px 0px;
	margin: 0px;
	font-size: 14px;}
.sub-navigation {
	width: 247px;
	padding: 0px 23px 23px;
	float: left;}



#seafood-key-description {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 14px;
	margin: 0px;
	padding: 0px 10px 10px 0px;
	color: #8a8a8a;}
	
#seafood-key span {
        font-size:  16px;}

#seafood-key {
	margin: 0px;  
	padding: 0px;
	font-size: 22px;
	font-family: calibri, Arial, Helvetica, sans-serif;
 	color: #8a8a8a; 
	font-weight: bold;
	width: 200px;}
.green {
        background-color: #92d050;}
.seafood-key {
        border: 1px solid #ebebeb;
        padding: 10px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Content +++++++++++++++++++++++++++++++++++++++++++++++++*/

.content h6 {
	color: #494949;
	font-size: 11px;
        line-height: 13px;
        margin-bottom: 15px;
        font-weight: bold; }

.content h5 {
	color: #494949;
	font-size: 13px;
        line-height: 15px;
        margin-bottom: 15px;
        font-weight: bold; }

.content h4 {
	color: #494949;
	font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
        font-weight: bold; }

.content h3 {
	color: #006599;
	font-size: 12px;
	margin-top: 15px;
        margin-bottom: 3px;
        font-weight: normal;}
.content h2 {
	color: #006599;
	font-size: 14px;
	margin-top: 15px;
        margin-bottom: 3px;
        font-weight: normal;}
.content h1 {
	color: #006599;
	font-size: 24px;
	font-weight: normal;
	margin-top: 15px;
        margin-bottom: 10px;}

.content a:visited {
	color: #0073ae;}
.content a:hover {
	text-decoration: none;}
.content a {
	color: #0073ae;
	font-size: 12px;}
.content ul {
	color: #454545;
	font-size: 12px;
        line-height: 16px;}
.content ol {
	color: #454545;
	font-size: 12px;}
.content p {
	color: #454545;
	font-size: 12px;
	line-height: 16px;
        margin-top: 0px;}
.content {
	float: left;
	width: 635px;
        min-height: 400px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Contact Page +++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.phone-contact img {
        float: left;
        padding: 5px 0px 15px;}
.phone-contact {
        float: left;
        width: 300px;}

.address-contact img {
        float: left;
        padding: 5px 0px 40px;}
.address-contact {
        float: left;
        width: 320px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Contact Forms ++++++++++++++++++++++++++++++++++++++++++++++++++++*/

label.error { 
	float: none; 
	color: #ff0000!important; 
	padding-left: .5em; 
	vertical-align: top; }

.success {
	background-color: #acef91;
	padding: 10px;
	color: #515151;}

#step {
	color: #1e71a5;
	font-size: 14px;
	font-weight: bold;}
.form-wrapper .general-form {
	width: 100%;
	float: left;}
.form-wrapper h2 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	background-color: #650360;}
.form-wrapper {
	margin-bottom: 15px;
	padding-top: 15px;}
.genForm label {
	display: block;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #626363;
	float: left;
	position: relative;
	top: 3px;}

.genForm .selectFloat .stdSelect {
	width: 180px !important;
	position: relative;
	top: 4px;}

.genForm .selectFloat {
	float: left;
	width: 135px;
	margin-left: 5px;}
.genForm .checkBoxFloat label {
	font-size: 12px;
	float: none!important;
	display: inline!important;
	position: relative;
	top: -3px;}
.genForm .checkBoxFloat {
	float: left;
	width: 400px;
	margin-top: 22px;}
.genForm .textfieldFloat .stdTextField {
	width: 120px !important;
	position: relative;
	top: 4px;}

.genForm .optionalTextField .stdTextField {
	width: 120px !important;
	position: relative;
	top: 4px;}

.genForm .optionalTextField{
	float: left;
	width: 125px;
	margin-left: 50px;}
.genForm .textfieldFloat {
	float: left;
	width: 125px;
	margin-left: 5px;}
.genForm .pseudoLabel {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 1.2em;
	font-weight: bold;
	color: #626363;
	float: left;
	width: 175px;
	position: relative;
	top: 23px;
	margin-right: 10px;}
.genForm .buttonFloat {
	float: right;
	margin-right:	40px;
	margin-top: 20px;}
.genForm {
	padding: 5px 0px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* News Classes +++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.newsLink .newsSnippet {
	font-size: 12px;
	color: #585858;
	margin-left: 95px; }
.newsLink a:hover {
	color: #0073ae; }
.newsLink a {
	color: #70bae0; 
	font-size: 16px;
	text-decoration: none; 
	line-height: 18px;
	display: block;
	margin-left: 93px; }
.newsLink {
	vertical-align: top;
	padding-bottom: 10px;
        font-family: verdana, arial, helvetica; }

.date p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center; }
.date em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center; }
.date span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center; 
	display: block;}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 12px;
	margin: 5px 5px 0px 10px;
	color: #585858;
	text-align: center; 
	float: left;
	width: 10%;
	height: 50px;}

.news-wrapper {
        margin-top: 20px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Product Tables ++++++++++++++++++++++++++++++++++++++++++*/


#index a:hover {
	color: #09405c;
	text-decoration: none;}
#index a {
	color: #0073ae;
	margin: 2px;
	font-size: 14px;}
#index {
	text-transform: uppercase;
	margin-bottom: 5px;}
	
.product-table span {
	font-size: 16px;}
.product-table a:hover span {
	color: #09405c;
	background-position: right top;	}
.product-table a span {
	font-size: 10px;
	color: #115c8f;
	background-image: url('/files/themes/ccseafood/images/up-arrow.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 5px;}
.product-table a {
	color: #454545;
	font-size: 15px;
	margin-right: 4px;}

.product-table tr td.aName {
	padding: 10px 0px 2px 4px;
        background-color: #ffffff;}
.product-table th {
	background-color: #e6f1f7;
	color: #0073ae;
	font-size: 15px;
	padding: 6px 0px 6px 5px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: normal;}
.product-table tr.altRow {
	background-color: #f0f7fa;}
.product-table td {
	width: 50%;
	padding: 3px 0px 3px 10px;}
.product-table {
	width: 630px;
	color: #454545;
	font-size: 12px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Recipes Classes +++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.recipesLink .recipesSnippet {
	font-size: 12px;
	color: #585858;
	margin-left: 2px; }
.recipesLink a:hover {
	color: #0073ae; }
.recipesLink a {
	color: #70bae0; 
	font-size: 16px;
	text-decoration: none; 
	line-height: 18px;
	display: block;
	margin-left: 0px; }
.recipesLink {
	vertical-align: top;
	padding-bottom: 10px;
        font-family: verdana, arial, helvetica; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++*/

.footer-text a:hover {
	color: #454545; }
.footer-text a {
	color: #c8c8c8;
	text-decoration: none;}
.footer-text {
	text-align: center;
	margin: 0px;
	padding: 0px;}
.footer {
	color: #c8c8c8;
	font-size: 10px;
	background-image: url('/files/themes/ccseafood/images/bg_footer.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	height: 68px;
	padding-top: 70px;}