/*------------------*/

/*----- 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:#5d8a63 ;

	text-decoration:none;

	font-weight:bold;

	}



a:visited	{

	color:#5d8a63;

	text-decoration:none;

	font-weight:bold;

	}



a:hover 	{

	color:#8a5b85;

	}





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



h1	{

	margin: 0px; 

	padding: 0px; 

	}



h2	{

	margin: 0px; 

	padding: 0px; 

	font-size:22px; 

	color:#5d8a63;

	}



h3	{

	margin: 0px;

	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;

	}



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:100px;

	background:#5d8a63;

	}



#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;

	}



#mainNav ul	{

	padding:0px;

	margin:0px;

	list-style: none;

	}



#mainNav li	{	

	list-style: none;

	padding:0px;

	margin:0px;

	float:left;

	font-size:0.8em;

	}



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



#mainNav a	{

	display:block;

	height:24px;

	padding:5px 15px 0px 15px;

	color:#616568;

	text-decoration:none;

	text-align:center;	

	float:left;

	border-right:1px solid #5d8a63;

	background:#b0ceb4 url("../img/nav-bg.gif") repeat-x;

	} 



#mainNav a:visited	{

	color:#616568;

	} 



#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;

    font-family:verdana !important;

    font-size:12px !important;

	}



#content a:link,a:visited 	{

	text-decoration:none;
    color:#5d8a63!important;

	}


#content a:hover 	{

	text-decoration:underline;
    color:#8a5b85!important;    

	}



.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;

	}



.locationinfo  {

	margin-left:100px;

	}



/*----------------------------------*/

/*----- 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;

	}



#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;

	}



#footNav a	{

	color:#5d8a63;

	text-decoration:none;

	font-weight:normal;

	} 



#footNav a:hover	{

	text-decoration:none;

	color:#000;

	}