/* ------------------------------------------------------------------
Screen
Styles for screen & projection
------------------------------------------------------------------ */


/* Tags
------------------------------------------------------------------ */
body { text-align: center; background: #D2D5C9; color: #222; }
h1, h2, h3, h4 { font-weight: normal; } 
label { font-weight: bold; }


/* Links
------------------------------------------------------------------ */
a, a:link, a:visited { color: #669900; }
a:hover { color: #669900; }


/* Miscellaneous Classes
------------------------------------------------------------------ */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { _display: inline-block; }
/* Hides from IE-mac \*/* html .clearfix { display: block; height: 1%; }/* End hide from IE-mac */

.more { background: url(../images/bullet-arrow.gif) no-repeat 0 .4em; font-weight: bold; padding-left: 10px; }
.separator { border-top: 1px solid #C5CBB5; padding-top: 15px; }

/* Alerts
----------------------------------------------- */
div.alertbad { background: #cc0000; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertgood { background: #009900; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertinfo { background: #003399; margin-bottom: 15px; padding: 5px 20px; color: #fff; font-weight: bold; }
div.alertbad ul, 
div.alertgood ul, 
div.alertinfo ul, 
div.alertbad p, 
div.alertgood p, 
div.alertinfo p { margin: 0; padding: 0; }
div.alertbad a:link, 
div.alertgood a:link, 
div.alertinfo a:link { color: #fff; text-decoration: underline; }


/* 3-Column Layout (side, main, extra)
------------------------------------------------------------------ */
body.layout-smx #side { float: left; width: 202px; }
body.layout-smx #side .inner { padding: 20px 16px 20px 10px; }
body.layout-smx #main { float: left; width: 338px; }
body.layout-smx #main .inner { padding: 20px 16px 20px 10px; }
body.layout-smx #extra  { float: right; width: 202px; }
body.layout-smx #extra .inner { padding: 20px 10px; }

/* 2-Column Layout (main, side)
------------------------------------------------------------------ */
body.layout-ms #side { float: right; width: 232px; font-size: 10px; }
body.layout-ms #side .inner { padding: 20px 16px 20px 10px; }
body.layout-ms #main { float: left; width: 503px; }
body.layout-ms #main .inner { padding: 20px 16px 20px 10px; }
body.layout-ms #extra  { display: none; }

/* 2-Column Layout (side, main)
------------------------------------------------------------------ */
body.layout-sm #side { float: left; width: 202px; }
body.layout-sm #side .inner { padding: 20px 16px 20px 10px; }
body.layout-sm #main { float: left; width: 543px; }
body.layout-sm #main .inner { padding: 20px 6px 20px 10px; }
body.layout-sm #extra  { display: none; }

/* 1-Column Layout (main)
------------------------------------------------------------------ */
body.layout-m #side { display: none; }
body.layout-m #main { }
body.layout-m #main .inner { padding: 20px 10px; }
body.layout-m #extra  { display: none; }


/* Container
------------------------------------------------------------------ */
#container { margin: 0 auto; background: #D2D5C9; text-align: left; width: 768px; font-size: 95%; position: relative; }

#photo { z-index: 0; position: absolute; top: 20px; right: 30px; width: 491px; height: 358px; text-align: right; }


/* Header
------------------------------------------------------------------ */
#header { position: relative; z-index: 100; }
#header h1 { width: 337px; height: 120px; margin: 0; position: relative; overflow: hidden; }
#header h1 a { display: block; height: 100%; }
#header h1 img { position: absolute; top: 0; left: 0; }


/* Primary Navigation
------------------------------------------------------------------ */
#primary-navigation { position: relative; top: 3px; right: 1px; }
#primary-navigation tr { width: 768px; height: 24px; list-style-type: none; margin: 0; padding: 1px 0 1px 0; background:  url(../images/primary-navigation-bg_alt.gif) no-repeat; font-size: 105%; line-height: 50%; }
#primary-navigation tr td { display: absolute; }
#primary-navigation tr td a,
#primary-navigation tr td a:link,
#primary-navigation tr td a:visited { position: relative; top: 8px; right: 1px; background: url(../images/primary-navigation-bullet.gif) no-repeat 0 50%; display: block; color: #666; text-decoration: none; padding: 11px 0 5px 45px; margin: 0 23px; }
#primary-navigation tr td a:hover, 
#primary-navigation tr td.selected a,
#primary-navigation tr td.selected a:link,
#primary-navigation tr td.selected a:visited { background-position: -226px 50%; color: #222; } 
#primary-navigation tr td.first a { border: 0; }


/* Content
------------------------------------------------------------------ */
#content { background: url(../images/content-bg.gif) no-repeat; padding: 15px 13px 0 13px; }


/* Content Wrapper
------------------------------------------------------------------ */
#content-wrapper { background: #F4F7EC url(../images/content-wrapper-bg.gif) repeat-y; }


/* Footer 
------------------------------------------------------------------ */
#footer { clear: both; background: #D2D5C9 url(../images/footer-bg.gif) no-repeat; color: #809062; padding: 20px 25px 15px 25px; text-align: right; }
#footer p { margin: 0; line-height: 1; }
#footer a, #footer a:link, #footer a:visited { color: #809062; }
#footer a:hover { color: #222; }


/* Event List
------------------------------------------------------------------ */
.event-list { padding: 0; margin: 0 0 15px 0; list-style-type: none; }
.event-list li { padding: 0 0 15px 10px; background: url(../images/bullet-arrow.gif) no-repeat 0 5px; line-height: 120%; }
.event-list li p { margin-bottom: 10px; }

.event-list-full { padding: 0; margin: 0; list-style-type: none; }
.event-list-full li { padding-bottom: 10px; line-height: 120%; }
.event-list-full li h3 { margin-bottom: 5px; }
.event-list-full li p { margin-bottom: 10px; }
.event-list-full li strong { font-weight: normal; font-size: 130%; display: block; padding-bottom: 10px; }


/* Titles
------------------------------------------------------------------ */
.title { background: #D8DEC8; margin: 0; }
.title span { display: block; padding: 8px 10px 5px 10px; color: #4D4E49; font-size: 85%; font-weight: normal; line-height: normal; }


/* Product List
------------------------------------------------------------------ */
#product-list { }
.product { float: left; clear: both; padding: 0 0 30px 0; width: 100%; }
.product .product-image { float: left; margin: 0 20px 0 0; }
.product .product-image img { border: 1px solid #C5CBB5; padding: 5px; background: #fff; }
.product .product-content { float: left; width: 380px; }
.product .product-content h3 { font-size: 140%; }
.product .product-content h3 a,
.product .product-content h3 a:link { text-decoration: none; }
.product .button-group { float: right; width: 170px; background: #D8DEC8; }
.product .button-group .inner { padding: 20px; }
.product .button-group p { margin: 0; }
.product .button-group p.price { color: #FF6600; margin-bottom: 5px; }
.product .button-group strong { color: #333; }
.product .button-group span.list-price { color: #666; text-decoration: line-through; }
.product .button-group span.sale-price { font-size: 150%; color: #FF6600; }


/* Newsletter Sign Up Form
------------------------------------------------------------------ */
#newsletter-sign-up {  }
#newsletter-sign-up input.input-text { color: #888; margin-bottom: 10px; }
#newsletter-sign-up input.input-image { vertical-align: middle; }



/* Nifty Corners
------------------------------------------------------------------ */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#TB_load{
display:none;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #333;
	text-align: left;
}

#TB_window img {
/*	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;*/
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#D2D5C9;
}

#TB_ajaxContent{
	padding:15px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
display:none;
}

.additional-info { display: none; }