/* Catalogue Display */

#catalogue {}



#catalogue td img{

	padding: 0px;

	margin: 0px;



	}	

	

#catalogue table {

	text-align: left;

	width: 580px;

	font-size: 11px;

	background-color: white;

	}



#catalogue cite {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	}

	

#catalogue th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	}



#catalogue td {

	border: 1px solid #4b4b4b;

	margin: 2px;

	}



.product-image {

	width: 240px;

	height: 180px;

	padding:0px;

	margin:0px;

	}



/* form */

/* rules for the online order form, "onlineOrders", contained within div "online-orders", contained within the document online-form.html */

#productOrders form, #productOrders select, #productOrders textarea, #productOrders input {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	}

	

fieldset {

	border: 2px solid #860F35;

	background-color:#FFFBFB;

	padding: 10px;

	margin-bottom: 10px;

	}

	

label {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	display: block;

	color:#6E3433;

	}



select {

	width: 126px;

	background-color:#8A0E33;

	color: white;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	}



.productHeading {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10pt;

	font-weight: bold;

	color: #6E3433;

	margin: 0;

	padding: 0;

	}



#productChoices label {

	}

	

.productDetail {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	display: block;

	color:#6E3433;

	}	



.btn {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	border: 0px solid black;

	background-color: #8A0E33;

	color: white;

	cursor:pointer;

	}

	

/* The rules below apply to the contact form contained within contact.html ... */

#contact-form form, #contact-form select, #contact-form textarea, #contact-form input {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	}

	

#contact-form fieldset {

	border: 2px solid #860F35;

	background-color:#FFFBFB;

	padding: 10px;

	margin-bottom: 10px;

	}

	

#contact-form label {

	display: block;

	color:#6E3433;

	}



#contact-form select {

	width: 126px;

	background-color:#8A0E33;

	color: white;

	}



/* common classes which apply to all forms site-wide*/


.txtinput, .txtinput-large, .usrtxt, .usrtxtDesc
{
	background-color:#8A0E33 !important; 

	color: white !important;
	
	border: 1px solid #6E3433 !important;
}



.txtinput {

	width: 120px;

	}



.txtinput-large {

	width: 240px;

	}



.usrtxt {

	width: 240px;
	
	}



.usrtxtDesc {

	width: 522px;

	}

	

.chkbx {

	background-color:#FFFFFF;

	padding: 0; margin: 0;

	display: block;

	}




/* layout */



html, body{ 

 	margin: 0; 

 	padding: 10px 0 0 0; 

 	text-align: center; 

	background: #FEF3F7 url(../images/bg.jpg) repeat-x top;

	} 

 

#page-container{ 

 	width:820px; 

 	text-align:left;  

 	margin-left:auto; 

 	margin-right:auto;

	} 

 

#header{

 	position:relative; 

 	height:161px; 

 	background-color: #FFECF3; 

	border: 1px solid #860F35;

	width: 100%;

	} 



.banner-left{

 	width:220px;

 	height:161px;

 	float:left;

 	}

 

.banner-right{

 	float: right;

 	width: 600px;

 	height:161px;

 	}



#topnav {

 	padding: 6px 0 0px 0;

 	margin: 0 0 -2px 231px;

	height: 15px;

 	clear: both;

 	width: 600px;

 	}

 

#leftcol{

	width:220px; 

	float:left; 

	position:relative; 

	}



#sidenav {

	border: 3px solid #860F35;

	background: #fefefe;

	width: 174px;

	text-align: center;

	}



/* Edit made in April addition. */

	

	#sidenav ul

		{

			padding: 13px 0 0 0;

			width: 130px;

			text-align: left;

			margin: 0px auto 0px auto;

		}

	

	#sidenav ul li

		{

			list-style: none;

			list-style-image: none;

			margin-bottom: 6px;

		}



	#sidenav ul li a

		{

			font-family: Verdana, Arial, sans-serif;

			font-size: 11px;

			width: 130px !important;  

			text-decoration: none;

			display: block;

		}





	#sidenav ul li a:link, #sidenav ul li a:active, #sidenav ul li a:visited

		{

			color: #6E3433;

			border-bottom: 1px dashed #6E3433;

			padding: 6px 0px 5px 0px;



		}



		

	#sidenav ul li a:hover

		{

			color: #FF9900;

			border-bottom: 1px dashed #FF9900;

			padding: 6px 0px 5px 0px;

		}



	.new

		{

			color: white;

			background-color: #FF9900;

			font-weight: bold;

			margin-left: 10px;

			padding-left: 2px;

			padding-right: 2px;

			padding-bottom: 1px;

		}







/* End edit */

	

#content {

	padding: 5px 20px 5px 20px;

	text-align: justify;

	background-color: #ffffff;

 	}



#content p.crnotice {

	font-size:9px;

	}



#content ul {

	padding-left: 14px;

	margin: 0px;

	}



#content li {

 	font-family: Verdana, Arial, sans-serif;

 	font-size: 11px;

	list-style-image:url(../images/list-arrow.gif);

	line-height: 180%;

 	}



.back-top {

	background-image: url(../images/up-arrow.gif);

	padding-left: 14px;

	}

	

#content a:active, #content a:link,  #content a:visited {

	text-decoration: underline;

	color: #8A0E33;

	}



#content a:hover {

	text-decoration: underline;

	color: #FF9900;

	}



#indexpix {

	text-align: center;

	}

	

#maincol {

 	float: right; 

	width: 592px; 

	border-top: 3px solid #860F35; 

	border-right: 3px solid #860F35;

	border-bottom: 3px solid #860F35;

	border-left: 3px solid #860F35;

	background-color: #FFFBFB;

	}





/* 	This edit determines the presentation of the floral boxes and images.

	Eventually this layout will replace use of tables accross the site		*/



	#objCntnr a:link, #objCntnr a:visited, #objCntnr a:active

		{

			color: #FEF3F7;

			text-decoration: underline;

		}

		

	#objCntnr a:hover

		{

			color: #FF9900;

			text-decoration: underline;

		}



	.objWrppr

		{

			width: 260px;

			border: 3px solid #860F35;

			margin-bottom: 20px;

			clear: none;

		}



	.objImg

		{

			height: 160px;

			padding-top: 25px;

			padding-bottom: 25px;

			text-align: center;

		}



	.objTxt

		{

			width: 258px;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 11px;

			background-color: #860F35;			

			color: white;

			padding: 3px 0px 2px 2px;

			margin: 0px;

		}

	

	.clrdiv

		{

			clear: both;

		}

	

	#bxObj

		{

			float: left;

		}

	

	#artObj

		{

			float: right;

		}	



/* end edit */



/* The following rules determine how third party site links are presented on links.htm */	



	#extLinks

		{

			margin-top: 20px;

		}





	.lnkWrppr

		{

			border: 1px dashed #860F35;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 11px;

			padding: 5px;

			margin-bottom: 20px;

			display: block;



		}

	

	.lnkNme

		{

			background-color: white;

			padding: 3px 5px 5px 5px;

			font-weight: bold;

		}

		

	.lnkDesc

		{

			margin: 5px 0px 5px 0px;

			padding: 3px 5px 5px 5px;

			background-color: #FFF7FA;

			color: #860F35;

		}

		

	.lnkUrl

		{

			padding: 3px 5px 5px 5px;

			background-color: white;

		}

		

/* end edit */		





/* verses  */



	#vrsWrppr

		{

			width: 100%;

		}

	

	#vrsWrppr img

		{

			border-top: 1px dashed #860F35;

			padding-top: 10px;

			display: block;

			margin-left: auto;

			margin-right: auto;

			margin-bottom: 20px;

		}

/* end edit */



	 

/* typographic rules */



h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11pt;

	color: #8A0E33;

	padding: 0px;

	}

	

h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10pt;

	color: #6E3433;

	margin-bottom: -10px;

	padding: 0;

	}

	

p {

	color: #6E3433;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 180%;

	padding: 0;

	cursor:default;

	}

	 

#footer{

	border-top: 3px solid #860F35; 

	border-right: 3px solid #860F35;

	border-bottom: 3px solid #860F35;

	border-left: 1px solid #860F35;	

 	background-color: #860F35;

 	clear: both;

	margin-top: 0px;

	margin-bottom: 20px;

	margin-left: 222px;

	width: 594px;

	text-align:left;

	} 



#footer p {

	line-height: 120%;

	font-size: 9px;

	color: #FFFBFB;

	}

	

#f1 {

	padding: 0px 20px 0px 22px;

	}



.footer-link {

	color: white;

	text-decoration: none;

	}

	 

 /* *** Float containers fix: *** */ 

.clearfix:after {

 	content: "."; 

 	display: block; 

	height: 0; 

	clear: both; 

 	visibility: hidden;

 	}

 

.clearfix{display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  

 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{

	display:none;

	} 

	

#twocols, #maincol{

	width:100%; 

	float:none;

	}

}



/* products



--------------------------------------------------

.tpic 	-	rules for picture cell

.tdesc	-	rules for description cell

.tprice	-	rules for price cells

.tdim	-	rules for dimension cells

--------------------------------------------------

*/



#catalogue {

	width:100%;

	background-color: #860F35;

	color: #6E3433;

	}

	

#catalogue img {

	display: block;

	margin: 0px;

	}



td {

	padding: 0 6px 0 6px;

	background-color: #FFFBFB;

	margin: 2px;

	color: #6E3433;

	}



th {

	padding: 0 6px 0 6px;

	background-color: #860F35;

	color: #FFFBFB;

	border: 2px solid #FFFBFB;

	}

	

table {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 180%;

	text-align: left;

	padding: 0px;

	}

	

.tpic {

	width: 240px;

	height: 160px;

	padding: 6px;

	}



.tdesc {

	width: 240px;

	text-align: justify;

	}

.tprice {

	width: 50px;

	}

	

.tdim {}



/* tab menu*/



#topnav-links a 

	{ 

		color: #000; 

		background: #860F35 url(../images/tabs/left-tab.gif) no-repeat left bottom; 

		text-decoration: none; 

		padding-left: 15px;

	} 



#topnav-links a span 

	{ 

		background: url("../images/tabs/right-tab.gif") no-repeat right top; 

		padding-right: 15px;

	} 



	#topnav-links a, #topnav-links a span 

	{ 

		display: block; 

		float: left; 

	} 



/* Commented backslash hack hides rule from IE5-Mac \*/ 

#topnav-links a, #topnav-links a span 

	{ 

	float: none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color: #ffffff;

	clear: both;

	} 

/* End IE5-Mac hack */ 



#topnav-links a:hover 

	{ 

	color: #fff; 

	background: #FF9900 url("../images/tabs/left-tab-hover.gif") left top no-repeat; 

	text-decoration: none; 

	padding-left: 15px 

	} 



#topnav-links a:hover span 

	{ 

	background: url("../images/tabs/right-tab-hover.gif") right top no-repeat; 

	padding-right: 15px 

	} 



#topnav-links 

	{ 

	list-style: none; 

	padding: 0; 

	margin: 0 

	} 



#topnav-links li 

	{ 

	float: left; 

	display: block; 

	margin: 0; 

	padding: 0;

	}