﻿/* == 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: #000;font-size: 70%;background: #fff; font-family: Helvetica, Arial, Sans-Serif;text-align: center;background: url(/_img/bg3.jpg) repeat-x fixed center bottom transparent;}

h1, h2, h3, h4, h5, h6{font-weight: bold;color: #4b4b4b;margin: 10px 0;}
h1{font-size: 240%;letter-spacing: -1px;text-transform: uppercase;color: #000;}
h2{color: #000;font-size: 130%;text-transform: uppercase;}
h3{font-size: 110%;text-transform: uppercase;}
h4{font-size: 110%;color: #000;}
h5{font-size: 110%;}
h6{font-size: 110%;}

.underline{border-bottom:solid 1px #333;padding-bottom:2px;}

h2.sashTitle{background: url(/_img/title-sash.gif) top left no-repeat;height: 28px; line-height: 28px;padding: 0 0 0 20px; color: #fff;}

.zoneTwo .module h2{color: #000;font-size: 130%;font-weight: bold;margin: 14px 10px 5px 10px;}
.zoneTwo .module h3{color: #000;font-size: 110%;font-weight: bold;}
.zoneTwo .module h3 a{color: #000;}

p{margin: 10px 0;line-height: 1.3em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: square;}
ul li{margin: 5px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 5px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{background: #fff; border-collapse: collapse;margin: 10px 0;}
thead{}
tfoot{}
td.buy a{color: #fff; display: inline-block; background: #000; border: 0;text-decoration: none;cursor: pointer;font-family: Arial;text-transform: uppercase;font-weight: bold;padding: 1px 3px;}
td.buy a:hover{color: #000;background: #fff;}
th{border-right: solid 10px #fff;border-bottom: solid 5px #fff; background: #000 url(/_img/th-bg.gif) top left repeat-y;padding: 3px 6px 3px 18px;color: #fff;}
td{border-width: 1px 0;border-right: solid 10px #fff; border-bottom: solid 2px #fff;background: #ccc url(/_img/td-bg.gif) top left repeat-y;padding: 3px 6px 3px 18px;}

label{float: left; font-weight: bold; width: 125px;}
.input{border: solid 1px #ccc; background: #fff url(/_img/input-bg.gif) bottom left repeat-x;padding: 4px 2px 3px 2px;color: #444; margin: 0 0 3px 0;font-family: Arial;font-size: 100%;}
select{background-image: none; margin:0 0 3px;}
.formHolder{padding: 10px; background: #eee; border: solid 1px #ccc;margin: 0 0 10px 0;}
.formHolder h2.lead{margin-top: 0;}

.fullWidthForm .input{width: 300px;}
.fullWidthForm select.input{width: auto;}

.btn{color: #fff; display: inline-block; background: #5d5c5c; border: 0;text-decoration: none;cursor: pointer;font-family: Arial;text-transform: uppercase;font-weight: bold;padding: 2px 3px;letter-spacing: 0;border: solid 1px #c0bebe;font-size: 100%;margin: 0;}
.btn:hover{color: #fff;background: #000;}

.linkBtn{color: #fff; display: inline-block; background: #000; border: 0;text-decoration: none;cursor: pointer;font-family: Arial;text-transform: uppercase;font-weight: bold;padding: 1px 3px;}
.linkBtn:hover{color: #000;background: #fff;}
.linkBtnOn{color: #000;background: #fff;}

input.linkBtn{font-size: 100%;padding: 1px 0 0 0;}

.module .linkBtn{color: #232323; display: inline-block; background: #fff; border: 0;text-decoration: none;cursor: pointer;font-family: Arial;text-transform: uppercase;font-weight: bold;padding: 1px 3px;}
.module .linkBtn:hover{color: #fff;background: #000;}

/** 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 #333;clear:both;}
div.hr hr{display:none;}

a{color: #000;text-decoration: underline;}
a:hover{text-decoration: none;color: #e70202;}

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrz, .clrSml{clear: both;line-height:1px;height:1px;}
.pagingClr{display: none;}
/** presentation **/
.textRight{text-align: right;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.inlineImg{border: solid 1px #444;padding:1px;margin: 0 7px 5px 0;}
.inlineImgRight{border: solid 1px #444;padding:1px;margin: 0 0 5px 15px;float: right;}
.sml{font-size:90%;}
.itemDetails{text-transform: uppercase;letter-spacing: 1px;color: #555;}
.itemDetails span{font-weight: bold;color: #000;}
.standout{color: #e70202;}
