/* ----- CSS ----- */

*{
margin:0;
padding:0;
font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
body{
background:#fcfbfa ;
font-size:10pt;
}

/* ----- IDS ----- */

#container{
position: absolute;
background-image:url('../images/container_bg.png');
left:50%;
width:964px;
height:auto;
margin:0 0 0 -504px;
padding:0 22px 0 22px;
text-align:left;
}
	#shadow_left {
	background-image: url('../images/sh_left.png');
	background-repeat: repeat-y;
	width:22px;
	height:100%;
	float:left;
	}
	#shadow_right {
	background-image: url('../images/sh_right.png');
	background-repeat: repeat-y;
	width:22px;
	height:100%;
	float:left;
	}
	#overlay {
	background-color: #000;
	-khtml-opacity:.85; -moz-opacity:.85; -ms-filter:”alpha(opacity=85)”; filter:alpha(opacity=85); opacity:.85; 
	position: fixed;
	width:100%;
	z-index:1000;
	height:100%;
	left:0;
	top:0;
	cursor: pointer;
	display: none;
	}
	
	#overlay_modal, #overlay_modal1 {
		width: 400px;
		height:570px;
		position: fixed;
		left:50%;
		margin-left:-200px;
		top:50%;
		margin-top:-285px;
		background-color: #fff;
		z-index:4000;
		display: none;
	}
		#overlay_modal #closebutton, #overlay_modal1 #closebutton{
			cursor: pointer;
		}
		
	
	#content {
	width:964px;
	background:#fdf9f0;
	float:left;
	}
		#logo {
			width:100%;
			text-align:center;
			padding:10px 0px;
		}
		#navigation{
		float:left;
		background:#716c6a;
		width:100%;
		clear:both;
		height: 18px;	
		padding:4px 0 4px 0;
		}
			#navigation ul {
			margin-left:0px;
			list-style-type: none;
			
			}
				#navigation ul li{
				float:left;
				width: 190px;
				text-align: center;
				}
                #navigation ul li.spacer{
                padding:0;
                float:left;
                background-color: #fff;
                width: 1px;
                
                height:100%;
                display: block;
                }
                    #navigation ul li a {
                    text-transform: uppercase;
                    color:#fff;
                    font-weight: bold;
                    text-decoration: none;
                    }
            .filter {
            
            }
            .scroll-pane {
            width:170px;
            height:170px;
            float:left !important;
            }
                .scroll-pane ul{
                list-style-type: none;
                }
                    .scroll-pane ul li {
                    margin-top:3px;
                    }
                        .scroll-pane ul li a{
                        text-decoration: none;
                        color:#666;
                        font-size:12px;
                        }
            		      
                        .scroll-pane ul li.active a{
                        text-decoration: none;
                        color:#000;
                        font-size:12px;
                        }
					
					
						
						
		#primaryContent {
				padding:0px 15px 0px 15px;
				margin-top:40px;	
		}
			#page {
				background-color:#FFF;
				margin-top:40px;
				padding:10px;
				border:1px solid #ada8a8;
				font-size:90%;
				height:auto;
				min-height: 460px;
				
				position: relative;
			}
			#page #buybutton {
				background-color:#000;
				color:#fff;
				width:50px;
				text-align: center;
				padding-top:4px;
				margin-right:5px;
				height:18px;
				text-transform: uppercase;
				color:#fff;
				font-weight:bold;		
				cursor: pointer;	
			}
			
			#page img {
				margin:0;
				padding:5px;
			}
			
			#banner {
				background-color: #fff;
				/* border:1px solid #000; */
				padding:0;
				height:160px;
				clear: both;
			}
				#banner_text {
					text-align: center;
					width:456px;
					padding-top: 70px;
				}
			#exhibition_left {
				width:447px;
				margin-top:20px;
				background-color: #fff;
				border:1px solid #ada8a8;
				margin-right:8px;
			}
			#exhibition_right {
				width:447px;
				margin-top:20px;
				background-color: #fff;
				border:1px solid #ada8a8;
			}		
				
				
			.exposed_left {
				width:461px;
				margin-top:20px;
				height:190px;
				background-color: #fff;
				border:1px solid #ada8a8;
				margin-right:8px;
			}
				.exposed_left img{
					margin:10px;
					margin-right:35px;
				}
				.exposed_left_text {
					margin-top:10px;
					font-weight: bold;
					text-transform: uppercase;
					font-size:90%;
				}
				.bottom {
					margin-top:35px;
				}					
				
			.exposed_right {
				width:461px;
				margin-top:20px;
				height:190px;
				background-color: #fff;
				border:1px solid #ada8a8;			
			}
				.exposed_right img{
					margin:10px;
					margin-right:35px;
				}
				.exposed_right_text {
					margin-top:10px;
					font-weight: bold;
					text-transform: uppercase;
					font-size:90%;
				}
				
			.artitem {
				width:225.5px;
				background-color: #fff;
				border:1px solid #ada8a8;
				margin-top:8px;
				margin-right:8px;
				float:left;
				height:107px;
				
			}
				.artitem img {
					margin:10px;
				}
				.artitemtext {
					margin-top:10px;
					font-size:70%;
					width:105px;
				}
			#product_information {
				width:400px;
			}
		#sub_navigation{
		float:left;
		width:100%;
		clear:both;
		height: 18px;	
		padding:10px 0 1px 0;
		}
			#sub_navigation ul {
			list-style-type: none;
			margin-left:0px;
			
			}
				#sub_navigation ul li{
				float:left;
				border-right: 1px solid #333;
				padding-right: 10px;
				margin-left:10px;
				}
					#sub_navigation ul li a{
					color:#333333;
					text-transform: uppercase;
					text-decoration: none;
					font-weight: bold;
					font-size:70%;
					}	
		#footer_text {
			float:right;
			color:#716c6a;
			text-transform: uppercase;
			font-size:70%;
			margin-top:3px;
			
			
		}	
/* ----- CLASSES ----- */

.hide{
display:none;
}
.show{
display:block;
}
.clear {
clear:both;
}
.left {
float:left;
}
.left img{
vertical-align: middle;
}
.right {
float:right !important;
}
.right img{
vertical-align: middle;
margin:10px;
}

.nom {
margin:0px;
}
.nomr {
margin-right:0px;
}
.s_margin{
margin:5px;
}
.button {
	background-color:#d5d3d3;
	width:auto;
	padding:4px 6px;
	float:left;
	margin:0 3px;
	text-align: center;
	height:14px;
}
.button a {
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}
.button a:hover {
	color:#efefef;
}
.readmorelarge {

	background-color:#d5d3d3;
	width:50px;
	text-align: center;
	padding:3px 6px 5px 6px;
	margin-right:5px;
	height:15px;
	margin-left:390px;
	margin-top:70px;

}
.readmoreexb {
	background-color:#d5d3d3;
	width:50px;
	text-align: center;
	padding:3px 6px 5px 6px;
	margin-right:5px;
	height:15px;
	margin-left:380px;
	margin-top:100px;

}
.readmoreproducts {

	background-color:#d5d3d3;
	width:50px;
	text-align: center;
	padding:3px 6px 5px 6px;
	margin-right:5px;
	height:15px;
	
	margin-top:100px;
	}
.readmore {
	position: absolute;

	background-color:#d5d3d3;
	width:50px;
	text-align: center;
	padding:3px 6px 5px 6px;
	margin-right:5px;
	height:15px;
	margin-left:160px;
	margin-top:80px;
}
.readmore a, .readmorelarge a, .readmoreexb a{
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size:70%;

}

.bold {
font-weight:bold;
}
/* ----- HEADING ----- */
h1 {
	font-size:18px;
	text-transform: uppercase;
}
h2 {
	font-size:14px;
	text-transform: uppercase;
}
h3 {
	font-size:12px;
	text-transform: uppercase;
}
h4 {
	font-size:10px;
	text-transform: uppercase;
}
/* ----- PARAGRAPHS ----- */

p, table{
color:#000;
font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif;letter-spacing:0.5px;
}

/* ----- PARAGRAPHS ----- */
ul, ol {
	margin-left:20px;
}


a img {
	border:0px solid black;
}

/* ----- LINES ----- */

hr {
border: 0;
color: #aba6a6;
background-color: #aba6a6;
height: 1px;
margin:10px 0;
}
/* ----- LINK ----- */
a {
	color:#000;
}
a:hover, a:active {
	color:#999;
}
a#top {
	font-size:80%;
	text-decoration: none;
}
a#top:hover {
	color:#999;
}
/* ----- TABLES ----- */
table {
	margin-top:10px;
}
thead tr {
	background:#716C6A none repeat scroll 0 0;
	
}
th{
	color:#fff;
	font-weight: bold;
	padding:3px;
}
table#product_info tr td{
	padding:3px;
	width:200px;
	padding-top:10px;
}
table#infoform tr td{
	padding:3px;
	width:200px;
	padding-top:10px;
}
/* ----- FORMS ----- */
.formbuilder{
margin-left:20px;
}

#form {
	margin:10px;
	
}

input #submit{
	background-color:#ddd;
	border:1px solid #bbb;
	padding:5px;
	color:#fff;
	font-weight: bold;
	max-width:100px;
	cursor: pointer;
}
.formbuilder p, label {color:#aaa;}
input, textarea {
	border:1px solid #bbb;
	padding:5px;
	color:#666;
}
input.in_small {
	height:14px;
	font-size: 90%;
	padding:0;
}
input.submit {
	margin-right: 2px;
	height:16px;
	font-size: 80%;
	padding:1px;
}
#submitbutton {
    color:#fff;
    background-color:#666;
    font-weight: bold;
    border:0px solid black;
    float:right;
    margin-right:20px;
}

