/***************** BASE DEFAULT CSS *****************/
/****** css reset, global html, & basic styles ******/

/* adapted from Reset Reloaded by Eric Meyer */
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,
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-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

body {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.0em;
	background: #ffffff;
}

input, select, textarea {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;	
	margin: 0;
	padding: 0;
}
    select option {
	    padding: 0 5px 0 3px;
    }

table, tr, th, td {
	border-collapse: collapse;
}
    table th {
	    font-weight: normal;
	    line-height: 1.3em;
	    text-align: left;
	    vertical-align: bottom;
    }
    table td {
	    line-height: 1.3em;
	    vertical-align: top;
    }

p {
	line-height: 1.9em;
	margin: 0 0 1.6em 0;
}

ul, ol {
	margin: 0 0 1.6em 0;
}
    ul li {
	    margin: 0 0 0 15px;
	    padding: 0 0 0.3em 0;
	    line-height: 1.5em;
    }
    ol li {
	    margin: 0 0 0 20px;
	    padding: 0 0 0.3em 0;
	    line-height: 1.5em;
    }
	li ul, li ol {
		margin: 0;
	}

dl {
	margin: 0 0 1.6em 0;
}
	dl dt {
		line-height: 1.5em;
		font-weight: bold;
		margin: 0 0 0.3em 0;
	}
	dl dd {
		line-height: 1.5em;
		margin: 0 0 1.0em 0;
	}

a:link, a:visited {
	color: #ed3126;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	color: #990000;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}
h1 {
	font-size: 5.0em;
	letter-spacing: -5px;
	margin: 0.2em 0;
}
h2 {
	font-size: 2.8em;
	letter-spacing: -3px;
	margin: 0 0 0.3em 0;
}
h3 {
	font-size: 1.8em;
	margin: 0 0 0.4em 0;
}
    h3.headerbar {
	    clear: both;
	    color: #ffffff;
	    font-size: 1.0em;
	    font-weight: bold;
	    margin: 0 0 1.0em 0;
	    padding: 3px 10px;
	    background: #999999;
    }
h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
h5 {
	color: #666666;
	font-size: 1.0em;
	margin: 0 0 0.1em 0;
}
    h5.sectionHdr {
	    color: #ed3126;
	    font-size: 3.2em;
	    font-weight: normal;
	    letter-spacing: -2px;
	    margin: 0 0 0.1em 0;
    }
h6 {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 0.1em 0;
}

em, i {font-style: italic;}

strong, b {font-weight: bold;}

sup {
	font-size: 0.9em;
	vertical-align: super;
}
sub {
	font-size: 0.9em;
	vertical-align: sub;
}

big, .big {font-size: 1.2em;}

small, .small, .note {font-size: 0.9em;}

/****** global html & basic styles ******/


/*** misc ***/

.error, .required {
	color: #ed3126;
	font-weight: bold;
}

p.intro {
	font-size: 1.1em;
	line-height: 2.1em;
	margin: 0 0 2.0em 0;
}
p.footnote {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 0 1.4em 0;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0; /* not sure if this works... */
}

hr, div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 1.0em 0 1.6em 0;
	background: url(../../_images/hr.gif) repeat-x;
}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

.hide {
	position: absolute;
	left: -999999px;
}

.nowrap {white-space: nowrap;}

.normal {
	font-weight: normal;
	text-transform: none;
}

.alignright {text-align: right;}

.center {text-align: center;}

ul.plain {
	list-style: none;
}
	ul.plain li {
		margin: 0;
	}

ul.column {
	list-style: none;
	float: left;
	width: 180px;
	margin: 0 10px 1.6em 0;
}
	ul.column li {
		margin: 0;
	}

ul.linklist {
	list-style: none;
}
	ul.linklist li {
		margin: 0;
	}

ul.inlinelinklist {
	list-style: none;
}
	ul.inlinelinklist li {
		display: inline;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		border-right: 1px solid #dbdbdb;
	}
	ul.inlinelinklist li.last {
		border: 0px none;
	}
	    ul.inlinelinklist li a {
		    white-space: nowrap;
	    }

ul.dotlinks {
    list-style: none;
    margin: 0;
    padding: 0;
}
    ul.dotlinks li {
        float: left;
        display: inline;
        height: 6px;
        margin: 0;
        padding: 6px 3px;
    }
        ul.dotlinks li a {
            display: block;
            width: 6px;
            height: 6px;
            background: url(../../_images/dot_black.gif) no-repeat center;
            position: relative;
        }
        ul.dotlinks li a.in {
            background: url(../../_images/dot_white.gif) no-repeat center;
        }
        ul.dotlinks li a span {
            position: absolute;
            left: -999999px;
        }

dl.twocolumns {}
    dl.twocolumns dt {
        float: left;
        display: inline;
        width: 160px;
        text-align: right;
    }
    dl.twocolumns dd {
        margin-left: 180px;
    }

table.gridtable {
	margin: 0 0 1.5em 0;
}
    table.gridtable th {
	    color: #333333;
	    text-transform: uppercase;
	    padding: 0.3em 10px;
	    border-bottom: 1px solid #dbdbdb;
    }
    table.gridtable td {
	    padding: 0.3em 10px;
	    border-bottom: 1px solid #dbdbdb;
    }

img.block {
	display: block;
	margin: 0 0 1.6em 0;
}

img.inline {
	display: inline;
	vertical-align: bottom;
}

img.photo_left {
	float: left;
	display: inline;
	margin: 0.2em 20px 1.0em 0;
}

img.photo_right {
	float: right;
	display: inline;
	margin: 0.2em 0 1.0em 20px;
}

img.prodpic {
    width: 280px;
    height: 197px;
}

img.thumb {
    width: 98px;
    height: 98px;
    padding: 3px 6px 7px 4px;
    background: url(../../_images/thumb_bg.png) no-repeat;
}

img.minithumb {
    border: 1px solid #bc8e8a;
}

img.imgbutton {}

img.banner {
    width: 610px;
    height: 178px;
    margin: 0 -10px 10px -20px;
}

img.splashphoto {
    display: block;
    width: 610px;
    height: 282px;
    margin: 0 -10px 20px -20px;
}

img.homepagebanner {
    display: block;
    width: 610px;
    height: 300px;
    margin: 0 0 10px 0;
}

/*** /misc ***/


/*** popups ***/

body.popup {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 68%;
	padding: 15px;
	margin: 0;
	background: #ffffff;
}
    body.popup img.block {
	    margin: 0 0 1.2em 0;
    }

/*** /popups ***/