@charset "utf-8";
/* CSS Document */

/* BEGIN BODY Styling */
body {
	margin: 0;
	padding: 0;
	background: #ededda;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a {
	outline: none;
	color: #603813;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	color: #18969C;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.verticalspacer {
	height: 10px;
	font-size: .1em;
	line-height: 10px;
	text-indent: -6500px;
}
/* END BODY Styling */

/* BEGIN PAGE LAYOUT CONTAINERS */
#page {
	width: 960px;
	display: block;
	margin: auto;
	padding: 0;
}

#header {
	width: 960px;
	height: 100px;
	display: block;
	background: url(../images/header.png);
	background-repeat: no-repeat;
}

#navigation {
	width: 960px;
	display: block;
	background: url(../images/mainnav-bg.png);
}

#flash {
	width: 960px;
	height: 193px;
	display: block;
	z-index: -1;
}

/* BEGIN MAIN 3 COLUMN CONTENT */
#leftcolumn {
	width: 223px;
	height: 100%;
	float: left;
	display: inline;
	border-right: 2px dashed #CC9417;
}

#lcolcontbox, #lcolcontbox1 {
	width: 218px;
	margin: 0 5px 0 0;;
	background: white;
}

#centercolumn {
	width: 514px;
	float: left;
	display: inline;
	border-right: 2px dashed #CC9417;
}

#ccolcontbox {
	width: 485px;
	background: white;
	margin: 0 0 0 5px;
	padding: 0 10px 10px 10px;
}

#rightcolumn {
	width: 219px;
	float: right;
	display: inline;
}

#rcolcontbox {
	width: 214px;
	margin: 0;
	float: right;
	display: block;
}
/* END MAIN 3 COLUMN CONTENT */

/* BEGIN 2 COLUMN CONTENT */
#lefttwocol {
	width: 739px;
	margin: 0;
	float: left;
	display: inline;
	border-right: 2px dashed #CC9417;
}
#ltwocolcontbox {
	margin: 0 5px 0 0;
	background: white;
}
#righttwocol {
	width: 219px;
	float: right;
	display: inline;
}
#rtwocolcontbox {
	width: 214px;
	margin: 0 0 0 5px;
	float: right;
	display: block;
}
/* END 2 COLUMN CONTENT */

/* BEGIN 1 COLUMN CONTENT */
#singlecolumn {
	width: 960px;
	display: block;
	background: #fff;
}

#scolcontbox {
	display: block;
	padding: 10px 10px 10px 10px;
	background: white;
}
/* END 1 COLUMN CONTENT */

#footernav {
	clear: both;
	height: 25px;
	display: block;
	padding: 5px 0 5px 0;
	background: url(../images/mainnav-bg.png);
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;
}

#footernav a {
	font-size: .8em;
	font-weight: bold;
	padding: 10px 3px 10px 3px;
	color: #603813;
}

#footernav a:hover {
	color: #000;
	background: url(../images/chromebg-over.gif);
	background-repeat: repeat-x;
}

#footer {
	clear: both;
	display: block;
}

#footer p {
	text-align: left;
	padding: 0 20px;
	font-size: .7em; 
}

#footer h5 {
	text-align: center;
}
/* END PAGE LAYOUT CONTAINERS */

/* BEGIN CUSTOM STYLING SECTION */
/* BEGIN HEADER */
.logo {
	float: left;
	width: 275px;
	height: 55px;
	margin: 25px 0 0 30px;
	padding: 0;
	background: url(../images/supplies-logo-shoes.png);
	background-repeat: no-repeat;
}

#contactform {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	vertical-align: top;
	font-size: .8em;
}

/* bof artg */
#loginMsgOk {
	display: none;
	color: #0f0;
	text-align: right;
	margin: 0;
	padding: 0;
}
#loginMsgErr {
	display: none;
	color: #f00;
	text-align: right;
	margin: 0;
	padding: 0;
}
/* eof artg */
/* END HEADER Custom */

/* BEGIN NAVIGATION Custom */
.chromestyle{
	width: 100%;
	font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 0px solid #19979B;
	width: 100%;
	background: url(../images/mainnav-bg.png) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
}

.chromestyle ul li a{
	color: #603813;
	padding: 4px 6px;
	margin: 0;
	text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url(../images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* Style for Drop Down Menu */
.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #19979B; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	line-height:22px;
	z-index:100;
	background-color: white;
	width: 220px;
	visibility: hidden;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0 2px 3px;
	text-decoration: none;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background: url(../images/mainnav-bgH.png);
	color: #fff;
}
/* END NAVIGATION Custom */

/* BEGIN FLASH Custom */

/* END FLASH Custom */

/* BEGIN LEFT COLUMN Custom */
#suppliesmeterform {
	width: 150px;
	margin: 0;
	padding: 0;
}
/* END LEFT COLUMN Custom */
#lcolcontbox p {
	padding: 3px 10px 3px 10px;
	margin: 0;
	font-size: .8em;
}

#lcolcontbox1 p {
	padding: 3px 10px 3px 10px;
	margin: 0;
	font-size: 0.8em;
}

#lcolcontbox1 ul {
	padding: 0;
	line-height: 18px;
	list-style-type: none;
}

#lcolcontbox1 a:hover {
	background: #603813;
	color: #fff;
}
/* BEGIN CENTER COLUMN Custom */

/* END CENTER COLUMN Custom */

/* BEGIN RIGHT COLUMN Custom */
.supmeterbut {
	width: 214px;
	height: 126px;
	display: block;
	background: url(../images/Meter.jpg);
	background-repeat: no-repeat;
	text-indent: -6000px;
}

.supmobilbut {
	width: 214px;
	height: 126px;
	display: block;
	background: url(../images/Mobility.jpg);
	background-repeat: no-repeat;
	text-indent: -6000px;
 
}

.supshoebut {
	width: 214px;
	height: 126px;
	display: block;
	background: url(../images/Shoes.jpg);
	background-repeat: no-repeat;
	text-indent: -6000px;
}

.supcouponbut {
	width: 214px;
	height: 126px;
	display: block;
	background: url(../images/Coupons.jpg);
	background-repeat: no-repeat;
	text-indent: -6000px;
}

.videobutton1 {
	width: 214px;
	height: 171px;
	display: block;
	background: url(../images/videolink1.png);
	background-repeat: no-repeat;
	text-indent: -6000px;
}

.videobutton2 {
	width: 214px;
	height: 171px;
	display: block;
	background: url(../images/videolink2.png);
	background-repeat: no-repeat;
	text-indent: -6000px;
}
/* END RIGHT COLUMN Custom */

/* BEGIN FOOTERNAV Custom */

/* END FOOTERNAV Custom */

/* BEGIN FOOTER Custom */

/* END FOOTER Custom */

/* BEGIN sitemap Custom */
#sitemap (
	width: 400px;
)
/* END sitemap Custom */
/* END CUSTOM STYLING SECTION */