body{
margin: 0;
padding: 0;
background:#040e1c url(images/bg-quill.jpg) no-repeat top center;
font:normal 13px/1.3 'Trebuchet MS',Verdana,Arial;
color:#000
}	
a, a:link{
font-size: 13px;
color: #040e1c;
text-decoration: none
}
a:hover{
color: #506ea0;
text-decoration: none
}
#header{
float:left;
background:transparent url(images/bg-header.gif) repeat-x top left;
width:960px;
height:113px
}
#header div.bg-h{
float:left;
background:transparent url(images/quill-logo.png) no-repeat top left;
width:960px;
height:113px
}
#header div.logo{
float:left;
width:960px;
height:69px
}
#header div.logo a{
display:block;
width:586px;
height:69px;
text-indent:-9999px
}
div.email{
float:left;
width:500px;
height:41px
}
.email a{
background:transparent url(images/email-icon.gif) no-repeat left 4px;
padding-left:22px;
font:12px/43px 'Trebuchet MS',Verdana,Arial;
color:#5576ad
}
div.menu-top{
float:right;
width:460px;
height:43px;
color:#324461;
text-align:right
}
div.menu-top a{
height:42px;
font:13px/43px 'Trebuchet MS',Verdana,Arial;
padding:5px 6px;
color:#fff
}
div.menu-top a:hover, a#active_menu{
background-color:#324461;
color:#fbd306;
text-decoration:none
}

#bottom{
background-color:#010c1b;
float:left;
width:960px;
height:125px;
margin:5px 0 0 0;
text-align:left;
}
#bottom p{
padding:5px 0 0 0;
margin:0;
font:16px/1.4 'Trebuchet MS',Verdana,Arial;
color:#5576ad
}
#bottom a{
color: #fbd306;
text-decoration:underline
}
#bottom a:hover{
color: #fff;
text-decoration:none;
background-color:transparent
}
#bottom p.copyright{
padding-top:5px;
font:13px/1.25 'Trebuchet MS',Verdana,Arial;
color:#999;
}
#bottom p.disc{
padding-top:5px;
font:12px/1.25 'Trebuchet MS',Verdana,Arial;
color:#666;
}


table {font:normal 12px/1.3 'Trebuchet MS',Verdana,Arial;color: #000000}

td.content, td.content td{
font-size:13px
}
td.content a, td.content td a{
text-decoration:underline;
color:#516ca1
}
h1{
color: #516ca1;
font: bold 16px/26px 'Trebuchet MS',Verdana,Arial;
}
h2{
color: #516ca1;
font: bold 14px/20px 'Trebuchet MS',Verdana,Arial;
}
h3{
color: #003333;
font: bold 13px/20px 'Trebuchet MS',Verdana,Arial;
border-top:1px solid #bbc3d3;
padding:5px 0 0;
margin:10px 0 5px 0
}
h5{
text-indent:-9999px;
padding:0;
margin:0
}
hr {
border: 0;
color: #bbc3d3;
background-color: #bbc3d3;
height: 2px;
width: 100%;
text-align: left;
}
.img-border{
border:1px solid #bbc3d3;
padding:1px;
margin:0 0 0 10px;
}
 .img-border1{
border:1px solid #bbc3d3;
padding:1px;
margin-top:5px
} 

ul.producs{
float:left;
list-style:none;
width:780px;
padding:0;
margin:0 0 10px 0;
}
ul.producs li{
float:left;
width:250px;
height:240px;
margin:5px;
text-align:center
}
ul.producs li img{
border:1px solid #bbc3d3;
padding:1px;
margin-bottom:5px
}
ul.producs li img:hover{
border: #333 1px solid;
padding:1px;
}
ul.producs li a{
display:block;
font-size: 13px;
color:#000;
padding:5px 0;
text-decoration: underline;
}
ul.producs li a:hover{
font-size: 12px;
color:#516ca1;
text-decoration: none;
}
ul.producs li p{
font-size: 12px;
color:#666;
padding:0;
margin:0;
}
.sub-menu{
margin:10px 0;
float:left;
width:780px;
}
.sub-menu a{
background-color:#fff;
padding:4px 9px;
color:#003333;
font-size:12px;
text-decoration: none;
border-right:1px solid #fff
}
.sub-menu a:hover{
background-color:#456598;
padding:4px 9px;
color:#fff;
font-size:12px;
text-decoration: none;
border-right:1px solid #fff
}
.sub-menu a.active{
background-color:#456598;
padding:4px 9px;
color:#fff;
font-size:12px;
text-decoration: none;
border-right:1px solid #fff
}
.prod-page{
padding:10px 100px 50px 100px
}



#center {
	text-align: center;
}
.table_background tr td table tr td table tr td table tr td p .subtitle {
	text-align: center;
}
.center_text {
	font-weight: bold;
	text-align: center;
}
.title 		{ color: #516ca1; font-size: small; font-family: 'Trebuchet MS',Verdana,Arial; font-weight: bold; }

.subtitle 	{
	color: #000000;
	font-size: x-small;
	font-family: 'Trebuchet MS',Verdana,Arial;
	font-weight: bold;
}

.copy 	{ font-size: x-small; font-family: 'Trebuchet MS',Verdana,Arial; font-weight: normal; }

.smallcopy 	{
	font-size: 12px;
	color:#666
}
a .smallcopy{
display:block;
	font-size: 12px;
	color:#000;
	padding:5px 0;
	text-decoration: underline;
}
a:hover .smallcopy 	{
	font-size: 12px;
	color:#516ca1;
	text-decoration: none;
}

.text_link	{ font-size: 12px; font-family: 'Trebuchet MS',Verdana,Arial; font-weight: bold; text-decoration:underline; }

.smallcopy_link	{ font-size: 12px; font-family: 'Trebuchet MS',Verdana,Arial; font-weight: normal; text-decoration:underline; }

.testimonial	{ COLOR: #339900; font-size: xx-small; font-weight: bold; font-style: italic; }

.formmargin	{ margin: 0px; }

.table_background { background-color:#FFFFFF;
}

/* PRODUCT LINKS */

.productlink		{ font-size: x-small; font-family: 'Trebuchet MS',Verdana,Arial; font-weight: normal; }

/* PRODUCT STYLES */

.order-box	{
		background-image: url(picts/order-box.jpg);
		width: 211px;
		height: 211px;
		}

.formmargin	{ margin: 0px; }


.product-borders	{ border: #bbc3d3 1px solid; } /* THIS CAN BE SET TO 1px */

a.productlink img		{ border: #bbc3d3 1px solid;padding:1px } /* THIS CAN BE SET TO 1px */
a.productlink img:hover {border: #333 1px solid}

.product-title 	{ color: #516ca1; font-size: medium; font-family: arial, sans-serif; font-weight: bold }

.list-title	{ color: #000000; font-size: small; font-family: arial, sans-serif; font-weight: bold }

.price 		{ color: #033; font: 14px arial, sans-serif; letter-spacing: 0px; font-weight: bold; }

.options	{ width:125px; margin-top: 15px; margin-bottom: 3px; font-size: 12px; }

.shipping	{ width:130px; margin-top: 3px; margin-bottom: 8px; font-size: 12px; }

.shipping_2	{ width:125px; margin-top: 3px; margin-bottom: 8px; font-size: 12px; }

.shipping_1	{ width:40px; margin-top: 0px; margin-bottom: 0px; font-size: 12px; }







/* PAGE TOP AND BOTTOM BORDER AREAS */

.bar-endtop	{
		width: 283px;
		height: 32px;
		padding: 0px 0px 0px 0px;
		}

.pagelines	{
		background-color: #ffe0c9;
		height: 12px;
		border: #858B9B 1px solid;
		border-right: 0px;
		}


.page-splits	{ COLOR: #036; height: 1px; BORDER-TOP: #858B9B 0px solid; width: 100%; }


/* PAGE IMAGE BORDERS */

.borders	{ border: #000000 1px solid; }






/* CONTACT FORM */

.submitbutton	{ font-size: 13px; }


.shadeform	{ FONT: 13px arial, 'Trebuchet MS',Verdana,Arial;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #999999 1px solid; }

.textarea	{ FONT: 13px arial, 'Trebuchet MS',Verdana,Arial;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		BORDER: #999999 1px solid; }

.dropdown 	{ COLOR: #333333;
		WIDTH: 200PX;
		FONT: 12px 'Trebuchet MS',Verdana,Arial; }






 /* NEWSLETTER FORM STYLE */

.newstable	{ width: 136px; margin-top:1px; margin-bottom:8px; border: #858B9B 0px solid; }

.newstext	{ COLOR: #000000; FONT: 12px 'Trebuchet MS',Verdana,Arial; font-weight: normal  }

.newsform  	{ WIDTH: 100PX;
		HEIGHT: 18PX;
		FONT: 12px arial, sans-serif;
		BORDER: #000000 1px solid; }






/* SEARCH BOX STYLES */

.searchform 	{
		color: #000000;
		background-image: url("picts/shadeform.gif");
		WIDTH: 150PX;
		HEIGHT: 20PX;
		FONT: 12px 'Trebuchet MS',Verdana,Arial;
		BORDER: #666666 1px solid;
		}

.search-box	{ color: #666666; font: 12px 'Trebuchet MS',Verdana,Arial; font-weight: normal; }










/* SIDEBAR BORDERS AND COLORS */

.boxtext 	{ FONT: 12px 'Trebuchet MS',Verdana,Arial; font-weight: normal; }

.menu-titles	{
		background-color: #131c2d;
		font-family: 'Trebuchet MS',Verdana,Arial;
		font-size: 13px;
		COLOR: #FFFFFF;
		font-weight: bold;
		text-indent: 12px;
		padding: 2px 0px 2px 0px;
		}


.menu-table	{
		background-color: #F8F8F9;
		border: #BBC3D3 1px solid;
		}

/* SIDEBAR IMAGE BORDERS */

.bordersSB	{ border: #858B9B 1px solid; }








/* LEFT MENU LINK COLORS AND FONTS */

.menu    	{
		FONT: 12px 'Trebuchet MS',Verdana,Arial; font-weight: normal;
		padding: 0px 0px 0px 17px;
		line-height: 19px;
		background-image: url(picts/menu-arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 1px;
		vertical-align: middle;
		}





/* START THE CODE FOR THE HORIZONTAL MENUS */


.menuhorztext		{
			color: #033;
			font-family: 'Trebuchet MS',Verdana,Arial;
			font-size: 12px;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			text-align: center;
			margin-left: 10px;
			}


.menuhorz		{
			cursor:pointer;
		  	border: #000000 0px solid;
			}


a.menuhorz:link 	{ color: #033; }


a.menuhorz:visited 	{ color: #033; }


a.menuhorz:active 	{ color: #033; }


a.menuhorz:hover 	{ color: #b25c17; text-decoration: underline; }

