/* XXXXXXXXXXXXXXXXXXXXXXXXXXX BASIC XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
html, body { height: 100%; padding: 2px 0 2px 0;}
body { margin: 0px;	padding: 0px; background: #8C8DA9 /* url(../assets/body_background.jpg) left top repeat-x; */}
body {font-size: x-small; font-family: Arial, Helvetica, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small; font-family: Arial, Helvetica, sans-serif;}
html>body {font-size: small;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX MAIN LAYOUT DIVS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#wrapper { background-color: #FFFFFF; width: 780px;	margin: 0px auto; border: 1px solid #6C3F1A;}
#header { background-color: #FFFFFF; width: 758px; height: 68px; margin: 0px auto; padding: 5px 0px 5px 0px; }
#content { background-color: #FFFFFF; width: 760px;	margin: 0px auto; }
.display #header2 { width: 758px; height: 240px; margin: 0px auto;background: #FFFFFF url(../assets/main_banner.jpg) no-repeat left top;}
.hide #header2 { display:none;}	
.colA { float: left; width: 199px;margin: 6px 0 0 0;padding: 0;}
.colB { float: right; width: 550px; margin: 6px 0 0 0; padding: 0; background: #FFFFFF url(../assets/colb_bg.gif) repeat-y left top;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXX SUB LAYOUT DIVS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#logo { float: left; width: 376px; height: 68px;background: url(../assets/dayclocks_logo.gif) no-repeat left top;}
#logo h1, #logo h2 { position: absolute; left: -10000px;}

#main-menu {float: right; margin-top: 8px; margin-bottom: 0;}
#main-menu ul {margin: 0px; padding: 0px; list-style: none; }
#main-menu li {display: inline; }
#main-menu a {display: block; float: left; width: 79px; height: 15px;padding: 40px 0px 0px 0px; text-align: center; text-decoration: none; font-size: 10px; color: #626262; }
#main-menu a:hover {color:#000; text-decoration: underline; font-weight: bold;  }
#main-menu .vline {display: block; float: left; width: 1px; height: 60px;background: url(../assets/vertical_line.gif) no-repeat left center;}

#main-menu1 {background: url(../assets/main_menu_home.jpg) no-repeat left top; }
#main-menu2 {background: url(../assets/main_menu_cart.jpg) no-repeat left top; }
#main-menu3 {background: url(../assets/main_menu_info.jpg) no-repeat left top; }

#side-menu {margin-bottom: 7px; width: 199px;}
#side-menu ul {margin: 0px; padding: 0px; list-style: none;}
#side-menu li {display: inline;}
#side-menu li.top a {background-image: url(../assets/side_menu_top.jpg)}
#side-menu li.bottom a {background-image: url(../assets/side_menu_bottom.jpg)}
#side-menu a { display: block; width: 162px; height: 23px; padding: 8px 0px 0px 37px; text-decoration: none; font-weight: bold; color: #FFFFFF; background: #447353 url(../assets/side_menu.jpg) no-repeat left top; }
#side-menu a:visited { background-color: #447353; color:#F2F2F2; }
#side-menu a:hover { background-color: #447353; color: #D6C037; }
#side-menu a:active { background-color: #447353; }

#ShoppingList {margin-bottom: 7px; background: #FAFAFA url(../assets/backgroundbg3.gif) repeat-y left top;}
#ShoppingList .bottom {height: 27px; background: url(../assets/separatorline1.gif) no-repeat left top;}
#ShoppingList h2 {display: block;	width: 170px; height: 22px;	padding: 9px 0px 0px 28px; font-size: 11px; font-weight: bold;color: #FFFFFF; background: url(../assets/side_menu2_top.jpg) no-repeat left top;}
#ShoppingList ul {margin: 0px;	padding: 0px; list-style: none; }
#ShoppingList li {display: inline; font-size: 0.9em; }
#ShoppingList a {display: block; border-bottom: 1px solid #E7E7E7; padding: 4px 0px 5px 28px; background: url(../assets/bullet1.gif) no-repeat 13px 8px; }

#welcome { float: left; width: 176px; height: 92px; padding: 15px 20px 0px 15px; }
#search { float: left; width: 557px; height: 79px; padding: 28px 0px 0px 10px; }
#search .text1 { margin: 0px; padding: 2px 0px 2px 17px; background: url(../assets/search_icon.jpg) no-repeat left center;}
#search table { margin: 0px 0px 0px 16px;}

#footer {background-color: #FFFFFF;	width: 758px; margin: 0px auto; clear: both; padding-top: 1em;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX MAINCONTENT LAYOUT DIVS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#PageContent {}
#PageContent .bottom {height: 20px; background: url(../assets/colb_bottom.gif) no-repeat left top; }
#PageContent .vline {clear: both; height: 1px; background: url(../assets/separatorline2.gif) no-repeat left top;}
#PageContent .pagetitle {width: 540px; height: 25px; padding: 6px 0px 0px 10px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color:#333333; background: url(../assets/page_title_bg.jpg) no-repeat left top; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FORMS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

form { margin: 0px;	padding: 0px; }

 /* Form controls */
#mainform {	float:left;	}
#mainform form { margin: 5px; padding: 0; width: 450px;}
#mainform label { float: left; text-align: left; margin-right: 0.5em; display: block; }
#mainform input { color: #000; background: #F2F2F2; border: 1px inset #666666; } 
#mainform select, #mainform textarea { color: #000; background: #F2F2F2; border: 1px inset #333333;} 
#mainform checkbox { color: #000; background: #F2F2F2; border-style:none; } 
#mainform fieldset { }
#mainform legend { color: #2F7F4B; background: #F2F2F2; font-weight: bold; font-size: 105%; border: 1px solid #2F7F4B; padding: 2px 6px;margin-bottom:10px; } 
#mainform p { margin: 10px 0 0 10px; }
#mainform .submit  { /*color: #000; font-weight: bold; margin-bottom: 10px; */ cursor:hand; } 
#mainform .noborder { background: #FFFFFF; border: none; } 
/* Form Control End */

/** HEADINGS */
h1, h2, h3, h4, h5, h6 { margin: 0px; }
h1 { font: bold 165% Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h2 { font: bold 145% Verdana, Arial, Helvetica, sans-serif; }
h3 { font: bold 120% Verdana, Arial, Helvetica, sans-serif;	margin-bottom: 7px; }

/** TEXTS */
body, th, td, input, textarea, select { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	color: #333333;}
p, blockquote, ul, ol, dl {	margin-top: 0px; margin-bottom: 1em; text-align: justify; line-height: 1.3em; }

.mainbannertext { display: none; }
.lowfocus {font-size: 90%; color: #666; }
.maincontent { /* main page content */ float: left; font-size: 12px; color: #333333;	padding: 10px 10px 0px 10px; }
.maincontent li {padding-bottom: 10px; padding-right: 40px;}
.text14 {font-size: 12px; font-weight: bold;}
.small {text-align: center; font-size: 85%; color: #666;}	
p.backtotop { text-align: right; font-size: 80%; }

/** LINKS */
a { color: #447353;}
a:hover { text-decoration: none; color: #666666;}


/** MISC */
.align-justify { text-align: justify; }
.align-right { text-align: right; }
#sidepanel.ccard { margin: 0 auto; text-align:center; }
#sidepanel.ccard p { text-align:center; margin: 10px 0 0 0; padding: 2px;	}	
#sidepanel.ccard img { margin: 0 auto; padding: 2px; text-align:center;}

img { border: none; }
.img1 {	float: left; padding: 0; margin-right: 10px; }
.img2 { float: right; padding: 0; margin-left: 10px; }

hr { display: none; }
.hr1 {height: 1px;}
.left-margin { padding-left: 12px; }
.separatorline {clear: left; margin: 0 auto; margin-bottom: 8px; height: 5px; width: 80%; color: #666;background: #FFFFFF url(../assets/dottedruledark.gif) bottom left repeat-x; }

/* eComm CSS Rules */
.prodname, .detailname {font-size: 14px; color: #333333; }
.proddescription, .detaildescription {font-size: 12px; color: #333333; }
.prodprice, .price {font-size: 14px;color: #333333; }
.pagenums {display:none;}
td.cobll {padding-left: 5px;}
td.catnavigation { vertical-align:middle; text-align: left; }
.discountsapply {color:#FF0000;}
td.detaildiscounts, td.proddiscounts {color:#FF0000; }
#printcontent { font-size: 11px; }
.highlightBorder { padding: 10px; border: 2px red solid; margin-bottom: 5px; }
/* eComm Checkout */
td.cobll {padding-left: 5px;}
table.cobtbl { margin: 4px; padding: 0px; }
td.cobtbl { border: 1px solid #CCCCCC; }
.cobtbl { background-color:#B1B1B1; padding: 3px;}
.cobll { background-color:#FFFFFF; padding: 3px;}
.cobhl { background-color:#EBEBEB; padding: 3px; }
.prodseparator {clear: left;
margin: 0 auto;
margin-bottom: 8px;
height: 5px;
width: 80%;
color: #666;
background: #FFFFFF url(images/dottedruledark.gif) bottom left repeat-x;