/**************************************************************************************************/
/***
/***	TEMPLATE CSS DOCUMENT
/***	-----------------------------------------------------------------------
/***	Written by Matthew Praetzel. Copyright (c) 2009 Matthew Praetzel.
/***	-----------------------------------------------------------------------
/***	
/***
/**************************************************************************************************/

/*-----------------------
	HTML
-----------------------*/
html, body { height:100%; }
body { background:#ececec url(/images/bg.jpg) no-repeat center 44px;font-family:'Arial',Lucida Grande,Verdana,sans-serif;font-size:14px; }
a { cursor:hand;cursor:pointer; }
.pos { position:relative;width:900px; }
/*-----------------------
	GROUPS
-----------------------*/
html, body, #h h1, #l h4, #g h5, #g label, #g ul ul, #g li li { margin:0px;padding:0px; }
#n, #h, #bdr, #s, #t, #f, #u, #v, #l h4 { float:left;width:100%; }
#w, #x, #u, #v, #l, #l li.search, #b, #g { position:relative;float:left; }
#h, #h h1, #h h1 a, #v a, #t hr, #g li *, #g a.ch { display:block;float:left; }
#n ul, #n li, #w ul, #w li, #u, #u li, #l ul, #v, #v li,#l li, #g ul, #g li, #content ul.products, #content ul.products li, #content ul.pagination, #content ul.pagination li { display:block;float:left;margin:0px;padding:0px;list-style:none; }
#l h4, #b h2, #b h3, #g h5 { font-weight:normal; }
#w li, #mask { position:absolute;top:0px;left:0px; }
/*-----------------------
	HEADER
-----------------------*/
#h, #h h1, #h h1 a { width:100%;height:92px; }
#h h1 { background:transparent url(/images/h.png) no-repeat center left; }
#h h1 a { width:100%;height:90px;font-size:0px;line-height:0px;color:transparent; }
/*-----------------------
	NAVIGATION
-----------------------*/
#n { height:44px;border-bottom:1px solid #686868; }
#n ul { width:100%; }
#n li { float:right; }
#n li a { display:block;padding:0px 10px;line-height:44px;font-size:16px;text-decoration:none; }
/*-----------------------
	TEMPLATE
-----------------------*/
#bdr { background:transparent url(/images/tbg.png) repeat-x 0 0;text-align:left; }
.sub div#t { padding-top:15px; }
#t hr { width:870px;border:none;border-bottom:1px dotted;margin:0 15px; }
/*-----------------------
	SLIDER
-----------------------*/
#s { width:870px;height:282px;background:transparent url(/images/sbg.png) repeat 0 0;margin:15px; }
#w { width:426px;height:255px;margin:13px; }
#w ul { position:relative;width:426px;height:255px; }
#mask { width:100%;height:255px;background:transparent url(/images/scn.png) repeat 0 0;z-index:10; }
#x { width:392px;padding-top:13px; }
#u { width:395px;height:198px;background:transparent url(/images/trans.png) repeat 0 0; }
#u li { position:absolute;width:358px;height:164px;padding:16px;line-height:20px;font-size:16px; }
#bdr ul#v { padding-top:14px; }
#v { padding-top:14px; }
#v a { width:38px;background:transparent url(/images/trans.png) repeat 0 0;margin-right:10px;line-height:38px;text-align:center;font-size:16px;text-decoration:none; }
/*-----------------------
	SIDEBAR
-----------------------*/
#l { width:295px;padding:0px 0px 20px 15px; }
#l h4, #l label { display:block;line-height:34px;text-indent:10px;font-size:16px; }
#l h4, #l li { width:100%;border:1px solid;border-width:1px 1px 0px 1px; }
#l h4, #l li li { width:295px;border-width:0px 0px 1px 0px; }
#l ul, #l ul ul { width:295px; }
#l li li a { display:block;width:100%;line-height:30px;text-indent:18px;font-size:12px;color:#666;text-decoration:none; }
#l li.search { border:none;margin-bottom:10px; }
#l input.q { width:270px;height:35px;margin-left:10px;line-height:35px;font-size:18px;color:#666; }
#l input.btn { position:absolute;top:42px;right:20px;font-size:16px; }
#l li.tags { border-width:1px; }
#l ul.tern_tag_cloud { display:block;float:left;width:295px;padding:10px 0px 10px 0px;margin:0px;line-height:30px;text-align:center; }
#l ul.tern_tag_cloud li { display:block;float:left;clear:none;width:auto;border:none; }
#l ul.tern_tag_cloud a { display:block;float:left;padding:0px;margin:0px;text-indent:auto;color:#333;text-decoration:none; }
#l li.gm { margin-top:15px;border-width:1px; }
/*-----------------------
	BODY
-----------------------*/
#b { width:580px; }
#content { min-height:300px;padding:0px 30px 30px 30px;line-height:20px; }
#b h2 { font-size:26px; }
#b h3 { font-size:22px; }
#content ul.products li { margin:0px 10px 10px 10px; }
ul.products li img { float:left;width:128px;height:90px;border:1px solid #ccc;padding:6px; }
ul.products li div { float:left;clear:both;width:132px;text-align:center;font-size:12px;font-weight:bold; }
#g { padding:15px 8px; }
#g li { width:278px;height:262px;background:transparent no-repeat 11px 11px;margin:0px 7px; }
#g li.n1 { background-image:url(/images/slides/g1.jpg); }
#g li.n2 { background-image:url(/images/slides/g2.jpg); }
#g li.n3 { background-image:url(/images/slides/g3.jpg); }
#g h5 { padding-top:100px;text-indent:20px;font-size:18px; }
#g li * { margin:0; }
#g br { float:none; }
#g a.ch { clear:both;width:240px;text-indent:20px;font-size:10px; }
#g ul ul { width:auto;margin-top:10px;padding:0px 20px; }
#g li li { width:240px;height:auto;background:none;border:none;padding-bottom:6px; }
#g li li a { display:block;width:100%;border:1px dotted;line-height:26px;text-indent:12px;font-size:16px;text-decoration:none; }
#g blockquote { margin-top:15px;padding:0 20px;line-height:16px;font-size:12px;font-style:italic; }
#g span { float:right; }
#g li.n3 h5, #g li.n3 div { float:right;width:260px;padding-right:20px;text-align:right; }
#g li.n3 div { width:229px;height:60px; }
#g hr { width:250px;margin:10px 12px; }
#g label { display:block;width:120px;margin-right:8px; }
#addy { background:transparent url(/images/mail.jpg) no-repeat 0 0; }
#phone { background:transparent url(/images/phone.jpg) no-repeat 0 0; }
/*-----------------------
	FOOTER
-----------------------*/
#f { margin-top:15px;line-height:48px;font-size:12px; }
#f a { text-decoration:none; }
#y { float:left;margin-left:20px; }
#z { float:right;margin-right:20px; }
/*-----------------------
	COLORS
-----------------------*/
body, #n li a, #v a, #g li li a { color:#333; }
#n li.sn a, #v a.activeSlide, #l h4, #l label, #l ul.tern_tag_cloud a:hover, #b h2, #b h3, #g h5 { color:#660000; }
#f, #f a { color:#fff; }
#n, #l h4 { background:#f7ee90; }
#n li a:hover, #n li.sn a, #l li li a, #l li.tags, ul.products li a:hover img, #g li li a { background:#fbf7c8; }
#t, #v a:hover, #v a.activeSlide, #l li li a:hover, #l li li.sn a, #g li li a:hover { background:#fff; }
#l ul.tern_tag_cloud a, #l ul.tern_tag_cloud a:hover { background:transparent; }
#g li { background-color:#f9f9f9; }
#f { background:#333; }
#bdr, #f { border:1px solid #686868; }
#s, #u, #v a, #l input.q, #g li { border:1px solid #b2b2b2; }
#l h4, #li ul, #l li, #t hr { border-color:#b2b2b2; }
#g li li a { border-color:#999; }
/*-----------------------
	FORMS
-----------------------*/
#cform, #cform label, #cform input, #cform textarea { width:100%; }
#cform fieldset { width:100%;border-width:0px;margin:0px 0px 20px 0px;padding:0px; }
#cform legend { display:block;margin:0px 3px 0px -6px;padding:0px;font-size:16px;font-weight:bold;color:#333; }
#cform ul, #cform li { display:block;width:100%;margin:0px;padding:0px;list-style:none; }
#cform input, #cform textarea { margin-bottom:5px; }
#cform input, #cform select, #cform textarea { font-size:16px; }
#cform textarea { height:200px; }
#cform input.btn, #cform input.chk, #cform label.chk { width:auto; }
#cform li.addy { margin-bottom:10px; }
#cform li.addy div { display:block;float:left;width:30%;margin:0px 10px 0px 0px;padding:0px; }
#cform li.addy div input { margin-bottom:3px; }
#cform li.addy span { display:block;margin:0px;padding:0px;line-height:10px;font-size:10px; }
.errors_cn { position:relative;clear:both;overflow:hidden;width:100%;height:1px;border:1px solid #990000;visibility:hidden; }
.errors { position:absolute;padding:20px;color:#990000; }
.errors ul { margin:0px;padding:0px;list-style:none; }
.errors li { margin:0px;padding:0px; }
.errors li li { padding:5px 10px 5px 10px; }
.req { color:#990000; }
#alerts_cn { position:absolute;clear:both;top:0px;left:0px;width:600px;background:#FFFFFF;border:3px solid #CCCCCC;padding:40px;visibility:hidden;z-index:51;text-align:center;font-family:'Trebuchet MS'; }
#alerts_cn div { float:left;width:100%;text-align:left;font-weight:bold; }
#errors { color:#FF0000; }
#alerts { color:#000000; }
#alerts_cl { font-size:18px;font-weight:bold;color:#0000FF;text-decoration:underline; }
/*-----------------------
	MISC.
-----------------------*/
#content ul.pagination { width:100%;padding-bottom:20px; }
#t ul.pagination a { display:block;border:1px solid #ccc;margin-right:10px;padding:0px 10px;line-height:30px;color:#333;text-decoration:none; }
#t ul.pagination li.current_page a { background:#ececec;font-weight:bold; }