html { /*background-color: #C9D1ED;*/ background: #d2d9f4 url('../img/elements/bg_html.png') repeat-x center top; }
body, input, select, textarea, th, td { font-size: 9pt; font-family: "Segoe UI", Tahoma, "Lucida Grande", sans-serif; -webkit-text-size-adjust: none; }

body, form { margin: 0; padding: 0; }

img { border: none; }

a { color: #1F3999; }
a:hover { color: #69F !important; }

h1 { margin: 0; font: bold 14pt sans-serif; color: #444; }
h1 a { color: #444; }
h2 { margin: 0; font: bold 11pt sans-serif; color: gray; }
h2 a { color: gray; }
h3 { margin: 0.75em 0 -0.25em; font-size: 10pt; color: #444; }
h3 a { color: #444; }

p, dl { margin: 1em 0; }
p, dt, dd { line-height: 1.4; }

dt { margin: 1em 0 0.25em; font-weight: bold; color: #333; }
dd { margin-left: 1.25em; }

th { text-align: left; }
td { vertical-align: top; }

/*form input.CheckBox { width: 14px; margin-right: 1ex; }
form input.TextBox, form textarea, form select { border: solid 1px #AAA; }
form input.TextBox, form textarea { width: 24em; margin: 0; padding: 2px 2px 2px 4px; }
form select { padding: 1px 0; }*/
label input { margin-left: 0; }

fieldset { display: block; margin: 0 0 1.5em; border: 1px #CCC; border-style: none; padding: 0; }
fieldset legend { display: none; }

/* -------------------------------- */

#Page, #Bottom { width: 900px; margin: 0 auto; }

/* position is relative so div#HeaderLinks can be put anywhere in html */
#Page { margin-top: 5px; position: relative; border: solid 1px #444; background-color: white; }

#Header { height: 77px; background: url('../img/header.wide.jpg') no-repeat; /*border-bottom: solid 1px #444;*/ }
#Header img#Logo { position: relative; top: 10px; left: 84px; }
#Header a { outline: none; }

#HeaderLinks { overflow: hidden; position: absolute; top: 0; right: 0; width: 200px; height: 77px; text-align: center; }
#HeaderLinks p { font-size: 8pt; }
#HeaderLinks a { font-weight: bold; text-decoration: none; }
#HeaderLinks p#MiniCart { margin-top: 0.75em; }
#HeaderLinks p#MiniCart a { font-size: 9pt; }

#SiteNav { border: 1px #339; border-style: solid none; background: #4c5d99 url('../img/elements/bg_sitenav.png') repeat-x center top; padding: 4px 0; }
#SiteNav table { width: 100%; }
#SiteNav h4 { margin: 0; color: #A3AED9; font-size: 8pt; }
#SiteNav a { color: #FFF; /* must be hex for computedStyle in IE to work in Effect.Morph */ text-decoration: none; }

#SiteNav td { border-right: dotted 1px #24305A; padding: 2px 10px 1px; }
#SiteNav ul { margin: 2px 0 0 0; padding: 0; }
#SiteNav li { display: inline; background: url('/_res/img/elements/bullet.gif') no-repeat 2px center; padding: 0 0 0 9px; list-style: none; }
#SiteNav li.FirstChild { background-image: none; padding-left: 0; }

#SiteNav td#QuickSearch { width: 100%; border-right: none; padding-right: 28px; }
#SiteNav td#QuickSearch input { float: left; margin: 0; }
#SiteNav input#txtProductSearch { height: 13px; border: solid 1px #444; border-right-style: none; padding: 1px; }

#SiteNavSeparator { /*border-top: solid 1px #808EBF; border-bottom: solid 1px #C1C9E5;*/ }


#Title { margin: 15px 30px 20px; border-bottom: dotted 1px #CCC; padding-bottom: 1em; }
#Title p.Nav { margin: 0.5em 0 0; color: #999; font-size: 8pt; }
#Title p.Nav a.Selected { color: #666 !important; font-weight: bold; }

#ShadedTitle { margin-bottom: 25px; border-bottom: solid 1px #AAA; background: #f4f4f4 url('../img/elements/bg_title.png') repeat-x center top; padding: 15px 30px; }
#ShadedTitle ul#BreadCrumbs { margin: 0 0 0.75em; padding: 0; list-style: none; font-size: 8pt; }
#ShadedTitle ul#BreadCrumbs li { display: inline; margin-right: 0.5em; color: #666; }
#ShadedTitle ul#BreadCrumbs li:first-child a { font-weight: bold; }
#ShadedTitle ul#BreadCrumbs li a { color: #333; text-decoration: none; }
#ShadedTitle p { margin: 0.5em 0 0; }
#ShadedTitle ul#Files { margin: 1em 0 0; border: solid 1px #A3AED9; background-color: #D6DAEC; padding: 0 1em 0.25em; list-style: none; font-size: 8pt; }
#ShadedTitle ul#Files li { margin: 0.5em 0; line-height: 1.5; }
#ShadedTitle ul#Files li img { float: left; padding-right: 1ex; }

#Title h1, #ShadedTitle h1 { font-size: 16pt; }


#Body { min-height: 400px; margin-bottom: 40px; }
.Section { padding: 0 30px; }
.Section.Narrow { margin-right: 300px; }
.Section.Text p { line-height: 1.5; }
.Section h1 { margin-top: 1em; }
.Section p.Info { color: #666; font-size: 8pt; }
.Section fieldset { margin: 1.5em 0; }


#Footer { cursor: default; background-color: #CCC; border: solid #999; border-width: 1px 0 2px; }
#Footer p { margin: 0.5em 0; color: #333; text-align: center; line-height: normal; }
#Footer a { color: #333; text-decoration: none; }

#Bottom { margin-top: 2em; }
#Bottom p { cursor: default; margin: 1em auto; color: #666; text-align: center; }
#Bottom a { margin: 0 0.5em; color: #333; }
#Bottom p#WG { width: 50%; margin-top: 2em; border-top: solid 1px #808EBF; padding-top: 1.5em; font-size: 7.5pt; }

/* -------------------------------- */

.col { float: left; }
.rcol { float: right; }
.contain { overflow: hidden; }
.minHeight400 { min-height: 400px; }

.rt { text-align: right; }
.ctr { text-align: center; }

div.sep { margin: 1.5em 0; border-top: dotted 1px #CCC; }
div.blocksep { height: 10px; background-repeat: no-repeat; background-position: bottom center; }
div.blocksep.red { background-image: url('/_res/img/elements/gradient_red.png'); }
div.blocksep.gold { background-image: url('/_res/img/elements/gradient_gold.png'); }
div.blocksep.yellow { background-image: url('/_res/img/elements/gradient_yellow.png'); }
div.blocksep.green { background-image: url('/_res/img/elements/gradient_green.png'); }
div.blocksep.teal { background-image: url('/_res/img/elements/gradient_teal.png'); }
div.blocksep.blue { background-image: url('/_res/img/elements/gradient_blue.png'); }
div.blocksep.purple { background-image: url('/_res/img/elements/gradient_purple.png'); }
div.blocksep.pink { background-image: url('/_res/img/elements/gradient_pink.png'); }

img.Frame { border: solid 1px #444 !important; background-color: #FFF; padding: 1px !important; }
img.GrayFrame { border: solid 1px #999 !important; background-color: #FFF; padding: 1px !important; }

/*
div.BodySection { padding: 0 30px; }
div.BodySection h1 { margin-top: 1em; }
div.BodySection fieldset { margin: 1.5em 0; }

div.TextSection { margin-right: 200px; }
div.TextSection p, .TextCopy p { line-height: 1.5; }
*/

div.InfoText { margin: 15px 0; border: solid 1px #CCC; padding: 1.25em 14px 1em; }
div.InfoText h1 { margin-top: 0 !important; }
div.InfoText p { margin: 0.5em 0 0; }
div.InfoHighlight { background: #EEE; border-color: #999; }
/*
div.SubInfoText { margin: -13px 0 15px; background: #BDC8EC; border: solid 1px #999; padding: 0 15px 1px; }
div.SubInfoText p { margin: 0.5em 0; font-size: 8pt; line-height: normal; }
p.Info { margin: 0 0 0.5em; color: #666; font-size: 94%; }
*/
p.Links { margin: 0.5em 0; color: #999; font-size: 8pt; }
p.Links a { margin: 0 0.25em; }

table.Info { margin: 0.5em 0; }
table.Info th { color: #444; vertical-align: top; }
table.Info thead th { border-bottom: solid 1px #AAA; padding: 0.25em 2em 0.4em 0; }
table.Info tbody th, table.Info tbody td { padding: 0.4em 2em 0 0; }

p.Price { font-size: 8pt; }
.OldPrice { color: #999; }
.NewPrice { background-color: #D8F8D8; padding: 0 3px 1px; color: #060; }
.Closeout { background-color: #F8D8D8; padding: 0 3px 1px; color: #900; }

div#HelpPopup { position: absolute; background: white; border: solid 1px black; }


dl.accordion { margin: 0; }
dl.accordion dt { cursor: default; margin: 0; }
dl.accordion dd { overflow: hidden; margin: 0; }


div#TopPromo { border-bottom: solid 1px #600; background-color: #FDD; }
div#TopPromo a#Promo_hide { float: right; }
div#TopPromo div { padding: 10px; }
div#TopPromo p { margin: 0.25em 20px 0.25em 10px; }

div#TopAlert { border-top: solid 1px #993; background-color: #FFD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdd', endColorstr='#f8eab0'); /* for IE */
	background: -webkit-linear-gradient(top,  #ffffdd,  #f8eab0);
	background: -moz-linear-gradient(top,  #ffffdd,  #f8eab0);
	background: -ms-linear-gradient(top,  #ffffdd,  #f8eab0);
}
div#TopAlert div { padding: 10px; }
div#TopAlert p { text-align: center; margin: 0; }
div#TopAlert a { text-decoration: none; border-bottom: dotted 1px #660; color: #333; }
div#TopAlert a:hover { color: #660 !important; }