﻿/* CSS PAGE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}
* { margin:0; padding:0; border:0; }

/* MAIN STYLES */
body { background:url(/media/images/layout/bgTile.gif); }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Arial, sans-serif; color:#000000; }
p { margin:0px 0px 15px 0px }
img, div { behavior: url(/includes/iepngfix/iepngfix.htc) }
.spacer { display:block; width:auto; height:15px }
.divider { display:block; width:auto; height:21px; border-top:solid 1px #e6eff4 }
.floatRight { float:right } /* floats a box area right in your page. The floated element must precede the element it should be next to on the page. */
.floatLeft { float:left; margin-right:20px } /* floats a box area left in your page */
.clearFloat { clear:both; line-height:0px; height:0px; font-size:1px }
.floatRightImg { float:right; margin:0px 0px 15px 15px } /* floats img right in your content */
.floatLeftImg { float:left; margin:0px 15px 15px 0px } /* floats img left in your content */
.prnt { display:none }
.center { text-align:center}
.bold { font-weight:bold}

/* HEADERS and HEADER LINKS */
h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#000000; font:bold 18px Arial, sans-serif; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#000000; font:bold 15px Arial, sans-serif; }
h3, h3 a, h3 a:active, h3 a:visited, h3 a:focus { }
h4, h4 a, h4 a:active, h4 a:visited, h4 a:focus { }
h5, h5 a, h5 a:active, h5 a:visited, h5 a:focus { }
h6, h6 a, h6 a:active, h6 a:visited, h6 a:focus { }


/* LINKS */
a, a:active, a:visited, a:focus { color:#8e6d15; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#8e6d15; text-decoration:underline; }

/* LISTS */
.content ul { margin:0px 30px 20px 30px }
ol { margin:0px 35px 20px 35px; list-style:decimal }
ol.alpha { margin:0px 35px 20px 35px; list-style-type:upper-alpha }
.content ul li, ol li  { margin-bottom:3px } /* space in between list items */

/* FORM ELEMENTS */
.formGeneral .formTitle { float:left; width:70px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#000 }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#000 }
.formGeneral .formInput, .formGeneral .formInputShort { float:left; margin-bottom:5px }
.formGeneral .formInput input { width:150px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputShort input { width:20px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputLong input { width:30px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .dropDown { width:160px; height:20px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal; position:relative; top:2px;}
.formBtn { padding-top:20px; text-align:center; }
.formGeneral .bold { float:left; margin-top:3px}

/*************** LAYOUT ***************/

/* FRAMEWORK */
#container { width:1000px; margin:15px auto; }
#topBorder { width:1000px; height:10px; background:url(/media/images/layout/borderTopTile.gif); }
#bottomBorder { width:1000px; height:10px; background:url(/media/images/layout/borderBottomTile.gif); }
#leftBorder { width:1000px; background:url(/media/images/layout/borderLeftTile.gif) top left repeat-y; }
#rightBorder { width:1000px; background:url(/media/images/layout/borderRightTile.gif) top right repeat-y; }

#centerMainContent { width:980px; margin:0px auto; background:#151007 url(/media/images/layout/centerMainContentBg.jpg) top center no-repeat; }
#centerSubpageContent { width:980px; margin:0px auto; background:#080500 url(/media/images/layout/centerSubContentBg.jpg) top center no-repeat; }
#header { display:block; width:980px; height:125px; }
#mainContent { width:980px; height:423px; }
#subpageContent { width:980px; }
#footer { display:block; width:980px; text-align:center; }

/* HEADER */
#logo img { position:absolute; display:block; margin:9px 0px 0px 27px; width:141px; height:116px; }

/* MAIN NAV */
.historyLinkContainer a {position:absolute; display:block; margin:56px 0px 0px 261px; width:133px; height:40px; background:url(/media/images/layout/navHistoryOff.gif) no-repeat; }
.historyLinkContainer a:hover, .historyLinkContainer a.selected {background:url(/media/images/layout/navHistoryOn.gif) no-repeat;}
.aboutLinkContainer a {position:absolute; display:block; margin:56px 0px 0px 427px; width:189px; height:40px;  background:url(/media/images/layout/navAboutOff.gif) no-repeat; }
.aboutLinkContainer a:hover, .aboutLinkContainer a.selected { background:url(/media/images/layout/navAboutOn.gif) no-repeat; }
.locatorLinkContainer a { position:absolute; display:block; margin:56px 0px 0px 652px; width:146px; height:40px; background:url(/media/images/layout/navLocatorOff.gif) no-repeat; }
.locatorLinkContainer a:hover, .locatorLinkContainer a.selected { background:url(/media/images/layout/navLocatorOn.gif) no-repeat; }
.storeLinkContainer a {position:absolute; display:block; margin:56px 0px 0px 832px; width:106px; height:40px; background:url(/media/images/layout/navStoreOff.gif) no-repeat; }
.storeLinkContainer a:hover, .storeLinkContainer a.selected {background:url(/media/images/layout/navStoreOn.gif) no-repeat; }

/* FOOTER */
#footer a, #footer a:visited, #footer a:active, #footer a:focus { padding:0px 10px 0px 5px; color:#4a2400; text-transform:uppercase; border-right:solid 1px #4a2400; }
a.footer:active, a.footer:focus { color:#ac7900; }
#footer a:hover { color:#ac7900; text-decoration:none; }
a#noLine, a:active#noLine, a:visited#noLine, a:focus#noLine { border:none }
a#ad2Credit, a:visited#ad2Credit, a:active#ad2Credit, a:focus#ad2Credit { padding:0px 37px 5px 0px; font-weight:normal; color:#4a2400; text-transform:none; background:url(/media/images/layout/logoAd2.gif) no-repeat right bottom; border:none }
#footer1 { background:#fcebc0; padding:16px 0px 4px 0px; font-size:10px; font-family:Arial, Sans-Serif; }
#footer2 { background:#eddbab; padding:4px 0px 14px 0px; font-size:10px; font-family:Arial, Sans-Serif; }

/* HOME PAGE */
#mediaBar { width:682px; height:423px; float:left; }
#homeBtnContainer { width:250px; height:423px; float:left; }
#homeBtn1 { width:104px; height:141px; margin:95px 0px 0px 12px; }
#homeBtn2 { width:146px; height:144px; margin:0px 0px 0px 12px; }
#homeBtn3 { width:123px; height:26px; margin:0px 0px 0px 12px; }

/* SUBPAGE */
#subpageContentTopBg { width:625px; margin:24px; border:solid 2px #f7e0a1; background:#d5c69d url(/media/images/layout/subcontentTopGrad.gif) top center repeat-x; float:left; display:inline; }
#subpageContentBottomBg { width:559px; padding:33px; background:url(/media/images/layout/subcontentBottomGrad.gif) bottom center repeat-x; min-height:450px; height:auto !important; height:450px; }
#subpageTitle { margin-bottom:25px; }
#sideImage { width:300px; margin:24px 0px; float:left; display:inline; text-align:center; }
#sideImage img { margin-top:27px; }

/* LOCATOR */
table.grid {  width:100%; }
table.grid tr { } /* right-left borders don't work on IE for tr... lame */
table.grid tr.empty { border:0px; }
table.grid td { border-bottom: solid 1px #757575; font-size:11px; padding:2px 4px;  }
table.grid tr.empty td { border:0px; padding:0px; }
table.grid tr.gridHeader { background:#4c3824; }
table.grid tr.gridHeader th { color:#ffffff; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#cabb93; }
table.grid tr.gridAlternateRow { background:#e3d1a0; }
