@charset "utf-8";
/*
	South Coast Casuals
	
	OfficeBox CS | ./theme/sccone/layout.css
	Copyright 2009 OfficeBox Canada
	
	Defines layout CSS attributes (e.g. height, width, margin)	

        version 1.0.1a
*/
body {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#maincanvas {
	width: 100%;
	min-width: 500px;
	height: 100%;
}

/* Header */
#header {
	height: 47px;
	width: 100%;
}
#header #logo {
	height: 47px;
	width: 353px;
	padding-left: 30px;
	float: left;
}
#header #logo #headerlogoimage {
	height: 47px;
	width: 353px;
	border: none;
}
#header #headerright {
	height: 15px;
	text-align: left;
	padding-top: 5px;
	padding-right: 15px;
	float: right;
}
/* End Header */

/* Footer */
#footer {
    width: 100%;
    float:left;
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer #footer-nav {
	display: inline;
}
/* End Footer */

/* Navigation */
#nav {
	width: 100%;
	height: 30px;
        padding-top: 2px;
}
#nav #navlinks {
	margin: auto;
        width: 815px;
}
#nav #navlinks div.navlink {
	min-width: 100px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 15px;
	margin-right: 15px;
        float: left;
}
#nav #navlinks div.navseperator {
        float: left;
        position: relative;
	top: -1px;
}
/* End Navigation */

/* Page Body */
#pagecontent {
	width: 100%;
}
/* End Page Body */

/*	###############################################################################################################################
	+++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++
	############################################################################################################################### */
	
	#storeContainer {
		margin: auto;
		width: 80%;
	}
	
	
	
	
/*	###############################################################################################################################
	+++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++ ECOMMERCE FRONT END STYLES +++
	############################################################################################################################### */


/* Our Store 2cols */
#ourstore2cols {
	width: 670px;
	height: 350px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#ourstore2cols .colleft {
	width: 350px;
	height: 350px;
	float: left;
}
#ourstore2cols .colright {
	width: 300px;
	height: 350px;
	margin-left: 20px;
	float: left;
}
#ourstore2cols .colright .colrightaddress {
	padding-top: 50px;
}
/* End Our Store 2cols */

/* Special table for Store Hours */
#storehours {
	float: left;
	width: 35%; /* Change to 35% for summer, 88% for winter */
	margin-left: 6%;
	margin-right: 2%; /* Change to 2% for summer, 6% for winter */
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
}
#storehours tr.row {
	height: 24px;
}
#storehours tr.lightbg {
	height: 24px;
}
#storehours tr.row th.cell {
	width: 50%;
	border-top: none;
	border-bottom-width: 1px;
	border-bottom-color: #888888;
	text-align: left;
	padding-left: 3px; /* 3px in summer, 6px in winter */
}
#storehours tr td.cell {
	width: 50%;
	padding-left: 3px; /* 3px in summer, 10px in winter */
}
/* Store Hours for LVM */
#villagemarkethours {
        /* display: none; */ /* Enable during summer months */
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-right: 6%;
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
}
#villagemarkethours tr.row {
	height: 24px;
}
#villagemarkethours tr.lightbg {
	height: 24px;
}
#villagemarkethours tr.row th.cell {
	width: 50%;
	border-top: none;
	border-bottom-width: 1px;
	border-bottom-color: #888888;
	text-align: left;
	padding-left: 5px;
}
#villagemarkethours tr td.cell {
	width: 50%;
	padding-left: 3px;
}