/*
Theme Name: Ann Clark Promo
Theme URI: http://www.appleseedvt.com/
Description: Custom theme created for Ann Clark Ltd
Version: 1.0
Author: Scott Beyer
Author URI: http://www.appleseedvt.com/
*/

/* Body, Banner, Main */

body {
	background-repeat: repeat-x;
	background-color: #ecdfbf;
	color: #333333;
	position: relative;
	padding: 0px;
	margin: 0px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 67%;
}

#banner-wrapper{
	background-position: 0 73px;
	background-image: url(images/ribbon.gif);
	background-repeat: repeat-x;
	margin: 0px;
	background-color: #f5ebcf;
	z-index: 1000;
	position: relative;
	padding: 0px;
	text-align: center;
	width: 100%;
}

#banner {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	z-index: 1000;
	position: relative;
	width: 990px;
	height: 215px;
}

#main-wrapper1{
	background-color: #f5ebcf;
	background-image: url(images/bg-main-wrapper1.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
}

#main-wrapper2{
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-image: url(images/bg-main-wrapper2.gif);
	text-align: center;
	width: 990px;
}

#main{
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #f5ebcf;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 940px;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	color: #80564b;
}

/* Links */

a {
	color: #aa2a1d;
	text-decoration: none;
	color: #aa2a1d;
}

a:hover {
	text-decoration: underline;
	color: #aa2a1d;
}

/* Col1 */

#col1{
	margin: 0px;
	padding: 0px;
	text-align: left;
	left: 20px;
	position: relative;
	float: left;
	width: 630px;
}

#col1 .box{
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 9px;
	margin: 0px;
	position: relative;
	background-image: url(images/bg-col1.gif);
	background-repeat: no-repeat;
	background-color: #fff8f0;
	width: 630px;
	line-height: 1.4em;
	font-size: 1.1em;
	overflow:hidden;
}

#col1 .box .box-content {
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 0px;
	clear: both;
	width: 570px;
}

#col1 .small, .slideshow p {
	line-height: 1.3em!important;
	font-size: 1em!important;
}

#col1 h1 {
	margin-left: 9px;
	margin-bottom: 20px;
	margin-right: 9px;
	margin-top: 0px;
	font-size: 2em;
	padding-left: 21px;
	padding-bottom: 0px;
	padding-right: 21px;
	padding-top: 21px;
	background-position: 0 0px;
	background-image: url(images/col1-header.gif);
	background-repeat: no-repeat;
}

#col1 h2, #col1 h3, #col1 h4 {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#col1 h2 {
	font-size: 1.5em;
}

#col1 h3 {
	font-size: 1.3em;
}

#col1 h4 {
	font-size: 1.1em;
}

#col1 ul, #col1 ol {
	padding-left: 0px;
	margin-left: 30px;
}

#col1 blockquote {
	font-style: italic;
	line-height: 1.3em;
	font-size: 1em;
	background-position: left top; 
	background-image: url(images/quotes.gif); 
	background-repeat: no-repeat; 
	padding-left: 40px; 
	padding-bottom: 1em; 
	padding-right: 1em; 
	padding-top: 30px;
}

#col1 blockquote span.author:before {
	content: "- ";
}

#col1 blockquote span.author {
	margin-top: 1em;
	text-align: right;
	display: block;
}

#col1 .box .box-btm {
	bottom: 0px;
	position: relative;
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(images/btm-col1.gif);
}

#col1 img {
	border-style: solid;
	border-width: 2px;
	border-color: #ecdfbf;
}



/* Col2 */

#col2{
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: left;
	right: 20px;
	float: right;
	width: 250px;
}

#col2 .box{
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	background-image: url(images/bg-col2.gif);
	background-repeat: no-repeat;
	background-color: #fff8f0;
	width: 100%;
}

#col2 .box div.box-content{
	margin-right: 24px;
	margin-left: 24px;
}

#col2 h2 {
	line-height: 25px;
	margin-left: 9px;
	margin-bottom: 5px;
	margin-right: 9px;
	margin-top: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-top: 0px;
	background-position: 0 0px;
	background-image: url(images/col2-header.gif);
	background-repeat: no-repeat;
	font-size:1.2em;
	display: block;
}

#col2  .box-content p, #col2  .box-content h3, #col2  .box-content blockquote {
	margin-left: 0px;
	margin-bottom: 1em;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

#col2 .box-content h3 {
	font-size:1.1em;
}



#col2 .box-content ul {
	display: block;
	list-style-position: outside;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.3em;
	font-size: 1em;
}


#col2 .box-content ul li {
	display: block;
	margin-right: 0px;
	margin-left: 0em;
	margin-bottom: 0.3em;
	margin-top: 0px;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
}


#col2 .box-content blockquote {
	line-height: 1.3em;
	font-size: 1em;
	font-style: italic;
}

#col2 .box-content blockquote span.author {
	font-style: italic;
	margin-top: 1em;
	text-align: right;
	display: block;
}

#col2 .box-content blockquote span.author:before {
	content: "- ";
}

#col2 .box-content small {
	font-size: .9em;
}

#col2 .box-content ul li a {
	display: block;
}

#col2 .box .box-btm {
	position: relative;
	bottom: 0px;
	height: 20px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(images/btm-col2.gif);
}

#col2 .buttons{
	margin-bottom: 20px;
}

#col2 .buttons h2{
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 250px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	background-position: 0 0px;
	background-image: none;
	font-size: 1.3em;
}

#col2 .buttons h2 a{
	padding: 0px;
	margin: 0px;
	height: 35px;
	background-repeat: no-repeat;
	display:block;
	width: 250px;
	line-height: 35px;
	background-position: 0 0px;
}   

#col2 .buttons h2.samples a{
	background-image: url(images/btn-samples-up.gif);
}

#col2 .buttons h2.catalog a{
	background-image: url(images/btn-catalog.gif);
}


#col2 .buttons h2 a span {
	display: none;
}

#col2 .accordion h2 {
	display: block;
	cursor:pointer;
	color: #aa2a1d;
}

#col2 .accordion h2.active {
	display: block;
	cursor:default;
	color: #80564b;
}



/* Footer */

#footer-wrapper {
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
	height: 100px;
}

#footer {
	padding-left: 0px;
	padding-bottom: 30px;
	padding-right: 0px;
	padding-top: 20px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	color: #80564b;
	clear: both;
	width: 860px;
}

#footer h1 {
	font-size: 2em;
	margin-bottom: 0px;
}


#footer p {
	margin-left: 0px;
	margin-bottom: 1em;
	margin-right: 0px;
	margin-top: 0px;
}

#footer ul {
	margin-left: 0px;
	margin-bottom: 0.5em;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	display: block;
}

#footer li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#footer a{
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #80564b;
}

#footer a:hover{
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	color: #80564b;
}

.footer-badges {
	text-align: left;
}

.footer-badges img{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-top: 20px;
	border-color: #80564b;
	border-style: solid;
	border-width: 2px;
}

/* Menus, Message */

.menu, #message {
	font-size: 1.1em;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: right;
	width: 500px;
}


#menu1 {
	bottom: 143px;
	right: 45px;
	position: absolute;
	z-index: 3000;
}

#menu2 {
	right: 45px;
	top: 135px;
	position: absolute;
	z-index: 3100;
}

#message {
	top: 20px;
	right: 45px;
	position: absolute;
	z-index: 3200;
}

.menu ul {
	padding: 0px;
	margin: 0px;
	display: inline;
}

.menu li {
	padding-left: 0px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-top: 3px;
	list-style-type: none;
	display: inline;
}


/* Misc */


.clear {
	clear: both;
}


.products p{
	font-size: 0.9em;
}

p.text-buttons{
	text-align: right;
	font-size: 0.9em!important;
	margin-right:15px;
}

p.nav-buttons{
	text-align: left;
	font-size: 0.9em!important;
	margin-right:15px;
}

#logo, #home-link {
	left: 18px;
	z-index: 20;
	top: 10px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(images/logo.png);
	height: 200px;
	width: 360px;
}

#home-link {
	display: none;
	background-image: none;
	z-index: 25;
}

#logo a, #home-link a{
	display: block;
	height: 200px;
	width: 360px;
}

#logo a span, #home-link a span{
	display: none;
}

#cookie {
	top: 10px;
	left: 320px;
	z-index: 30;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(images/cookie.png);
	height: 260px;
	width: 310px;
}

#search input {
	width: 90%;
}

img.alignleft, .alignleft {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

img.alignright, .alignright {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

ul.stock-list {
}

ul.stock-list li{
	list-style-type: none;
}

.pad{
	height: 20px;
}

/* Slideshow */

#slideshow-home {
	margin-bottom: 20px;
	width: 570px;
	height: 290px;
}

#slideshow-home .slide{
	width: 570px;
	height: 290px;
	clear: both;
}

#slideshow-home .slide{
	display: none;
}

#slideshow-home .first{
	display: block;
}

#slideshow-why {
	width: 570px;
	height: 340px;
}

#slideshow-why .slide{
	width: 570px;
	height: 340px;
	clear: both;
}


/* Gallery */

#col1 .box .box-content-gallery, #col1 .box .box-content-case {
	margin-left: 30px;
	margin-right: 0px;
	clear: both;
	width: 585px;
}

div.gallery h3, div.gallery p, div.gallery ul{
	padding: 0px!important;
	margin-right: 0px!important;
	margin-left: 0px!important;
}

div.gallery-thumbnail{
	display: block;
}

div.gallery-medium{
	display: none;
}

body.medium-view div.gallery-thumbnail{
	display: none;
}

body.medium-view div.gallery-medium{
	display: block;
}


/* Gallery Thumbnail View */

body.thumbnail-view div.gallery-thumbnail{
	display: none;
}

div.gallery-thumbnail, div.case-thumbnail{
	width: 175px;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px;
	float: left;
}

div.gallery-thumbnail h3, div.case-thumbnail h3, div.gallery-thumbnail h4, div.case-thumbnail h4{
	width: 175px;
	overflow: hidden ;
	text-overflow: ellipsis ;
}



div.gallery-thumbnail {
}

img.gallery-thumbnail, img.case-thumbnail {
	cursor:pointer;
}

div.gallery-thumbnail p.part-number, div.case-thumbnail p.part-number{
	text-align: right;
	margin-top: 3px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em!important;
}

/* Gallery Medium View */

div.gallery-medium{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	clear: both;
	width: 570px;
}

.single div.gallery-medium{
	display: block!important;
}

.gallery-panel-wrapper {
	margin-bottom: 10px;
	height: 289px;
	margin-right: 15px;
	float: left;
	position: relative;
	background-color: #ecdfbf;
	position: relative;
	width: 404px;
}
.gallery-panel {
	padding: 0px;
	background-color: #ecdfbf;
	position: relative;
	height: 289px;
	width: 404px;
	z-index: 500;
}

.form-panel {
	display: none;
}

img.gallery-medium{
	cursor:pointer;
}

.gallery-text{
	clear: both;
	font-size: 0.9em;
}

div.gallery-form{
	background-color: #ecdfbf;
	padding: 10px;
}

div.gallery-form img{
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border-color: #ffffff!important;
	border-style: solid;
	border-width: 1px!important;
}

div.gallery-form p{
	margin-right: 10px!important;
}

.close-box{
	left: 378px;
	z-index: 300;
	top: 0px;
	background-image: url(images/close.gif);
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
	cursor:pointer;
}

.close-box a{
	display: block;
	height: 26px;
	width: 26px;
}

.close-box a span{
	display: none;
}

/* Gallery Medium View Buttons */

.photo-panel .close-box{
	display: none;
}

.gallery-medium ul{
	float: left;
	display: block;
	list-style-type: none;
	width: 150px;
}

.gallery-medium li{
	list-style-position: outside;
	list-style-type: none;
}

.gallery-buttons li a{
	margin-bottom: 3px;
	padding-left: 0px;
	display: block;
	height: 20px;
	width: 150px;
}

.gallery-buttons li a span{
	display: none;
}

.btn-gallery-download{
	background-image: url(images/btn-gallery-download.gif);
	background-repeat: no-repeat;
}

.btn-gallery-email{
	background-image: url(images/btn-gallery-email.gif);
	background-repeat: no-repeat;
}

.btn-gallery-sample{
	background-image: url(images/btn-gallery-sample.gif);
	background-repeat: no-repeat;
}

.gallery-form p{
	margin-right: 0.5em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
	line-height: normal;
	font-size: 0.9em;
}

.gallery h3, .gallery h4{
	text-transform: capitalize;
}

/* Login, Registration, Profile */

#loginform, #your-profile, #nav, #lostpasswordform, #registerform {
	font-size: 0.9em;
}

tr.hide. table.hide{
	visibility: hidden;
	display: none;
}

#reg_passmail{
	display: none;
}

#loginform input, #your-profile input, #lostpasswordform input, #registerform input {
	width: 200px;
}

#rememberme, .submit input {
	width: auto!important;
}

#your-profile .form-table th {
	text-align: right;
	padding-right: 10px;
	width: 110px;
	vertical-align: text-top;
}

#your-profile .form-table td {
	font-style: italic;
	width: 200px;
	text-align: left;
}

#your-profile p.submit {
	padding-left: 120px;
}

#your-profile h3 {
	display: none;
}

/* Product Pricing */

.product-pricing{
	clear: both;
	margin-bottom: 2em;
	display: none;
}

.product-pricing table{
	font-size: 0.85em;
	width: 570px;
	margin-bottom: 1em;
}

.product-pricing li{
	font-size: 0.85em;
}

.product-pricing table th{
	padding: 3px;
	text-align: right;
}

.product-pricing table td{
	padding: 3px;
	text-align: right;
}

.product-pricing table tr.lead-time td{
	text-align: center;
}

.product-pricing table .even-row{
	background-color: #f5ebcf;
}

.product-pricing table .odd-row{
	background-color: #ECDFBF;
}