/*------------------*/
/*----- GENERAL-----*/
/*------------------*/

html 	{
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, sans-serif;
	background:#ffffff;
	} 

body 	{
	margin: 0px; 
	padding: 0px; 
	font-size:0.8em;
	line-height:1.5em;
	}

.hidden	{
	display:none;
	}

small	{
	line-height:1.5em;
	}

.cleaner {
	clear:both;
	height:0px;
	font-size:0px;
	border:none;
	margin:0; padding:0;
	background:#f5f5ed;
	}

#livesupport a {
    padding-left:30px;
	}

/*----- global link -----*/

a:link	{
	color:#81919E;
	text-decoration:none;
	font-weight:bold;
	}
a:visited	{
	color:#81919E;
	text-decoration:none;
	font-weight:bold;
	}



a:hover 	{
	color:#8a5b85;

	}


/*----- headings -----*/

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

h2	{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #5d8a63;
	font-weight: bold;
}

h3	{
	padding: 4px 5px 5px 31px;
	font-size: 1em;
	margin: 0px;
	border: 1px solid #cad8cb;
	background: #f5f5ed url("../img/title-arrow.gif") no-repeat;
	clear: both;
	color: #6D8591;
	font-weight: bold;
}

h3 a:link {
	color:#000;
	}

h3 a:visited {
	color:#000;
	}

h3 a:hover {
	color:#8a5b85;
	text-decoration:none;
	}

h4	{
	margin: 0px; 
	padding: 10px 10px 0px 10px; 
	font-size:1em; 
	border-top:1px #ccc dotted;
	clear:both;
	}





/*------------------*/
/*----- LAYOUT -----*/
/*------------------*/

#wrapper	{
	margin-left:auto;
	margin-right:auto;
	width:770px;
	border:1px solid #5d8a63;
	}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
	

/*-----------------*/
/*----- HEADER-----*/
/*-----------------*/

#header {
	margin: 0px;
	padding: 0px;
	height: 70px;
	background: #5d8a63;
	background-color: #6F8592;
}

#logo a {
	position:relative;
	top:15px;
	left:15px;
	float:left;
	background:	url("../img/logo-napiers.gif") no-repeat;
	width:261px;
	height:73px;
	display:block;
	}

#logoGraphic a {
	position:relative;
	top:8px;
	right:15px;
	float:right;
	background:	url("../img/logo-duncan-01.gif") no-repeat;
	width:73px;
	height:82px;
	display:block;
	}

#logoPrint	{
	display:none;
	}

/*---------------------------*/
/*----- MAIN NAVIGATION -----*/
/*---------------------------*/

#mainNav 	{
	background: #b0ceb4 url("../img/nav-bg.gif") repeat-x;
	border-bottom: 1px solid #5d8a63;
	height: 29px;
	padding: 0px;
	margin: 0px;
	outline-color: #006699;
	background-color: #A5CE38;
}

#mainNav ul	{
	padding:0px;
	margin:0px;
	list-style: none;
	}

#mainNav li	{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 0.8em;
	background-color: #A5CE38;
}

/*----- off state -----*/

#mainNav a	{
	display: block;
	height: 24px;
	padding: 5px 15px 0px 15px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	float: left;
	border-right: 1px solid #5d8a63;
	background: #b0ceb4 url("../img/nav-bg.gif") repeat-x;
	background-color: #A5CE38;
	font-style: normal;
	font-weight: bold;
} 

#mainNav a:visited	{
	color: #FFFFFF;
	} 

#mainNav  a:hover	{
	color:#000;
	background:#adceb1 url("../img/nav-bg-on.gif") repeat-x;
	}


/*----- on state -----*/

#mainNavOn a:link	{
	display:block;
	height:24px;
	padding:5px 15px 0px 15px;
	color:#000;
	text-decoration:none;
	text-align:center;	
	float:left;
	border-right:1px solid #5d8a63;
	background:#b0ceb4 url("../img/nav-bg-on.gif") repeat-x;
	} 

#mainNavOn a:visited	{
	color:#000;
	background:#adceb1 url("../img/nav-bg-on.gif") repeat-x;
	} 

#mainNavOn a:hover	{
	color:#fff;
	background:#adceb1 url("../img/nav-bg-on.gif") repeat-x;
	}

/*----- end state for CHECKOUT -----*/

#mainNavEnd a:link	{
	display:block;
	height:24px;
	padding:5px 15px 0px 15px;
	color:#616568;
	text-decoration:none;
	text-align:center;	
	float:left;
	border-right:0px solid #5d8a63;
	background:#b0ceb4 url("../img/nav-bg.gif") repeat-x;
	} 

#mainNavEnd a:visited	{
	color:#616568;
	border-right:0px solid #5d8a63;
	background:#adceb1 url("../img/nav-bg.gif") repeat-x;
	} 

#mainNavEnd a:hover	{
	color:#000;
	background:#adceb1 url("../img/nav-bg-on.gif") repeat-x;
	}

/*-------------------*/
/*----- CONTENT -----*/
/*-------------------*/


#content {
	margin:0px;
	padding:5px;
	background:#f5f5ed;
	font-size:0.88em;
	clear:both;
	}

#popContent {
	margin:0px;
	padding:5px;
	background:#f5f5ed;
	font-size:0.7em;
	clear:both;
	}

#popContent td {
	font-size:0.8em;
	}

#content p {
	margin: 0px 0px;
	padding: 10px;
	color: #616568;
	font-weight: normal;
}

a:visited 	{
	text-decoration:none;
	}

#content a:link 	{
	text-decoration: none;
	color: #81919E;
}

#content a:hover 	{
	text-decoration:underline;
	}

.display	{
	background:#fff;
	padding:10px;
	margin:5px;
	border:1px solid #cad8cb;
	}

ul	{
	padding:0px;
	margin:5px 25px 0px 20px;
	}

.highlightBox
	{
	margin: 0px; 
	padding: 4px 5px 5px 31px;
	font-size:1em; 
	margin:0px;
	border:1px solid #cad8cb;
	background:#f5f5ed;
	clear:both;
	}




/*------------------------------*/
/*----- CONTENT - LEFT COL -----*/
/*------------------------------*/

#contentLeftNav	{
	width:200px;
	}

.navOn a 	{
	color:#000;
	}

.navOn a:visited 	{
	color:#000;
	}

.subNav ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	}

.subNav a:link {
	font-weight:normal;
	color:#5d8a63;
	}

.subNav a:hover {
	font-weight:normal;
	color:#8a5b85;
	}

.subNav a:visited {
	font-weight:normal;
	}


/*-------------------------------*/
/*----- CONTENT - RIGHT COL -----*/
/*-------------------------------*/

#contentRightDisplay	{
	width:500px;
	}

/*----- table cell borders -----*/

.cell	{
	border:1px solid #cad8cb;
	margin:5px;
	}

.smallText	{
	font-size:0.9em;
	}

/*----------------------------------*/
/*----- CONTENT - IMAGE STYLES -----*/
/*----------------------------------*/

.mainImg img	{
	border: 3px double #cad8cb;
	}

.mainImg {
	float:right;
	font-size:10px;
	font-style:italic;
	text-align:left;
	}

.middleImg {
	float:left;
    padding:15px 20px 5px 5px;
	}

.middleImg img	{
	border: 3px double #cad8cb;
	}

.imgLeft {
	float:left;
	padding:10px;
	font-size:10px;
	font-style:italic;
	text-align:left;
	}

.imgLeftBorder	{
	float:left;
	padding:2px;
	margin:10px;
	font-size:10px;
	font-style:italic;
	text-align:left;}

.imgLeftBorder img	{
	border: 3px double #cad8cb;
	}

.imgRight	{
	float:right;
	padding:10px;
	font-size:10px;
	font-style:italic;
	text-align:right;
	}

.imgRightBorder	{
	float:right;
	padding:2px;
	margin:10px;
	font-size:10px;
	font-style:italic;
	text-align:right;}

.imgRightBorder img	{
	border: 3px double #cad8cb;
	}


/*---------------------------*/
/*----- PRODUCT LISTING -----*/
/*---------------------------*/

.productListing2	{
	padding:0px;
	}

.productListing-heading	{
	font-size:0.9em;
	border-bottom: 1px solid #cad8cb;
	font-weight:bold;
	text-align:left;
	padding:5px;
	}

.productListing-cell	{
	}

.productListing-data {
	padding:0px;
	border-bottom: 1px solid #cad8cb;
	}

.productPrice	{
	font-size:1.3em;
	font-weight:bold;
	font-style:normal;
	}

.extraFields {
	font-size:0.9em;
	}


/*-------------------------*/
/*----- CONTACT FORMS -----*/
/*-------------------------*/

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

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


/*------------------*/
/*----- FOOTER -----*/
/*------------------*/

#footStrip	{
	background: #5d8a63;
	padding: 5px;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	background-color: #ADB6BE;
}

#footStrip a	{
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
	} 

#footStrip a:hover	{
	text-decoration:none;
	color:#000;
	}


#footNav {
	text-align: center;
	font-size: 0.7em;
	padding: 5px;
	color: #8A5B85;
}

#footNav a	{
	color: #8A5B85;
	text-decoration: none;
	font-weight: normal;
} 

#footNav a:hover	{
	text-decoration:none;
	color:#000;
	}