body {margin:5px; background-color:#ffffff; background-image:url(../styleImages/backgrounds/pageBg.gif); 
background-repeat:repeat-x; background-position:top;}
#pageSurround {width:80%; margin:0px auto; padding:5px;}
#topHeader {text-align:right; height:161px; padding-right:0px; padding-top:0px; width:80%; margin:0px auto; /* SKIN VARIABLE IS cAsE SeNsItIvE */
	background-image: url(../../../images/getLogo.php?skin=writeaway); background-repeat:no-repeat; background-position:top left;}
/* begin graphical menu element */
.topmenu {width:80%; margin:0 auto; text-align:center; min-width:820px;}
#topnav {width:369px; margin:22px 0 0 0; padding:0; height:35px; list-style:none; overflow:hidden;} 
#topnav li {margin:0; padding:0; list-style:none; display:inline;}
#topnav a {float:left; padding: 35px 0 0 0; overflow: hidden; height: 0px !important; height /**/:35px; /* for IE5/Win only */} 
#topnav a:hover {background-position: 0 -35px;}
#scroll_topl a {width: 35px; background:url(../../../images/scroll_topl.gif) top left no-repeat;} 
#scroll_topr a {width: 48px; background:url(../../../images/scroll_topr.gif) top left no-repeat;}
#menu_meet a {width: 138px; background:url(../../../images/menu_meet.gif) top left no-repeat;} 
#menu_contact a {width: 78px; background:url(../../../images/menu_contact.gif) top left no-repeat;}
#menu_help a {width: 70px; background:url(../../../images/menu_help.gif) top left no-repeat;} 
#mainnav {width:463px; margin:0; padding:0; height:28px; list-style:none; overflow:hidden;} 
#mainnav li {margin:0; padding:0; list-style:none; display:inline;}
#mainnav a {float: left; padding: 28px 0 0 0; overflow: hidden; height: 0px !important; height /**/:28px; /* for IE5/Win only */} 
#mainnav a:hover {background-position: 0 -28px;}
#menu_home a {width: 61px; background:url(../../../images/menu_home.gif) top left no-repeat;}
#menu_blog a {width: 49px; background:url(../../../images/menu_blog.gif) top left no-repeat;} 
#menu_host a {width: 103px; background:url(../../../images/menu_host.gif) top left no-repeat;}
#menu_sales a {width: 153px; background:url(../../../images/menu_sales.gif) top left no-repeat;} 
#menu_gift a {width: 97px; background:url(../../../images/menu_gift.gif) top left no-repeat;}
/* end graphical menu element */
.alignCart {text-align:right; margin-bottom:6px; padding:2px;}
.cartBox {margin-bottom:10px; padding:10px; border:1px solid #b3d68e; background-color:#EEEEEE;}
.cartBoxAddress {margin-bottom:10px; padding:10px; border:1px solid #b3d68e;}
.cartAddressBill {float:left; margin-right:20px; height:100%;}
.cartAddressShip {height:100%;}
.cartAddressLine {font-size:13px;}
.cartOption {margin-bottom:20px;}
.cartBoxTitle {padding:3px 3px 3px 10px;color:#FFFFFF; background-color:#b3d68e; font-size:16px; font-weight:bold;}
.boxTitleLeft, .boxTitleRight {font-family: "Perpetua", serif; font-size:14px; font-weight:bold; 
	border-top: solid 1px #8d3b03; color:#77a03f; padding: 5px 5px 0px 5px;}
.boxContentLeft, .boxContentRight {padding-top:3px; padding-right:5px; margin-bottom:10px;}
.boxCategories:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.colLeft {position:relative; left:0px; width:170px; float:left; z-index:5;}
.colMid {position:relative; width:100%; float:left; top:-26px;}
.colRight {position:relative; width:160px; float:right;}
.colSingle {margin:-26px 60px auto 60px;}
.boxContent {background-color:#FFFFFF; padding:10px; color:#333333; margin-bottom:10px; margin-top:0px; position:inherit; border:solid 1px #f7d0da;}
/*CHECKOUT PAGES*/
.colLeftCheckout {position:relative; left:0px; width:170px; float:left;}
.colMainCheckout {position:relative; width:100%; float:left; top:-26px;}
/* END CHECK OUT PAGES */
.siteDocs {text-align:center; margin-top:7px; margin-bottom:20px;}
#BreadCrumb {margin-bottom:10px;}
.buyBtnLayout {margin-top:10px;}
#subCats {text-align:justify; background-color:#ffffff; text-align:center; margin:0px auto; padding:3px; float:left; width:99%; position:inherit;}
.subCat {text-align:center; padding:8px; float:left; position:inherit;}
.pagination {position:relative; text-align:left; font-size:1.1em; clear:both;}
.pagination .off {color:#999999; border:1px solid #cccccc; background-color:#eeeeee;}
.pagination em {margin:1px; padding:0 7px 2px 7px; font-style:normal; color:#92c45d; border:1px solid #92c45d;}
.pagination a, .pagination span {margin:1px; padding:0 7px 2px 7px; background-color:#f7d0da; border:1px solid #CCCCCC;}
.pagination a:hover {color:#FFFFFF; background-color:#f771b4;}
.catProductList {width:100%; margin:5px auto 5px auto; padding-top:10px; border-top:1px solid #77a03f; border-bottom:1px solid #77a03f;}
	.catProductList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.catProduct {float:left; margin:6px; width:180px; height:220px; text-align:center;}
.catProductImg {clear:both; width:100%; text-align:center;}
.catProductImg a {position:relative;}
.catProductImg a span {position:absolute; visibility:hidden; height:0; border:1px solid #000; left:-50px; top:50px;}
.catProductImg a:hover {border:0; z-index:2000;}
.catProductImg a:hover span {visibility:visible; height:auto; z-index:1500;}

.catProductTitle {clear:both; width:100%; height:70px; text-align:center;}
.regSep {padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom:1px solid #cccccc;}
#imgThumbSpace{line-height:0px;}
#imgThumbSpace img {padding-right:3px; padding-bottom:3px;}
div.latestProds {text-align:center; width:19%; margin-right:3px; margin-bottom:3px; height:200px; float:left; overflow:hidden; position:relative;}
	
/* Start Cross-Browser DHTML Menu */
#mainmenu-nav {list-style:none; list-style-type:none; padding-left:0px; margin:4px 0 0 0;}
.li-nav a {text-transform:uppercase; width:170px; display:block; color:#8d3b03; font-family:"Perpetua", Serif; font-size:15px; text-decoration:none; padding:4px 2px 4px 2px;}
.li-nav a:hover {color:#FFFFFF; background-color:#92c45d;}
.ul-nav, .li-nav {display:block; list-style:none;}
.ul-nav li a {width:146px;}
.li-nav .ul-nav {display:none; position:absolute; margin:-26px 0 0 150px; padding-top:0px; width:150px; background-color:#FFFFFF; border:1px solid #92c45d;}
/* End Cross-Browser DHTML Menu */
/* Start blog menus */
#blogmenu-nav {list-style:none; list-style-type:none; font-family:"Perpetua", Serif; font-size:15px; padding-left:0px; margin:4px 0 0 0;}
#blogmenu-nav li a {text-transform:uppercase; font-weight:normal; width:170px; display:block; color:#8d3b03; text-decoration:none; padding:4px 2px 4px 2px;}
#blogmenu-nav li a:hover {color:#FFFFFF; background-color:#92c45d}
/* End blog menus */

.menuSection {margin:20px 0 6px 0; color:#77a03f; border-top:1px solid #77a03f; font-family:"Perpetua", Serif; font-size:15px; font-weight:bold;}
a.POPUP, a.POPUP:visited {position:relative; padding:2px;}
a.POPUP b {background-color:white; position:absolute; visibility:hidden; /* hide the image */
/*	width:400px; /* give it a width */
	height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
        padding:0px; border:1px solid #8d3b03; /* add a border */
	}
a.POPUP .FONTCOLOR {background-color:white; position:absolute;
	left:104px; /* position:the image */
	top:0px;}
a.POPUP .FONTWHIM {background-color:white; position:absolute;
	left:20px; /* position:the image */
	top:24px;}
a.POPUP .FONTSIMP {background-color:white; position:absolute;
	left:-75px; /* position:the image */
	top:24px;}
a.POPUP .FONTELEG {background-color:white; position:absolute; left:-149px; /* position:the image */
	top:24px;}
a.POPUP:hover {	text-decoration:none; color:#FFFFFF; background-color:#8d3b03;
	border:0; /* needed for this to work in IE */ 
	z-index:1000;}
a.POPUP:hover b {
	visibility:visible; /* make the image visible */
	height:auto; /* now give it a height */
	cursor:pointer; /* for IE */
	z-index:500;}
a.POPUP:hover b img {
	border:0; /* remove the link border */
	}