/*------------
CSS Zen Print
vs. Spaghetti
blake scarbrough
----------------------*/
@import url("layout-soup.css");
@import url("style.css");

body 
{
	/*background: #2A321B url(img/bk.jpg) repeat-x ; */
	background: #e8e8e8; 
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 7px;
	topmargin:20px;
}
.subhead 
{
	color: #000;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 14px;
}
.textlg
{
	color: #A9A9AB;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
.text
{
	color: #A9A9AB;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
#line
{
	color: #A9A9AB;
	
}
#main 
{ 
	margin: 0px auto;
	padding: 0px;
	position:relative;
	width: 800px;
}
/*on mino upload we want this to have a transparent bg*/
#pgf9fec3447a112223abfbea3fbb1e00f2 #main, #pgf9fec3447a112223abfbea3fbb1e00f2 #content,#pgf9fec3447a112223abfbea3fbb1e00f2 #xo-page,
#pgf9fec3447a112223abfbea3fbb1e00f2 #xo-content
{
	background: transparent!important;
}
/*footer color was #acacae*/
.footer 
{ 
	color: #636364;
	background: #e8e8e8;
	font-size: 10px;
	margin: 5px auto;
	padding: 10px;
	text-align:left;
}
.footer a
{
	color: #636364;
	text-decoration: none;
}
.footer a:hover
{
	text-decoration: underline;
}
#mast 
{
	padding: 0px 0 0;
	background: #fff;
}
.mast 
{
	padding: 0px 0 0;
	background: #fff;
}
#navigation 
{ 
	background: #fff url(images/navBg.jpg) no-repeat;
	height: 36px;
	margin: 0px;
	display: none;
}
#navigation2 
{ 
	background: #e2e2e2;
	height: 26px;
	margin: 0px;
	position: relative;
	display: none;
}

#shopnav-link 
{ 
	width: 130px;
	float: left;
	display: relative;
}

#shopnav #navigation img 
{ 
	margin: 0 0 0 3px;
}
#boxB
{
}

#navigation ul  
{ 
	float: left;
	list-style: none;
	margin: 0px;
	height: 0px;
	padding: 0px;
}
#navigation2 ul 
{ 
	list-style: none;
	margin: 0px;
	height: 26px;
	padding: 0px;
}
#navigation li 
{
	display: block;
	float: left; 
	padding: 0px;
	margin: 0px;
	border-right: solid 2px #afa0cb;
}
#navigation2 li 
{
	display: block;
	padding: 0px;
	margin: 0px;
}
#navigation li a
{ 
	color: #fff;
	display: block;
	text-decoration: none;
	float:left;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 10px;
	overflow:hidden;
	padding: 10px 0px;
	white-space: nowrap;
}	
#navigation2 li a
{ 
	color: #afa0cb;
	display: block;
	text-decoration: none;
	float:left;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 10px;
	overflow:hidden;
	padding: 6px 0px;
	white-space: nowrap;
}
*html #navigation li a
{
	margin: 0px 5px;
}

#navigation li:hover 
{ 
}	
#navigation li a:hover
{
	text-decoration: underline;
}	
.here { }	
#navigation li#navigation-2 a { background-image: url(img/nl-prod.gif);
	width: 69px; }	
#navigation li#navigation-3 a { background-image: url(img/nl-zp.gif);
	width: 69px; }	
#navigation li#navigation-4 a { background-image: url(img/nl-zm.gif);
	width: 88px; }			
#navigation li#navigation-5 a { background-image: url(img/nl-phil.gif);
	width: 84px; }		
#navigation li#navigation-6 a { background-image: url(img/nl-how.gif);
	width: 93px; }		
#logo { 
	display: block;
	float: left;
	margin: 20px;
	}	
#statusmsg 
{
        font-size: 1.2em;
        height: 25px;
        background: #FFFFFF;
        padding: 8px 0 0 15px;
        margin: 0px 0 0px 0;
}
.line
{
 	border: 1px solid #bdc39e;
}
.mini #product-details {margin: 0px 0;}
.tagline
{ 
	display: none;
}	
 /* links */
 a img {border: 0 none;}
/* body structure */
#content 
{
	background: #FFF;
	padding-bottom: 20px;
}
#static {
background: #fff;
border-left: 0px solid #F1F7CE;
padding: 10px 20px;
line-height: 1.5em;
}	
.bb {background: #FFF!important;}
#static p, #static ul, #phil p, #phil ul {font-size: 14px;color: #555;
	margin: 0 0 1.4em;} 
.testi img 
{
	margin: 5px;
	padding: 5px;
}
.testi h3
{
	margin: 5px 0 25px!important;
}
.testi p
{
	margin-bottom: 5px!important;
}
#phil {background: #FFF no-repeat center center;
	border-left: 0px solid #F1F7CE;
	padding: 0 10px 10px 10px; 
	margin: 0;}
#phil h2 {color: #757A54;
	font-size: 13px;
	margin: 0; }	
.hcol {float: left;
	width: 40%;
	position:relative; }	
.fr { position: relative; float: right;}	
.fl {  position: relative; float: left;}
.tam { text-align: center;}
#mid {
	background: transparent;
	height: 260px;
	padding: 25px 0 0; }	 
#steps { 
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;} 
#steps li { display: block;
	float: left;
	width: 170px;}	
#steps li img { display: block;
	margin: -20px 0 0 -10px; 
	position: relative;}	
#hw-step1 {background: url(img/step1i.jpg) no-repeat left top;
	height: 253px;
	margin: 0 10px 0 0;
	width: 166px;}	
#hw-step2 {background: url(img/step2i.jpg) no-repeat left top;
	height: 250px;
	margin: 0 10px 0 0;
	width: 165px;}	
#hw-step3 {background: url(img/step3i.jpg) no-repeat left top;
	height: 250px;
	margin: 0 5px 0 0px;
	width: 165px;}	
#hw-step4 {background: url(img/step4i.jpg) no-repeat left top;
	height: 250px;
	margin: 0 0 0 5px;
	width: 165px;}	
#copy {	
	margin: 5px 0 0;
	padding: 0 0px; }	
.box {
	float: left;
	font-size: 13px;
	line-height: 1.4em;
	padding: 10px 0;
	width: 45%;
	margin: 0 0 0 20px;
	}	
.quote {
	background: #fff;
	border: 1px solid #bdc39e;
	float: right;
	margin: 10px 20px;
	width: 40%; }	
.quote h3, .boxes h3, .boxy h3, .hdl
{ 
	font-size: 12px;
	margin: 0;
}	
.quote div { margin: 20px 20px 30px;
	}	
.quote q { font-size: 16px;
	line-height: 1.4em;
	margin-left: -.5em;}	
.quote cite {font-style: normal;}	
/* headline */	
h1
{
	color: #6d51a1;
	font-size: 18px;
}
.title, .pageHeading h1 {border: 0 none!important;
	color: #6d51a1;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	font-weight: bold;
	padding: 0px;
	clear:none!important; }
h2
{
	color: #777;
	font-size: 18px;
}
h3
{
	color: #6d51a1;
	font-size: 14px;
}
.header, .heading {
	color: #85C24D;
	font-size: 22px;
	
}
 #hd-home, #hd-zp, #hd-create, #hd-phil, #hd-about { background: #ffffff url(img/headline-home.gif) no-repeat 20px 50%;
 	display: block;
	height: 26px;
	margin: 0;
	padding: 10px;
	text-indent: -1000em;
	
	}
#hd-zp {background: #fff url(img/hd-zp.gif) no-repeat 0 50%;
	height: 34px;
	width: 344px;
	}
#hd-create {background: #fff url(img/hd-create.gif) no-repeat 0 50%;
	height: 34px;
	width: 426px;
	}			
#hd-phil {background: transparent url(img/hd-phil.gif) no-repeat 0 50%;
	height: 34px;
	width: 277px;
	}	
#hd-about {background: #FFF url(img/hdAbout.gif) no-repeat 0 50%;
	height: 34px;
	width: 277px;
	}		
	
.boxes, .boxy { width: 288px;
	float: left;
	background: #fff;
	border: 1px solid #bdc39e;
}	
.boxes
{
}
.b2 { width: 293px; margin-left: 5px;}
.boxy { width: 140px; margin: 0 0 5px 0;}	
.boxy p { margin: 5px 2px; font-size: 11px;}	
#girl { 
	bottom: 0;
	left: 210px;
	position: absolute;
	z-index:100;
	
}	
#imagezone 
{
	float: left;
	width: 360px;
	margin: 0px 0px 0 5px;
	padding: 5px 0px 0;
}
#xo-content br { display: block;}
#static br, #shopwrap br { display: block;}
#shopwrap
{
	display: block;
	margin-top: 15px;
	border-top: solid 1px #e9eaea;
}
#xo-content form br { display: block;}
#xo-page, #xo-content { margin: 0!important;
padding: 0!important;}
.system #xo-content {padding: 10px 5px!important;}
.system small
{
	padding: 5px 15px;
	position: relative;
	float: left;
}
.wffaq h4, .hivesurvey h4
{
	padding: 0px 15px 5px;
	margin: 0;
	font-size: 2em;
}
.wffaq h1
{
	padding: 0px 15px;
	margin: 0;
}
/* non static pages styles */
.basictbl
{
	padding: 5px;
	width: 99%;
	border: 0px #000 solid ;
}
.survey
{
	padding: 5px;
}
.blockTitle, table.outer th, #xo-page table.outer th.head, #xo-page table.xodata-list thead th, #xo-page table.xo-formfields thead th, .itemHead 
{
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
	border: solid 1px #e9eaea;
}
table.outer td
{
	background: transparent;
}
#mainPic
{
	text-align: center;
}
#boxA 
{
	width: 50%;
	margin: 15px 0 0 35px!important;
	float: left; 
}
#boxB 
{
	width: 40% ;
	margin: 0px 10px!important;
	float: right; 
}	
.blockA 
{ 
	width: 250px;
	text-align: center;
}
#stepMeter 
{ 
/*	background: #FAFCE9 url(img/zenprintLogo.gif) no-repeat 95% 50%;*/
	padding: 0px 0;/* 
	border-bottom: 1px solid #bdc39e; */
	position:relative;
	display: none;
}
#stepMeter h1 {position: absolute;
	top: 10px;
	left: 195px;
	color: #333;
	font: normal 24px "Arial Narrow", Arial, Helvetica, sans-serif!important;
	letter-spacing: 1px;
	display: none;
	}
#stepMeter ul 
{ 
	margin: 0;
	padding: 0;
	list-style:none;
	display: none;
}
#stepMeter li 
{ 
	display: none;
	float: left;
	margin: 3px;
	width: 40px;
	height: 40px;
	text-indent: -1000em;
}	
#step1 {background: url(img/step1n.gif) no-repeat left top;
	display: none;
	}	
/*#step1:hover {background-position: 0 -64px;}*/
#step2 {background: url(img/step2n.gif) no-repeat left top;
	display: none;
	}	
/*#step2:hover {background-position: 0 -64px;}*/
#step3 {background: url(img/step3n.gif) no-repeat left top;
	display: none;
	}	
/*#step3:hover {background-position: 0 -64px;}*/
#step4 {background: url(img/step4n.gif) no-repeat left top;
	display: none;
	}	
/*#step4:hover {background-position: 0 -64px;}*/
#stepMeter .active {background-position: 0 -40px; }
.breadCrumb
{
	display: none;
}
.breadCrumb a
{
	display: none;
}
.breadCrumb a:hover
{
	display: none;
}

.outerCrumb
{
	font-family: Arial, Sans-Serif;
	color: #522f91;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 15px 5px 15px;
	width: 100%;
}
.outerCrumb a
{
	text-decoration: none;
	color: #522f91;
}
.outerCrumb a:hover
{
	text-decoration: none;
	color: #522f91;
}
#productList, .productListing, #thumbTable 
{
}
#thumbTable td
{
	border:1px solid #BDC39E;
	background: transparent;

}
#zengallery
{
	border: 0px solid #000;
	border-width: 0 0px;
	width: 796px;
	margin: 0 4px 0 4px;
}
#zengallery #productList {margin: 0 15px 0;
	background: transparent;}
#colfl
{
	float: left;
	font-size: 11px;
	color: #bdbfc1;
	padding: 10px 15px 15px 15px;
}

#colfl hr 
{
	display: block;
}

#column
{
	float: left;
	color: #bdbfc1;
	font-size: 11px;
	padding: 20px 15px 15px 15px;
}

#column hr 
{
	display: block;
}
.mini .hdl 
{

}
.hdl2 
{
	color:#000;
	font-size:16px;
	font-weight:bold;
}
.approve
{
	background: #B6CA64;
}

#mainWide .mini
{
	width: 590px;
}

.mini #colfl, .approve #colfl 
{
	float: left;
	background: transparent;
}
.approve #colfl 
{
	float: right;
	margin: 0 10px 0 0;
}
.approve #colfl form {margin: 5px 10px;}
.mini #column, .approve #column
{
	background: transparent;
	float: right;
}	
.approve #column 
{
	float: left;
 }		
#approve_image_preview
{
	background: #FFFFFF;
	border: 1px #333333 solid;
	height: 50px;
	padding: 3px;
	width: 415px;
	margin: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	scroll: auto;
}
 * html #column {width: 435px;overflow: hidden;}
 .submit a ,  .qty a {position: relative; z-index:100;}
#colorpickerbox iframe {width: 100%;
	border: 0 none;}		
.productListing tr td { }
.btnout {margin: 0 0 0px; width: 100%; }
.productListing-odd td { background: #fff; color: #333;}
.productListing-odd td a { color: #333;}
.productListing-heading {font-weight: bold; }
.buttonbar {text-align: right;padding: 10px; margin-top:20px;}
#zengallery .homeProduct 
{
	font-size: 10px;
	width: 135px;
	padding: 0px 0px;
	height: 115px;
	text-align: center;
	vertical-align: middle;
	float: left;
	border: 1px #6d51a1 solid;
	margin: 7px;
	background: transparent;
	display: block!important;
	position: relative;
}
.homeProduct {overflow: hidden!important}	
.savelist-row img {display: block;}
 /* misc */

hr
{
	display: none;
	color: #e9eaea;
	background: #e9eaea;
	border: none;
	padding: 0px;
	margin: 10px 0px;
	height: 1px;
}

#apparel .main
{
	width: 550px;
}

.main hr
{
	display: block;
}
 
.messageStackError { background: #fff468; }

.plainBoxHeading
{}

.cartf {border: 2px solid #C6DE29;
padding: 10px;
	 }
fieldset { border: 0 none;}	

.plainBox p
{
}	
.main 
{
	margin: 0px;
	padding: 10px 15px 15px 15px;
	text-align: left;
	width: 380px;
}

*html .main 
{
	padding: 20px 10px 15px 10px;
	text-align: left;
	width: 380px;
}

.maininner 
{
}
.maininner a
{

}
.maininner a:hover
{

}
.mainbottom
{  

}
.mainColumn br
{
	display: block!important;
}
#product-details .main { margin: 0 20px;}
.col-box br {display: block!important; }
h3.hdl, h2.hdl
{ 
	font-size: 15px;
}
.sourceoptions
{
	background: transparent;
	padding: 0px 10px 0px 10px;
	width: 140px;
	float: left;
	border: 1px solid #AFB78E;
	font-size: 11px;
	position: relative;
	border: 0 none!important; 
}
.sourceoptions ul {margin: 0 ;
	padding: 0;
	list-style: none;
	}
.sourceoptions li { border-bottom: 1px solid #333333;
position: relative;
}
.sourceoptions li a {text-decoration: none;padding: 4px 0 4px 24px; display: block;}	
.sourceoptions li a.selected,.sourceoptions li a:active,.sourceoptions li a:hover  {color: #FFFFFF; }
#paddedsourceoptions
{
	padding: 0px;
	margin: 0px;
}
#top-bar	{
	background: transparent!important;
	margin: 0;
	border: 0px solid #000;
}
#upload	 {
	background: transparent;
	padding: 0 10px 0px 221px;
	margin: 0 0 4px;
	z-index:500; }
*html #upload
{
	padding: 0 10px 0px 60px; 
}
#upload_flickr	 {
	background: transparent;
	z-index:500; 
	padding: 0 10px 0px 221px; }
*html #upload_flickr
{
	padding: 0 10px 0px 60px; 
}
#upload_zengallery	 {
	background: transparent;
	z-index:500; 
	padding: 5px 10px 0px 280px; }
* html #upload_zengallery	 {
	padding: 5px 10px 0px 80px; }
#uploadarea {height:26px;}
.close {float: right;
	font-size: 9px;
	color:#555;
	margin-top: -8px; }	
/*gallery*/
.galleryHd {color: #333;
	text-transform: uppercase;
	font: bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;}	
.pageNav {clear: both;
	text-align: right;}
/*account*/	
.account-content {clear: both;
	background: #fff;
	padding: 10px;
	margin: 0 5px;
	overflow: auto;
	height: 400px;
	 border: 1px solid #BDC39E;
	 border-width: 0 1px 1px;}
#bar {background: url(img/gradient.gif) repeat-x left top;
	border: 1px solid #bdc39e!important;
	color: #6d51a1;
	padding: 10px;
	clear: both;}	 
#accountTabs
{
margin: 0 5px;
padding: 0;
}

#accountTabs ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#accountTabs li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#accountTabs a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #BDC39E;
margin: 0;
padding: 2px 10px;
border: 1px solid #bdc39e;
border-right: 1px solid #fff;

}

#accountTabs a:hover, #navcontainer a:active { background: #F1F7CE;color: #333; }

#accountTabs li#active a
{		color: #333;
		 background: #F1F7CE;
		 border: 1px solid #BDC39E;
		 border-width: 1px 1px 0;
		 padding: 5px 10px;
position: relative;
z-index: 102;
margin-top: -5px;

}
#personal{margin: 0px 0 0px;}
#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }	
		
/*clears*/	 .reset {clear: both;font-size: 1px; margin: 0;padding: 0;line-height: 1px; height: 1px; }
#navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#canvas_container2 {
float:left;
margin:0pt 6px 0 0px;
position:relative;
}
* html #canvas_container2
{
	width: 788px;
}
/* ie fixes */
* html #canvas_container {overflow: hidden;width: 625px;}
* html .sidebar {padding: 5px 0;width: 70px;overflow: hidden;}
* html .homeProduct a {position:relative;}
* html .savelist {border: 1px solid;width: 390px;}

* html #navigation {height: 1%;}

#productList:after, #stepMeter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#productList
{
	
}


/* Hides from IE-mac \*/
* html #productList, * html #stepMeter, * html .main {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#file-u a {background: url(img/icon_myfiles.gif) no-repeat 0 50%;}
#flickr-u a {background: url(img/icon_flickr.gif) no-repeat 0 50%;}
#browse-u a {background: url(img/icon_zengallery.gif) no-repeat 0 50%;}
#web-u a {background: url(img/icon_grab.gif) no-repeat 0 50%;}
.scroller
{
        border: 1px solid #AFB78E;
        border-width: 1px 0;
        background: transparent;
	padding: 0 10px 0 0;
  }
.scroller img, .prodscroller div {float: left;
        display: block;
        width: 50px;
        padding: 2px 5px 0;
         border: 0px solid #BDC39E!important;
        }
#scrollermain {border:solid 0px #bdc39e; height:67px;position:relative;overflow:hidden;}
* html #scrollermain ul {margin: 0px 0 0 ;}
#scrollermain ul li {display: inline;}
#scrollermain ul li img {width:55px; height:55px; margin:1px 1px;z-index:99;display: block;float: left;}
* html #scrollermain ul li img
{
	margin: 0px 0 0;
}

#rightscroll,  #leftscroll {width:26px;height:48px; background-position:0 0;position:absolute;}
#rightscroll:hover,  #leftscroll:hover {background-position:0 0;}
#rightscroll {position:relative;float:left; margin:10px; background-image:url(img/scrollright.gif)}
#leftscroll {position:relative; float:left; margin:10px 10px 10px 0; background-image:url(img/scrollleft.gif);}

#scrollerlist 
{
	margin:1px auto; 
	width:500px; 
	height:60px; 
	padding: 2px;
	overflow:hidden;
	position: relative;
	float: left;
        background: white; 
	border: solid 1px #333333;
}
* html #scrollerlist
{
	padding: 0px;
}
#scrollimages 
{
	height:60px; 
	width:9999999px;
	position:relative; 
	top: 0px;
	list-style:none;
	overflow: hidden;
	padding:0px;
	margin:0px;
}
* html #scrollimages
{
	margin: -10px 0 0;
	overflow: hidden;
}
#loading, #noimages 
{
	position:absolute; height: 60px; top:2px; left: 10px ; width:100%; text-align:center; font-size:0.8em;
}
#loading img
{
	width: 300px; 
	height:25px;
	left: 140px;
	position: relative;
}
.hide
{
	display: none;
}
#colorpickerbox
{
        padding: 5px;
	position: relative;
	text-align: center;
}
.colorpicker
{
        border: 1px #333333 solid;
}
#colorPickerAdvDiv
{
        visibility:hidden;
        padding:0;
        position:absolute;
        z-index:1;
        width: 350px;
	border: 2px #333333 dashed;
	left: 50px;
}
* html #colorPickerAdvDiv
{
	left: -150px;
	top: -100px;
}
#colorPickerAdv
{
        width: 400px;
}
* html #colorPickerAdv
{
	height: 400px;
        width: 400px;
        z-index:1000;
	overflow: auto;
	border: 1px solid #000;
}
#selectcolor_1, #selectcolor_2, #selectcolor_3 {
        padding: 2px;
        background: #D9E6EF;
        border: 3px ridge #E2E2E2;
        font-size: 14px;
        width: 180px;
        text-align: center;
}
option
{ 
	font-size: 12px; 
}
option:focus
{ 
	border:0; outline:0; 
}
/*option:hover{ background: #000; }*/

#colorcombo1, #colorcombo2, #colorcombo3{
        color: #000;
        background: #F0F0F0;
        text-align: center;
        font-family: "trebuchet MS";
}
.coloroptgroup {
        color: #FFF;
        border: 0;
        padding: 3px;
}
.coloroptgroup:hover 
{
	background: auto;
	color: auto;
}
#search_tags
{
	width: 150px;
	height: 16px;
	margin: 0 4px 4px 0;
	position: relative;
	float: left;
}
#pslist
{
	width: 150px;
	height: 20px;
	margin: 0 4px 4px 0;
	position: relative;
	float: left;
}
#filename
{
	position: relative;
	float: left;
	margin: 0 4px 4px 0;
}

#phone
{
	margin: auto;
	width: 800px;
	color: #acacae;
	font-size: 11px;
	text-align: right;
	padding: 15px;
}

#cartLink
{
	float: left;
	color: #acacae;
	padding-top: 15px;
}

#cartLink table
{
	border-right: solid 1px #e9e9e9;
}

#cartLink table td
{
	padding-right: 10px;
}

#cartLink a
{
	color: #7ac242;
}

#cartLink a:hover
{
	color: #7ac242;
	text-decoration: none;
}

#loginlink
{
	padding: 15px 30px 0px 20px;
	text-align: left;
	color: #acacae;
	font-size: 11px;
}

#loginlink a
{
	color: #acacae;
	text-decoration: none;
}

#loginlink a:hover
{
	color: #acacae;
	text-decoration: underline;
}

#loginform
{
	padding: 15px 30px 0px 20px;
	color: #acacae;
	font-size: 11px;
}

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

.purple
{
	color: #6d51a1;
}

.purple:hover
{
	color: #6d51a1;
}

.green
{
	color: #7AC142;
}

.green:hover
{
	color: #7AC142;
}
	

.gray
{
	color: #a7a9ac;
}

.gray:hover
{
	color: #a7a9ac;
}

#homeCats
{
	margin-top: 15px;
	width: 550px;
}

#homeCats .cat
{
	width: 175px;
	height: 175px;
	border: solid 1px #e9eaea;
	text-align: center;
	color: #6d51a1;
	font-size: 14px;
	font-weight: bold;
}

#homeCats .cat img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#homeCats .cat table
{
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}

#homeCats .cat br
{
	margin-top: 5px;
}

#search
{
	background: transparent url(images/navBg.jpg) no-repeat top right;
	float: right;
	color: #fff;
	font-weight: bold;
	height: 36px;
	padding: 8px 20px 0px 0px;
	margin: 0px 0px 0px -3px;
	z-index: 1001;
}

#search a, #search a:hover
{
	color: #fff;
	border: none;
}

#search input
{
	width: 90px;
	border: solid 1px #e9eaea;
	vertical-align: middle;
	margin-right: 10px;
}

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


/*------------
navigation css
----------------------*/


	
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #7AC242!important;background:#522F91;}


/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #B39EC9!important;background:#D5D5D5;}
*/
	
#dropMenuWrapper {
	height:36px;
	width:800px;
	margin:0;
	font-size:11px;
	}
	
div#dropMenu {
  	margin:0 auto;
	text-align:center;
	z-index:1000;
	position:relative;
	
	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 16px;
	}
	
div#dropMenu ul.level1 {
	margin:0 auto; 
	text-align:center;
	background: #fff url(themes/monaviemall/images/navBg.jpg) no-repeat;
	height:36px;
	z-index:1000;
	}
	
div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: 10px 10px;text-decoration: none; text-transform:lowercase; color:#ffffff; text-align:center; border-right:2px solid #afa0cb;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 12em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 36px; background:#B39EC9;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#B39EC9}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#B39EC9;}