﻿/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == Global Reset 
------------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */
body{color: #aaabb0;line-height: 1.5;font-size: 75%;background: #151515 url(/_img/bg/bg-tile-shadow3.jpg) top repeat-y;font-family: Arial, helvetica, Sans-Serif;}

h1, h2, h3, h4, h5, h6{margin: 10px 0;font-weight: bold;color: #849da2;font-family: Arial;text-transform:uppercase;}
h1{font-size: 200%;margin: 0 0 15px 0;}
h2{font-size: 150%;line-height: 1.2em;}
h3{font-size: 140%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 100%;}

h1, h3{display:block;padding: 9px 0 7px 20px; margin:0; background:#020202 url('/_img/bg/nav-a.gif') top left repeat-x; border: solid 1px #000; font-size:130%;height:25px; clear:both;}
h1, h3.alt{color:#fff;}
h1 span, h3 span{float:left;}
h1 a, h3 a{float:right;margin:1px 10px 0 0;}
h2.alt{text-transform:none;font-size:170%;font-weight:normal; color:#fff;}

p{margin: 10px 0 10px 0;}
blockquote{margin: 20px;}

ul{margin: 20px 0 20px 20px;list-style-type: disc;}
ul li{margin: 5px 0;}
ul li ul{margin: 5px 0 5px 20px;}
ul li ul li{margin: 3px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}
ul.plain{margin: 20px 0 20px 0;list-style: none;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #fff; padding: 6px; background: #849da2; color: #fff; font-weight: bold;}
td{border: solid 1px #222; padding: 3px 6px; background: #000;}
tr.rowItemAlt td{background: #111;color: #bbb;}

fieldset{}
legend{font-weight: bold;}
label{float: left; width: 90px;vertical-align: middle;font-family: Arial;padding: 5px 0 0 0;}
.input{border: solid 1px #343433;margin: 0 0 2px 0;background-color: #191919 !important;color: #fff;font-family: Arial;padding: 2px 5px;}
select{background-color: #191919 !important;color: #fff;font-size: 90% !important;padding: 2px 5px;border: solid 1px #343433;}
textarea{border: solid 1px #343433;margin: 0 0 2px 0;background: #030303 url(/_img/input-bg.gif) top left repeat-x;color: #fff;font-family: verdana; font-size:90%;}


/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fortynine{width:49%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #a1a78d;clear:both;}
div.hr hr{display:none;}
div.hrImage, div.hrImageSml, div.hrImageBig{background: url('/_img/bg/hr.gif') center center no-repeat;height: 10px;border: 0;}
div.hrImageSml{height:3px;margin: 3px 0px; background-image: url('/_img/bg/hr-sml.gif')}
div.hrImageBig{height:3px;margin: 3px 0px; background-image: url('/_img/bg/hr-big.gif')}

a{color: #aaaab0;text-decoration: underline;}
a:hover{text-decoration: none;}

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}
img.thumbLeft{float: left; border: solid 1px #565455; padding: 7px; background: #222222;margin: 0 15px 0 0;}


/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}

/** clearing **/
.clr{clear: both;}
.clrz, .clrSml,.storeHome .clr{clear: both;line-height:1px;height:1px;}

/** presentation **/
.textRight{text-align: right;}
.textCenter{text-align: center;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.inlineImg{border: solid 1px #363638;padding:1px;margin: 0 7px 5px 0;}
a.inlineImg:hover{border-color: #6b6a6a;}
.inlineImgRight{margin: 0 0 5px 7px;}
.sml{font-size:90%;}
.standoutText{color: #849da2}
.withDash{border-bottom: dashed 1px #141613;padding-bottom: 10px;}
.itemDetails{background: url('/_img/bg/hr-big.gif') bottom left no-repeat;padding: 0 0 5px 0;color: #fff;}
.white{color: #fff;}
.padRight {padding-right: 10px;}
.padLeft {padding-left: 10px;}
.caps {text-transform: uppercase;}