@import url('reset.css');
@import url('sifr.css');
@import url('cart.css');
@import url('baseform.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding:1px 5px 5px 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat !important; padding:1px 5px 5px 20px;}
a.doc, d.docx {background: url('../images/icon-word.gif') 0 0 no-repeat !important; padding:1px 5px 5px 20px;}

/* General */
body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #464440; background: url(../images/core/background.jpg) repeat-y center top;}
p { margin: 0 0 10px 0;}
a, a:link, a:visited { color: #da383c; text-decoration: none;}
a:hover { color: #999999;}

div.line { border: none; width: 100%; background: url(../images/core/hr_line.gif) repeat-x; height: 12px; margin: 3px 0 10px 0;}

.clear { clear: both;}

.imgLeft { float: left; margin: 10px 10px 10px 0px;}
.meet-team .imgLeft {float: left; margin: 0 10px 10px 10px;}
.imgRight { float: right; margin: 10px 0px 10px 10px;}
.opensub { cursor:pointer; }

/* Header */
h1 { font-size: 21px; font-weight: normal; color: #da383c; margin-bottom: 9px;}
h2 { font-size: 18px; font-weight: normal; color: #da383c;margin-bottom: 6px;}
h3 { font-size: 16px; font-weight: normal;margin-bottom: 6px;}
h4 { font-size: 14px; font-weight: normal; color: #da383c; margin-bottom: 10px;}
h5, h6 { font-size: 13px; font-weight: normal;margin-bottom: 6px;}

/* Structure */
#container { width: 832px; height: auto; margin: 0 auto;}
ul.faq .message {margin:10px;}
.message { margin:10px 0;}
.message ul li {list-style:disc !important;}
.message ol li {list-style:decimal !important;}

/* Background Elements */
#background { width: auto; min-height: 1070px; background: url(../images/core/background_pattern.jpg) no-repeat top center;}
#footerPattern { width: 100%; height: 12px; bottom: 0; left: 0; position:fixed; background:url(../images/core/footer_pattern.gif) no-repeat bottom center; display:none;}

/* Header */
#logo { width: auto; text-align: center; height: 142px;}
	a#mailing { background: url(../images/core/button_mailing_list.gif) no-repeat 0 0; width: 183px; height: 36px; display: block; position: absolute; z-index: 10; margin: 0 0 0 720px; }
	a#mailing:hover { background-position: 0 -36px !important;}


/* Navigation */
#navigation {padding:0 10px 0 0;}
#navigation ul {margin:0;padding:0;width:832px;}
#navigation ul li {margin:0;padding:0;float:left; cursor: pointer;}
#navigation ul li a {display:block;text-indent:-999px;overflow:hidden;height:48px;} 

#navigation ul li.home a {background:url(../images/nav/nav-home.gif) no-repeat 0 0;width:76px;}
#navigation ul li.about a {background:url(../images/nav/nav-about.gif) no-repeat 0 0;width:78px;}
#navigation ul li.classes a {background:url(../images/nav/nav-classes.gif) no-repeat 0 0;width:84px;}
#navigation ul li.contact a {background:url(../images/nav/nav-contact.gif) no-repeat 0 0;width:84px;}
#navigation ul li.faq a {background:url(../images/nav/nav-faq.gif) no-repeat 0 0;width:68px;}
#navigation ul li.products a {background:url(../images/nav/nav-products.gif) no-repeat 0 0;width:91px;}
#navigation ul li.shoppingcart a {background:url(../images/nav/nav-shoppingcart.gif) no-repeat 0 0;width:139px;}
#navigation ul li.news a {background:url(../images/nav/nav-news.gif) no-repeat 0 0;width:68px;}

#navigation ul li.cart { line-height: 48px; font-size: 10px; color: #da383c; width: 130px; text-align: right; } 

#navigation ul li a:hover {background-position:0 -48px!important;}

body#home #navigation ul li.home a, body#about #navigation ul li.about a, body#products #navigation ul li.products a, body#classes #navigation ul li.classes a, body#faq #navigation ul li.faq a, body#contact #navigation ul li.contact a, body#shoppingcart #navigation ul li.shoppingcart a, body#news #navigation ul li.news a {background-position:0 -48px!important;} 

/* Banner */
#banner { background: url(../images/banner/background-banner.jpg) no-repeat top left; height: 329px; width: 832px; overflow: hidden; padding-top: 41px; }
#banner div.slideshow { margin: 0px 0px 0px 51px; height: 279px; width: 718px; }

#banner div.previous { width: 49px; height: 48px; background: url(../images/banner/button-previous.png) no-repeat 0 0; position: absolute; z-index: 20; margin: 260px 0 0 625px; #margin: 260px 0 0 605px; }
#banner div.next { width: 49px; height: 48px; background: url(../images/banner/button-next.png) no-repeat 0 0; position: absolute; z-index: 20; margin: 260px 0 0 680px; #margin: 260px 0 0 660px;}
	#banner div.previous:hover, #banner div.next:hover { cursor: pointer; background-position:0 -48px!important; }
	
a.buyonline { position: relative; z-index: 20; width: 209px; height: 73px; background: url(../images/cta-buyonline.gif) no-repeat 0 0; margin: -20px 0 0 640px; display: block; }
a:hover.buyonline { background-position: 0 -73px !important;}

.banner_caption { font-weight:bold; margin:8px 0 0 0; width:600px; }


/* Content Structure */
#welcome { float: left; width: 580px; margin-top: -60px;}
	#welcome p { margin: 0 5px 10px 5px;}
	#welcome div.quote { width: 390px; height: 154px; margin: 25px 0px 25px 50px; width: 450px; background: url(../images/core/quote.gif) top left no-repeat; }
	#welcome p.quote-text { text-align: center; width: 390px; }
	#welcome div.quote-name { margin: 5px 5px 30px 50px; width: 300px; text-align: center; }
	
#address { float: right; width: 182px; height: 160px; padding: 75px 0px 0px 50px; margin: 15px 0 0 0; background: url(../images/core/home_address.gif) no-repeat top left;}
	#address span { padding: 0 0 5px 20px;}
	#address #email { background:url(../images/core/address_icon_e.gif) no-repeat left 2px; }
	#address #fax { background:url(../images/core/address_icon_f.gif) no-repeat left 2px; }
	#address #telephone { background:url(../images/core/address_icon_t.gif) no-repeat left 2px; } 


/* Body Stitching */
#internalTop { background: url(../images/core/stitching-top.gif) no-repeat top left; height: 37px; width: 822px; margin: 55px 0 0 0;}
	#internalTop h2 { float: left;}
	/* Breadcrumbs */
	#internalTop ul { margin: 0; padding: 0; float: left; list-style: none; }
	#internalTop ul li { margin: 0 5px 0 0; float: left;}
	#internalTop ul li a {  background: url(../images/nav/breadcrumbs.gif) no-repeat right 50%;  padding: 0 10px 0 0; }
	
#internalBase { background: url(../images/core/stitching-bottom.gif) no-repeat top right; height: 17px; width: 822px;}

/* Internal Content */
#internalContent { background:url(../images/core/stitching-main.gif) repeat-y; min-height: 310px; width: 822px;}
	#contentContainer { float: right; width: 695px; margin: 20px 10px 0 0px;}
	#contentContainer .copy { padding: 0 10px; line-height: 1.5em;}
	
	#contentContainer .copy ul { list-style: disc; margin: 3px 5px 8px 29px;}
	#contentContainer .copy ul li { padding: 3px 0px;}
	
	#contentContainer .copy ol { list-style: decimal; margin: 3px 5px 8px 29px;}
	#contentContainer .copy ol li { padding: 3px 0px;}
	#contentContainer .copy ol ol { list-style: none; color: #666666}
	
	#contentContainer .copy .faq { list-style: none; }
	#contentContainer .copy .faq h3 { margin: 0 0 7px 0; font-size: 14px; cursor: pointer;}
	#contentContainer .copy .faq li { list-style: none;  }
	#contentContainer .copy .faq li ul li ul li { list-style: circle;  }
	#contentContainer .copy .faq li ol li { list-style: decimal;  }
	
	
a.anchor { width: 127px; height: 49px; background: url(../images/core/button_back_top.gif) no-repeat 0 0; display: block; float: right; }
a:hover.anchor { background-position: 0 -49px !important;}


/* Internal Navigation */
ul#internalNavigation { margin: 0; padding: 0; list-style: none; width: 98px; float: left; display: block; }
	ul#internalNavigation li { margin: 0; padding: 10px 0px 10px 0px; background: url(../images/core/stitching-navigation.gif) no-repeat bottom; }
	ul#internalNavigation li a { display: block; color: #da383c; padding: 0 20px 0 0; }
	ul#internalNavigation li a:hover { display: block;  color: #da383c; background: url(../images/nav/active.gif) no-repeat bottom right; }
	ul#internalNavigation li a.active { display: block;  color: #da383c; background: url(../images/nav/active.gif) no-repeat bottom right; }
	
/* Footer */	
#footer { margin: 70px 0 0 0; font-size: 11px; height: 120px;	}
	#footer	.left { color: #333333; text-align: center; width: 650px; float: left; margin: 0 0 0 100px;}
		#footer	.left a { color: #333333; }
		#footer	.left a:hover { color: #999999; }
	#footer .right { float: right; margin: 0 15px 0 0;}
	#footer span.copyright { color: #999999;}