/* 
Package:  Plogg
Media:  Screen
Type:  Layout and Text styles
Author:  Turn Key
Author URL:  www.turnkey.eu.com
*/

/***** Resets *******/

/* * { border: 1px solid #000; } */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/**** Base Styles ********/

body { font-family: Arial; font-size: 14px; background-color: #333; color: #999; }

p { line-height: 17px; }

h1 { font-size: 30px; }

h2 { font-size: 16px; font-weight: normal !important; line-height: 20px; }

#container { margin: 0 auto; width: 928px; _height: 100%; }

a:link { color: #fff; text-decoration: none; }

a:visited { color: #fff; text-decoration: none; }

a:hover { color: #00ccff !important; text-decoration: none; }

a:active { color: #fff; text-decoration: none; }

p.quote { line-height: 21px; font-family: Arial; font-size: 17px; font-style: italic; color: #fff; font-weight: 700; }

p.citation { font-family: Arial; font-size: 12px; font-style: italic; color: #999; font-weight: 700; }
ul.points { font-family: Arial; font-size: 16px; font-style: color: #999; font-weight: nornal; line-height: 2em; list-style-type: circle; }

.hidden { display: none; }

/**** Layout & Positioning ********/

/*div { border: 1px solid #fff; }*/

#header { width: 927px; height: 126px;}

#branding { height: 80px; }

#branding-left { height: 80px; width: 850px; float: left; background: url(../images/header-main.jpg); }

#branding-left p { padding: 17px 0 0 22px; }

#branding-right { height: 80px; width: 77px; float: right; }


.branding-left-title1 { float: left; font-family: Arial; font-size: 12px; font-style: italic; color: #999; font-weight: 700; }

.branding-left-title2 { float: right; font-family: Arial; font-size: 12px; font-style: italic; color: #cf3; font-weight: 700; }


#nav { clear: both; width: 928px; height: 46px; }

#nav ul { float: right; padding-top: 12px; *padding-bottom: 3px; }

#nav ul li { padding-left: 8px; font-size: 13px; width: 450px; color: #fff; list-style: none; display: inline; }

#nav ul li.currentpage a { color: #00ccff; text-decoration: none; }


#content {  }

#content p {  }

#content-left { float: left; width: 310px; }

#content-left-top { width: 310px; min-height: 352px; }

#content-left-bottom { margin-top: 40px; width: 310px; height: 230px; }

#content-right { float: right; width: 613px; }

#content-right-top { width: 613px; min-height: 352px; }

#content-right-bottom { margin-top: 40px; width: 613px; }

#content-right-bottom p { line-height: 12px; margin-bottom: 15px; }

.column1 { width: 295px; float: left; }

.column2 { width: 295px; float: right; font-size: 10px;  }
.column2 p {padding-top: 0px; padding-bottom: 10px;}

#footer { position: relative; bottom: 0px; margin: 0 auto; width: 926px; font-size: 10px; clear: both; height: 36px; background-image: url(../images/footer.jpg); }

#footer-tel { float: left; width: 285px; padding: 11px 0 0 13px; }

#footer-copyright { float: left; width: 160px; padding: 11px 0 0 13px; }

#footer-nav { float: right; width: 420px; _width: 428px; *width: 428px; width: 428px\9; padding: 14px 0 0 13px; _padding-top: 16px; *padding-top: 15px; padding-top: 15px\9; }


img.floatright { float: right; margin-left: 8px; }

#content-left-bottom-cta { margin-top: 45px; }

#content-left-bottom-cta img { float: left; padding: 0 !important; margin: 0 !important; }

#content-left-bottom-cta img:hover { opacity: 0.8; }

#contact-form { padding: 10px 0 0 14px; background-image: url(../images/formbg.gif); background-repeat: no-repeat; height: 88px; margin-top: 115px; width: 249px; }

.contact-text { margin-right: 10px; line-height: 15px; font-family: Arial; font-size: 12px; font-style: italic; color: #0cf; font-weight: 700; width: 75px; float: left; }

#contact-form form { background: url(../images/inputs1.jpg) no-repeat; width: 155px; background-position: 38px -7px; line-height: 16px; font-family: Arial; font-size: 12px; font-style: italic; color: #fff; font-weight: 700; float: left; }

#contact-form form input { padding-left: 2px; font-family: Arial; font-size: 10px; background: transparent; border: 0; width: 103px; height: 14px; }

#contact-form form p { width: 150px; margin-bottom: 3px; }

#theform p { padding-bottom: 2px; }

.contact-text-2 a { font-family: Arial; font-size: 12px; font-style: italic; color: #0cf; font-weight: 700; width: 44px !important; float: right; padding: 0; margin: 0; }

.form-first { margin-right: 1px !important; }

.form-email { margin-right: 2px !important; }

.form-tel { margin-right: 19px !important; }

p.error { font-size: 12px; color: #00ccff; border-bottom: 1px solid #00ccff; padding: 10px 0 10px 0; width: 210px; }

p.message { font-size: 12px; color: #00ccff; border-bottom: 1px solid #00ccff; padding: 10px 0 10px 0; width: 210px; }

#footer-nav ul li { padding-right: 22px; font-size: 10px; color: #999; list-style: none; display: inline; }

#footer-nav ul li.currentpage a { color: #00ccff; text-decoration: none; }

#footer-nav a:link { color: #999; text-decoration: none; }

#footer-nav a:visited { color: #999; text-decoration: none; }

#footer-nav a:hover { color: #00ccff !important; text-decoration: none; }

#footer-nav a:active { color: #999; text-decoration: none; }

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    /*overflow-y: scroll;*/

}
#top {
    position: absolute;
}

#container {
    min-height: 100%;
    margin-bottom: -36px;
}
* html #container {
    height: 100%;
}
#footer-spacer {
    height: auto; /*36px*/
}
#footer {
    height: 35px;
}

.info
{
  position: absolute; width:700px; height:auto; background-color: #999;
  left:450px; top:200px; opacity:0.9; overflow:hidden; color: #333; border:2px 
  solid #999; color:black; padding: 10px; padding-bottom:0px; 
  display: none; border: 2px solid black;
}

.infoclose
{
  position: relative; bottom: 0px; right:-565px; padding-bottom: 5px;
}

.infoclose p {
  
}

.clear {
	clear: both;
}

.news_item {
	margin: 0 0 20px 0; background-color: #333333; color: #999;
	border-bottom: 1px solid #999;
}
.news_item img {
	float: left;
	padding: 0 10px 10px 0;
}
.news_item h3 { color: #FFF; padding-bottom: 10px;
}
.news_item p {
}

.product_item {
	margin: 0 0 20px 0; background-color: #333333; color: #999; 
	border-bottom: 1px solid #999;
}
.product_item img {
	float: left;
	padding: 0 10px 10px 0;
}
.product_item h3 { color: #FFF; padding-bottom: 10px;
}
.product_item p {
  
}

.productprice
{
  position: relative; bottom: 0px; text-align: right; font-size: 18px; color: white;
  padding-bottom: 10px;padding-top: 10px;
}

.infomore img
{
  float: left;
}

.infomore p
{
  padding-left: 40px; padding-top: 10px; font-size: 14px;
}

.locations
{
  position: absolute; visibility: hidden; opacity 0.8; width:auto; background-color: white;
  height:auto; padding: 20px; border: 2px solid #333; top: 400px; left: 400px;
}

.locations p
{
  padding-top: 10px; padding-bottom: 10px; font-size: 12px; color: #0010A5; 
  font-weight: 900;
}

.locations img
{
  opacity: 0.8;
}

#gears
{ 
  display: none
}

/**** Formatting & Styling *******/



/**** Forms *******/



/**** ie6 *******/



/**** ie7 *******/