body, td, ul, li, ol {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #636363;
	background-color: #FFFFFF;
}

table {
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
}

img.thumbnail {
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
	border-left: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
}

A  {
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	color : #427B94;
	font-size : 12px;
}

A:Visited  {
	color : #636363;
}

A:Active  {
	color : #EEEEEE;
}

A:Hover  {
	color : #555555;
}

a.link-small:link  {
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	color : #427B94;
	font-size : 10px;
}

a.link-small:visited  {
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	color : #636363;
	font-size : 10px;
}

.thumbnail {
	width: 104px;
	display: block;
	border-top: #8D8E88 solid 1px;
	border-right: #8D8E88 solid 1px;
	border-left: #8D8E88 solid 1px;
	border-bottom: #8D8E88 solid 1px;
	background-color: #FFFFFF;
/*	margin-left: 50px;*/
/*	margin-top: 4px;*/
	padding: 0px;
	padding-left: 0px;
/*	text-decoration: none;*/
/*	position: relative;*/
/*	left: 0px;*/
}


.thumbnail-image, .thumbnail-else-image, .thumbnail-shower-image {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
}

.header {
	padding-bottom: 8px;
}

.section_title {
	display: inline;
	border-right: #000000 solid 1px;
	border-left: #000000 solid 1px;
	background-color: #427B94;
	color : #FFFFFF;
	font-size: 14px;
	height: 21px;
	text-align: center;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 20px;
	margin-right: 20px;
}

.title_ends {
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
	border-left: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
}

.thumbnail-image {
	background-color: #FFFFFF;
}

.thumbnail-else-image , .thumbnail-shower-image {
	background-color: #FFFFFF;
}

.thumbnail-image, .thumbnail-else-image {
	height: 150px;
}

.thumbnail-shower-image {
	height: 210px;
}

.thumbnail-title, .thumbnail-else-title {
	height: 60px;
	line-height: 12px;
	text-align: left;
	font-weight: bold;
	color: #636363;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 0px;
	text-align: center;
}

.thumbnail-title {
	width: 88px;
}

.thumbnail-else-title {
	width: 134px;
}

.thumbnail-link {
	width: 88px;
/*	height: 50px;*/
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
}

/* else */


.thumbnail-else {
	width: 150px;
	display: block;
	border-right: #636363 solid 1px;
	background-color: #FFFFFF;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}


a.thumbnail-else-link {
	width: 134px;
	text-align: left;
	padding-left: 0px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	font-weight: bold;
}

.scroller, .scroller-short {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.scroller {
	height: 300px;
}

.scroller-short {
	height: 260px;
}

.scroller-title {
	display: block;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
}

.scroller-titlebig {

	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

.scroller-titlesmall {

	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

.contentsmall  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #636363;
}

.contact {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.category_description {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.gallery {
	background: #427B94;
	border-left: #FFFFFF solid 1px;
	
}

.steelblue {
	background: #427B94;
	
}

.gray {
	background: #636363;
}

/* artistcraft styles */


















.home-header {
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
}

.home-subheader {
	display: block;
	font-size: 11px;
	color: #2C3154;
	line-height: 16px;
	font-weight: bold;
	background-color: #E2EAC5;
	padding-left: 14px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.favorites-image {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
	border: #8D8E88 solid 1px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.specials-box, .home-specials-box {
	width: 150px;
	border-top: #8D8E88 solid 1px;
	border-right: #8D8E88 solid 1px;
	border-left: #8D8E88 solid 1px;
	border-bottom: #8D8E88 solid 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.specials-box {
	margin-left: 20px;
	background-color: #F0F2E4;
}

.home-specials-box {
	background-color: #E2EAC5;
}

.specials-title, .favorites-remove, .favorites-quantity {
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	background-color: #777BA8;
	padding-top: 8px;
	padding-bottom: 8px;
}

.specials-title {
	padding-left: 8px;
	padding-right: 8px;
}

.favorites-remove {
	padding-left: 14px;
	padding-right: 12px;
	border-right: #FFFFFF solid 1px;
	width: 45px;
}

.favorites-quantity {
	padding-left: 16px;
	padding-right: 23px;
	border-left: #FFFFFF solid 1px;
	width: 48px;
}

.favorites-currency {
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	width: 170px;
}

.favorites-currency2 {
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	width: 170px;
}

.specials-description, .diy-description {
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
}

.specials-description {
	padding-bottom: 8px;
}

.diy-description {
	margin-bottom: 0px;
}

.logo {
	padding-left: 19px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	border: none;
}

.sketch {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	border: none;
}

.title-standalone, .title-textbelow {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 16px;
	padding-top: 16px;
}

.title-standalone {
	padding-bottom: 8px;
}

.title-textbelow {
	padding-bottom: 0px;
}

.category-description {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.product-photo {
	max-height: 500px;
	width: 345px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
}

.product-description {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.product-email, .blue-text, .submenu {
	display: block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 0px;
}

.blue-text {
	width:460px;
	padding-bottom: 4px;
}

.backto {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.previous {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
}

.product-email, .backto {
	padding-top: 4px;
	padding-bottom: 8px;
}

.estimate {
	padding-top: 4px;
	padding-bottom: 8px;
	display: block;
	padding-left: 0px;
	padding-right: 4px;
}

.submenu {
	padding-top: 4px;
	padding-bottom: 4px;
}

.small {
	color: #8D8E88;
}

.price-sale {
	color: #FF0000;
}

.price-regular {
	text-decoration: line-through;
}

.favorites-category, .favorites-description {
	line-height: 12px;
	text-align: left;
	font-weight: normal;
	color: #4E4F44;
	padding-left: 14px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.favorites-category {
	background-color: #FFFFFF;
}

.favorites-description {
	background-color: #F0F2E4;
}

.favorites-table {
	width: 483px;
	display: block;
	background-color: #8D8E88;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	padding-left: 0px;
}

.scroller-favorites {
	overflow: auto; 
	overflow-x: auto; 
	overflow-y: auto;
	width: 500px;
        max-height: 350px;
	background-color: #F0F2E4;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.favorites-instructions {
	color: #8D8E88;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	background-color: #F0F2E4;
	text-align: left;
	width: 484px;
}

.border-table, .home-border-table, .home-diybox {
	display: block;
	border-top: #8D8E88 solid 1px;
	border-right: #8D8E88 solid 1px;
	border-left: #8D8E88 solid 1px;
	border-bottom: #8D8E88 solid 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 0px;
}

.border-table {
	width: 500px;
	margin-top: 20px;
	margin-left: 0px;
}

.home-border-table {
	width: 320px;
	margin-top: 0px;
	margin-left: 0px;
}

.home-diybox {
	width: 160px;
	margin-top: 0px;
	margin-left: 20px;
}

/* Products box - enclosures */

a.email {
	font-weight : normal;
	text-decoration : none;
	color : #4E4F44;
	font-size : 11px;
	white-space: nowrap;
}

a.email:hover  {
	font-weight : normal;
	text-decoration : underline;
	color : #4E4F44;
	font-size : 11px;
}

a.menu-top, a.menu-top-on  {
	display: block;
	text-decoration : none;
	color : #2C3154;
	font-size : 12px;
	padding-left: 16px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 20px;
	white-space: nowrap;
}

a.menu-top {
	font-weight : normal;
}

a.menu-top-on  {
	font-weight : bold;
}

a.menu-top:hover  {
	font-weight : normal;
	text-decoration : underline;
	color : #2C3154;
	font-size : 12px;
}

.line-left {
	width: 26px;
	background-image: url(line_left.gif);
	background-repeat: repeat-y;
}

.menu {
	padding-left: 19px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: left;
}

a.menu-section, a.menu-section:hover {
	display: block;
	color: #2C3154;
	line-height: 14px;
/*	letter-spacing: .5px;*/
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px;
/*	text-indent: -20px;*/
	margin-left: 0px;
	margin-top: 10px;
}

a.menu-section {
	text-decoration : none;
}

a.menu-section:hover {
	text-decoration : underline;
}

a.menu-category {
	display: block;
	color: #8F9179;
	line-height: 14px;
	padding-left: 8px;
	font-weight: normal;
	font-size: 11px;
	text-indent: -15px;
	margin-left: 25px;
	text-decoration : none;
}

a.menu-category:hover  {
	font-weight : normal;
	text-decoration : underline;
	color : #2C3154;
	font-size : 11px;
}

a.menu-category-on {
	display: block;
	color: #2C3154;
	line-height: 14px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	text-indent: -15px;
	margin-left: 25px;
	text-decoration : none;
}

a.menu-category-on:hover {
	color: #2C3154;
	font-weight: bold;
	font-size: 11px;
}


.footer  {
	display: block;
	font-weight : normal;
	text-decoration : none;
	color : #8F9179;
	font-size : 10px;
	line-height : 14px;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 10px;
}

a.footer-link  {
	font-weight : normal;
	text-decoration : none;
	color : #8F9179;
	font-size : 10px;
	line-height : 14px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.footer-link:hover  {
	font-weight : normal;
	text-decoration : underline;
	color : #8F9179;
	font-size : 10px;
}

a.link-help, a.link-help:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.menutop-on {
	color: #8D8E88;
}

.hardcode, .hardcode-diy {
	display: block;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #757B59;
	padding-left: 14px;
	padding-right: 16px;
	padding-top: 16px;

}

.hardcode {
	padding-bottom: 16px;
}

.hardcode-diy {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.hardcode-list, .diy-list {
	font-size: 11px;
	font-weight: normal;
}

.hardcode-list {
	line-height: 16px;
	color: #757B59;
}

.diy-list {
	line-height: 14px;
	font-weight: normal;
	color: #2C3154;
	margin-left: -15px;
	margin-right: 4px;
	margin-top: 0px;
}

.hardcode-image {
	border-top: #757B59 solid 1px;
	border-right: #757B59 solid 1px;
	border-left: #757B59 solid 1px;
	border-bottom: #757B59 solid 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.subtitle {
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #2C3154;
}

/* colours */

.lightgreen {
	background: #E2EAC5;
}

.palegreen {
	background: #F0F2E4;
}

.line-top {
	background: #8D8E88;
}

.white {
	background: #FFFFFF;
}

.hardware-line {
	background: #006699;
}

.blue {
	background: #767DA9;
}

/* form elements */


.scroller-form, .form-quote {
	background-color: #F0F2E4;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	width: 467px;
}

.form-quote {
	border-top: #8D8E88 solid 1px;
	border-right: #8D8E88 solid 1px;
	border-left: #8D8E88 solid 1px;
	border-bottom: #8D8E88 solid 1px;
    display: none;
}

form {
	font-weight: normal;
	font-size: 11px;
	font-family: arial,helvetica,verdana,sans-serif;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

form select {
	text-align: left;
	border: solid #2C3154 1px;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
}
	
form input {
	font-size: 11px;
	border: 1px solid #8D8E88; 
}

.form-checkbox {
	border: none; 
 }

.pulldown, .pulldown-long, .pulldown-narrow {
	border: 1px solid #8D8E88; 
	text-align: left;
	font-size: 11px;
}

.pulldown {
	width: 100px;
}

.pulldown-long {
	width: 120px;
}

.pulldown-narrow {
	width: 50px;
}

form textarea, .text-quantity, .textbox, .textbox-long, .textbox-3digits, .textbox-4digits {
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	border: solid #8D8E88 1px;
	font-family: arial,helvetica,verdana,sans-serif;
}

form textarea {
	width: 350px;
	height: 50px;
}

.textbox {
	width: 100px;
}

.textbox-long {
	width: 120px;
}

.textbox-3digits {
	width: 30px;
}

.textbox-4digits {
	width: 35px;
}

.text-quantity {
	width: 25px;
}

.button {
	font-size: 11px;
	color: #FFFFFF;
	font-weight : bold;
	line-height: 12px;
	text-align: center;
	border: 0px;
	background-color: #767DA9;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
