/* default formatting	*/
html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; }
body { font: 0.625em Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; text-align: center; background: #fff; padding: 10px 20px; }

h1 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 200%; margin: 0 0 10px 0; }
h2 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 180%; margin: 0 0 10px 0; }
h3 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 160%; margin: 0 0 10px 0; }
h4 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 130%; margin: 0 0 10px 0; }

p { margin: 10px 0; }
pre { clear: both; font-size: 130%; text-align: left; }

ul { margin: 0 0 0 20px; }
ol { margin: 0 0 0 25px; }
li { margin: 5px 0; }

a { color: #000; text-decoration: none; } 
a:hover { color: #000000; text-decoration: underline; }
a:active, a:focus { outline: 0; }

.hide { display: none; visibility: hidden; }

.clr { clear: both; height: 0; overflow: hidden; }
.goleft { float: left; }
.goright { float: right; }


/* Layout */
#shell { width: 100%; margin: 0 auto; text-align: left; font-size: 110%; line-height: 125%; }


/* header */
#header { position: relative; width: 100%; padding: 0; }
#header h1 { float: left; margin: 30px 0; }

#header .storelocator, #header ul.htools, #header ul.flags, #headersearch { display:none}
#header .topmessage { float: left; margin: 25px 10px 0px 25px;  border:0px; width:310px; font-size:80%; color:#000000; line-height:120%}


/* navigation */
#navigation {  display: none; visibility: hidden; }


/* subnav */
#subnav, ul#right-subnav, ul#right-related, .slimpanel { display: none; visibility: hidden; }


.listitem { border-top: 1px solid #ddd; padding: 10px 0; }
.listitem h3 { margin: 0; }
.listitem p { margin: 3px 0 0 0; }


/* content area layout */
#contentrightcol { width: 100%; background: #fff; }
.maincol { width: 100%; font-size: 110%; line-height: 145%; }
.rightcol { display: none; visibility: hidden; }


/* content area items */
.title { color: #3399FF; font-size: 180%; }
.date { color: #999; }
#breadcrumb { margin: 0 0 5px 0; }

.youtube { text-align: center; padding: 20px; background: #fff url(/images/dot-x.gif) repeat-x left top; } 
.clrdot { clear: both; height: 3px; overflow: hidden; background: #fff url(/images/dot-x.gif) repeat-x left top; }


/* footer */
#footer { clear: both; float: left; width: 100%; border-top: 3px solid #999; padding: 5px 0; margin: 10px 0 0 0; }
#footer img { vertical-align: middle; margin: 0 0 0 5px; }


/* forms etc */
fieldset { border: 1px solid #ddd; padding: 15px; margin: 15px 0; }
legend { padding: 0 5px; color: #777;  }
textarea { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; }
input { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; }
select { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; margin: 3px; vertical-align: middle; background: #FFFFEC; border: 1px solid #6E6E6E; }
.form { font-size: 120%; }
.txt { background: #FFFFEC url(/images/input-bg.gif) no-repeat left top; border: 1px solid #6E6E6E; font-size: 100%; color: #000; padding: 4px 5px; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button { vertical-align: middle; margin: 0 10px 0 0; }
.forminfo { clear: both; margin-left: 180px; }
.formerror { color: #CC0000; }
.formsummary { color: #888; }
.formseparation { clear: both; width: 98%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 10px; }
.formheading { clear: both; margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; }

.field { float: left; margin: 0 0 10px 0; padding: 5px 0 0 0; } 
.field .lbl { float: left; text-align: right; width: 172px; padding: 6px 8px 0 0; }
.field .data { float: left; width: 460px; }
.field .data .txt { margin: 0 0 6px 0; }
.field .data .alternate { vertical-align: middle; }

/* send to friend */
#sendtofriend #header { width: 500px; margin: 0 auto; text-align: left; }
#sendtofriend #container { width: 500px; margin: 0 auto; text-align: left; font-size: 120%; }
#sendtofriend .lbl { width: 130px; }
#sendtofriend .data { width: 320px; }
#sendtofriend .forminfo {margin-left: 135px; }
#sendtofriend .options { position: absolute; top: 0; right: 0; margin: 0; padding: 0!important; background: #EFEFEF url(/images/header-options-bg-right.gif) no-repeat right bottom; }
#sendtofriend .options strong { display: block; background: transparent url(/images/header-options-bg-left.gif) no-repeat left bottom; padding: 10px 5px; }
#sendtofriend .options a { font-weight: bold; font-size: 120%; margin: 0 5px; padding: 2px 0px 0px 20px; }
.close { background: url(/images/cross.png) no-repeat left center; }



/*  subitems etc. */
.listitem { padding: 5px; width: 100%;    }
.listitemend { padding: 5px; width: 100%;  }
.listitem h3, .listitemend h3 { margin: 0; padding:5px 5px 5px 5px; line-height:100%; text-transform:uppercase; font-size: 105%;  }
.listitem p, .listitemend p { margin: 3px 5px; color:#333333; line-height:145%; font-size: 100%;   }
.listitem img, .listitemend img { border:0px}
.listitem ul, .listitemend ul {margin: 0px; padding: 5px; list-style: none;}
.listitem ul li, .listitemend ul li {margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.listitem ul li a, .listitemend ul li a {background: url(/images/floodmenu-arrow.gif) no-repeat 3px 5px; text-indent: 0; font-size: 100%; line-height: normal; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; font-weight:normal }
.listitem ul li a:hover, .listitemend ul li a:hover {text-decoration:underline; }

/*  section subitems etc. */
.sectionitem { width: 100%; }
.sectionitemend { width: 100%;  }
.sectionitem h3, .sectionitemend h3 { margin: 0; padding:0px 0px 1px 0px; line-height:100%; font-size:120%  }
.sectionitem h3 a, .sectionitemend h3 a {color:#FDB813  }
.sectionitem h3 a:hover, .sectionitemend h3 a:hover {color:#000000}
.sectionitem p, .sectionitemend p { margin: 0px 0px 0px 100px; color:#333333; line-height:140%;}
.sectionitem .image, .sectionitemend .image { float:left; margin-right:10px; width:92px; border:1px solid #dddddd}
.sectionitem .image a, .sectionitemend .image a {display:block}
.sectionitem .image a img, .sectionitemend .image a img {border:1px solid white}










/* system messages */
.message { clear: both; font-size: 110%; color: #333; font-weight: bold; }
.info { background: #E8F3FD url(/images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }
.error { background: #FEF2F2 url(/images/cross.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #EB9A9A; }
.ok { background: #EAF5E9 url(/images/tick.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #AADBA3; }
.loggedin { clear: both; background: #E8F3FD url(/images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }





/* forms etc */
form {width: 100%; }
fieldset { padding: 0px 0px 0px 0px; margin: 15px 0px 10px 0; border:0px }
fieldset.border { padding: 0px 15px 0px 0px; margin: 15px 15px 10px 0; border-right:1px solid #CCCCCC }
fieldset.full { padding: 0px 0px 0px 0px; margin: 15px 0px 10px 0; }
legend { padding: 0 0px; color: #333; font-weight:bold; font-size:120% }
textarea { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; }
input { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; }
select { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; margin: 3px 0px 3px 0px; vertical-align: middle; background: #FFFFEC; border: 1px solid #6E6E6E; }
fieldset.single { margin:15px 0 10px 100px; display:inline; }
fieldset.single .field {  }
fieldset.single .field .txt { width: 250px; }
fieldset.single .field .data { width: 300px; }
fieldset.single .field .lbl { width:160px; }
fieldset.single .forminfo { margin-left:170px; }

.form { font-size: 110%; }
.txt { background: #FFFFEC url(/images/input-bg.gif) no-repeat left top; border: 1px solid #666; font-size: 80%; color: #000; padding: 2px 5px; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button, a.button { vertical-align: middle; margin: 0 10px 0 0; background-color:#FDB813; border-top: 1px solid #FCC546; border-left: 1px solid #FCC546; border-bottom: 1px solid #D2940D; border-right: 1px solid #D2940D; color:#000000; font-weight:bold; padding:3px 25px }
.forminfo { clear: both; margin-left: 180px; }
.formerror { color: #CC0000; }
.formsummary { color: #888; }
.formseparation { clear: both; width: 98%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 10px; }
.formheading { clear: both; margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; }
a.button:hover {color:#000000; text-decoration:underline}
a.help  {background: url(/images/floodmenu-arrow.gif) no-repeat 0px 5px; text-indent: 0; font-size: 80%; line-height: normal; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; font-weight:normal}

.field { float: left; margin: 0 0 4px 0; padding: 4px 0 0 0; } 
.field .lbl { float: left; text-align: left; width: 120px; padding: 1px 8px 0 0; font-weight:normal; font-size:90%; color:#333333;}
.field .lbl span.required { color:#CC0000; font-size:110%; font-weight:bold}
.field .data { float: left; width: 185px; }
.field .data .txt { margin: 0 0 1px 0; width:170px;}
.field .data select.txt { margin: 0 0 1px 0; width:182px;}
.field .data .alternate { vertical-align: middle; }

.required .txt { background: #FFFFEC url(/images/input-bg-required.gif) no-repeat left top; }