/* Place new or modified custom styles here. They will override those in style.css. */

/* ////////// The Basics /////////// */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 0 0;
	padding: 0;
	font-family: Verdana, Helvetica, San-serif;
	color: #999999;
	font-size: 100%;
	text-align: center;
	background-color: #ffffff;
}

a:link { color: #999999; text-decoration: none; }
a:visited { color: #999999; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }


div {
 border: 0px dashed #ff0000;
}

/* ////////// Utility Classes /////////// */


/* ---- CLEARFIX HACK --- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* ////////// Uniquely Named Selectors /////////// */

div#outer {
    text-align: center;
	margin: 0 35px;
}

div#container {
	width: 945px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#top {
	display: none;
}

/* ////////// Header /////////// */	

table#mastheadtable {
	width: 100%;
}

td#logocell { 
	padding: 10px 20px;
	width: 40px;
}

td#sitetitlecell { 
}

td#upperlinkscell { 
	text-align: right;
	vertical-align: bottom;
	padding: 15px 10px;
	font-size: 80%;
}

div#navigation {
	background: url('../images/custom/graybanner.gif') repeat-x;
	color: #FFFFFF;
	font-size: 80%;	
	text-align: right;
	padding: 10px 12px 10px 0px;
}

div#navigation a:link { color: #FFFFFF; text-decoration: none; }
div#navigation a:visited { color: #FFFFFF; text-decoration: none; }
div#navigation a:hover { color: #FFFFFF; text-decoration: underline; }


/* ////////// Footer /////////// */	

div#footer {
	width: 100%;
	font-size: 80%;
	border-top: 1px dotted #CCCCCC;
	margin-top: 20px;
	padding-top: 10px;
}

table#footertable {
	width: 100%;
}

td.footercell {
	white-space: nowrap;
}

td#footercellcenter {
	text-align: center;
}

td#footercellright {
	text-align: right;
}

span.brandviablue {
	color: #316383;
}

/* ////////// Home page /////////// */	

div#welcomeheadline {
	padding: 20px 20px;
	font-size: 150%;
}	

div#welcomemessage {
	padding: 0 0 20px 20px;
	font-size: 100%;
}

table#welcometable {
	border-collapse: collapse;
}

td#welcomeleftcell, td#welcomerightcell {
	vertical-align: top;
}

table#featuredcategorytable {
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
}


td.featuredcategorycell {
	margin: 10px;
	padding: 10px;
	vertical-align: top;
	border-top: 1px dotted #CCCCCC;
}

td#featuredcategoryleftcell {
	border-right: 1px dotted #CCCCCC;
}

div.featuredcategorydetails {
	padding-left: 10px;
}

/* ////////// Category Tree /////////// */	


div#categorytree li {
	list-style: none;
    background: url("../images/custom/lightbutton.gif") no-repeat left top;
	margin: 10px 0 0 -15px;
	position: relative;
	width: 165px; 
	height: 30px;
}

div#categorytree li.leaf {
    background: url("../images/custom/lightbuttonleaf.gif") no-repeat left top;
}

div#categorytree li.leafactive {
    background: url("../images/custom/lightbuttonleaf.gif") no-repeat left top;
}

div#categorytree li.dark {
    background: url("../images/custom/darkerbutton.gif") no-repeat left top;
}

div#categorytree li a:link { color: #999999; text-decoration: none; }
div#categorytree li a:visited { color: #999999; text-decoration: none; }
div#categorytree li a:hover { color: #FF0000; text-decoration: none; }

div#categorytree li.active a:link { color: #FF0000; text-decoration: none; }
div#categorytree li.active a:visited { color: #FF0000; text-decoration: none; }
div#categorytree li.active a:hover { color: #FF0000; text-decoration: none; }

div#categorytree li.leaf a:link { color: #999999; text-decoration: none; }
div#categorytree li.leaf a:visited { color: #999999; text-decoration: none; }
div#categorytree li.leaf a:hover { color: #488823; text-decoration: none; }

div#categorytree li.leafactive a:link { color: #488823; text-decoration: none; }
div#categorytree li.leafactive a:visited { color: #488823; text-decoration: none; }
div#categorytree li.leafactive a:hover { color: #488823; text-decoration: none; }

a.buttonlink { position: absolute; top: 0; left: 0; width: 139px; height: 18px; font-size: 90%; padding: 6px 6px 6px 20px;}


/* ////////// Interior Content /////////// */

table#interiortable {
	width: 100%;
	border-collapse: collapse;
}

td#interiorleftcell {
	vertical-align: top;
	width: 250px;
}

td#interiorleafcell {
	padding-top: 20px;
	padding-left: 10px;
	vertical-align: bottom;
	width: 250px;
}

td#interiorrightcell {
	vertical-align: top;
	padding: 20px 20px 0 50px;
}

div#leftsidenotfinding {
	margin: 0px 60px 0px 25px;
}

div#leftsidetext {
	font-size: 90%;
}

div#leftsidelink {
	text-align: center;
}


div#leftsidetext a:link { color: #7C7C7A; text-decoration: none; }
div#leftsidetext a:visited { color: #7C7C7A; text-decoration: none; }
div#leftsidetext a:hover { color: #000000; text-decoration: underline; }

.loginMessage {
	font-size: 80%;
	color: #990000;
}


/* ////////// Sub Menu /////////// */

.subMenu { font-size: 80%; }
.subMenuActive { color: #FF0000; font-size: 80%; }
.subMenuActiveGreen { color: #488823; font-size: 80%; }
.subMenuInactive { font-size: 80%; color: #CCCCCC; }

.subMenu a:link { color: #999999; text-decoration: none; }
.subMenu a:visited { color: #999999; text-decoration: none; }
.subMenu a:hover { color: #000000; text-decoration: underline; }

/* ******** SoftSlate styles ******* */
/*
input.button {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 105%;
    background-color: #FFFFFF;
	color: #334437;
	border: 2px solid #5E8B67;
	cursor: hand;
}

input.button:hover {
    color: #000000;
    border: 2px solid yellow;
}
*/
.genericLabel, .cartItemEditLabel, .categoryLabel, .productLabel, .paymentFormLabel,
.billingFormRequiredLabel, .deliveryFormRequiredLabel, .thankYouItemLabel, .accountLabel {
	font-weight: bold;
	font-size: 80%; 
}
.genericMessage, .cartMessage, .welcomeMessage, .aboutMessage, .contactMessage,
.errorsMessage, .messagesMessage {
	font-size: 90%; 
}
.genericGridLabel, .cartGridLabel, .productListLabel, .paymentGridLabel,
.orderFormLabel, .orderProductListLabel, .thankYouLabel, .accountGridLabel {
	font-weight: bold;
	color: #FFFFFF;
}
.genericData, .categoryTree, .cartItemEditData, .categoryData, .productData {
	font-size: 80%; 
}
.productData {
	font-size: 12px; 
}
.genericGridData, .cartGridData, .productListData, .paymentGridData, .orderProductListData,
.thankYouData, .accountGridData {
	font-size: 80%; 
}
.genericTableBorder {
	border: 1pt #999999 solid;
}
.errorsHeading {
	font-weight: bold;
	color: #990000;
}
.messagesHeading {
	font-weight: bold;
	color: #009900;
}
.genericHeadline, .cartHeadline, .cartItemEditHeadline, .categoryHeadline, 
.productHeadline, .productListHeadline, .checkoutHeadline, .orderFormHeadline,
.thankYouHeadline, .accountHeadline, .welcomeHeading, .aboutHeading, 
.contactHeading {
	font-size: 110%;
    font-weight: bold;
}

.genericGridHeadline {
	font-size: 110%; 
	font-weight: bold;
	color: #FFFFFF;
}
.genericHeading, .accountHeading {
	font-size: 115%; 
	font-weight: bold;
}
.genericInstructions, .checkoutInstructions, .orderFormInstructions, .thankYouInstructions,
.accountInstructions {
	font-size: 80%; 
}