/* styles for Atlanic Fare */

/* elements */

body, input, select, textarea, table {
   font: 12px "Trebuchet MS", sans-serif;
   color: #ffffff;
}

p {
   margin: 0px 0px 10px 0px;
   }

form {
   margin: 0px;
   }

h1 {
   margin: 0px 0px 6px 0px;
   border-bottom: dotted 1px #999999;
   padding: 0px 0px 2px 0px;
   font: bold 14px "Trebuchet MS", sans-serif;
   text-transform: uppercase;
   }
h2 {
   margin: 30px 0px 6px 0px;
   border-bottom: dotted 1px #999999;
   padding: 0px 0px 2px 0px;
   font: bold 14px "Trebuchet MS", sans-serif;
   }
h3 {
   margin: 30px 0px 10px 0px;
   border-bottom: dotted 1px #999999;
   font: bold 13px "Trebuchet MS", sans-serif;
   }
h4 {
   margin: 12px 0px 0px 0px;
   font: bold 12px "Trebuchet MS", sans-serif;
   }

a {
   color: #ffffff;
   }
a:hover {
   color: #ffffff;
   text-decoration: none;
   }

img.right {
   float: right;
   margin: 0px -95px 0px 10px;
   }
img.left {
   float: left;
   margin: 0px 10px 0px 0px;
   }

th {
   text-align: left;
   }
td {
   padding: 0px 15px 5px 0px;
   }
   
ul {
   list-style-type: square;
   }
li {
   margin-bottom: 8px;
   }

/* classes */

.small {
   font: 11px "Trebuchet MS", sans-serif;
   }

/* containers */

#holder {
   margin: 20px auto 0px auto;
   width: 760px;
   }
   
#header {
   height: 95px;
   }
#headerLogo {
   float: left;
   }
#headerPanel {
   float: right;
   margin-right: 10px;
   width: 400px;
   text-align: right;
   font: 11px "Trebuchet MS", sans-serif;
   color: #7e7e7e;
   }

#nav {
   float: left;
   clear: both;
   width: 760px;
   height: 26px;
   background-image: url(/images/template/nav_bg.jpg);
   background-repeat: no-repeat;
   text-align: center;
   }
   
#content {
   float: left;
   clear: both;
   width: 760px;
   background-image: url(/images/template/content_bg.gif);
   background-repeat: repeat-y;
   background-color: #303030;
   }
#contentLeft {
   float: left;
   padding: 50px 30px 50px 30px;
   width: 140px;
   height: 150px;
   background-image: url(/images/template/panel01.jpg);
   background-repeat: no-repeat;
   }
#contentMain {
   float: left;
   padding: 50px 145px 50px 50px;
   width: 365px;
   min-height: 200px;
   background-image: url(/images/template/contentmain_bg.jpg);
   background-repeat: no-repeat;
   }
#contentMain.wide {
   padding: 50px 50px 50px 50px;
   width: 460px; 
   }
   
#footer {
   clear: both;
   padding: 15px 0px 30px 0px;
   width: 760px;
   background-image: url(/images/template/footer_bg.jpg);
   background-repeat: no-repeat;
   text-align: center;
   color: #7e7e7e;
   }
#footer a {
   color: #7e7e7e;
   }
#footer a:hover {
   color: #303030;
   text-decoration: none;
   }

/* home page panel */

#headerPanel ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#headerPanel li {
   display: inline;
   margin: 0px 0px 0px 10px;
   padding: 0px 0px 0px 12px;
   background-image: url(/images/template/bullet_arrow.gif);
   background-repeat: no-repeat;
}
#headerPanel a, #headerPanel a:hover {
   color: #7e7e7e;
}
#headerPanel a:hover {
   color: #303030;
   text-decoration: none; 
}

#headerPanel div.formHeader {
   clear: both;
   font-weight: bold;
}
#headerPanel div.formRow {
   clear: both;
   padding: 2px 0px 2px 0px;
}
#headerPanel label {
   display: block;
   float: right;
   width: 80px;
   padding-right: 6px; 
   text-align: right;
}
#headerPanel input.input {
   float: right;
   border: solid 1px #BEBEBE;
   width: 120px;
   height: 12px;
   background-color: #FBFAFA;
   font: 11px Arial, sans-serif;
   color: #7e7e7e;
}
#headerPanel input.submit {
   float: right;
   margin: 0px 0px 4px 0px;
   border: 0px;
   padding: 0px;
   width: 42px;
   background-image: url(/images/template/button_bg.gif);
   background-repeat: no-repeat;
   background-color: #fefefe;
   font: 10px Arial, sans-serif;
   color: #ffffff;
}

/* containers: nav */

#nav ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 85px;
   }
#nav ul.lang2 {
   padding-left: 42px;
   }
#nav ul.lang3 {
   padding-left: 28px;
   }
#nav ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 85px;
   }
#nav li {
   display: inline;
   }
#nav a, #nav a:hover {
   display: block;
   float: left;
   margin: 0px 0px 0px 1px;
   padding: 0px 30px 0px 30px;
   height: 25px;
   font: bold 11px Verdana, sans-serif;
   line-height: 24px;
   color: #ffffff;
   text-decoration: none;
   }
#nav a {
   color: #ffffff;
   text-decoration: none;
   }
#nav a:hover, #nav a.on {
   color: #ffffff;
   background-image: url(/images/template/navbg_over.gif); 
   }


/* containers: home page */

#homeUpper {
   float: left;
   clear: both;
   width: 760px;
   height: 167px;
   }
#homeUpper01 {
   float: left;
   width: 465px;
   height: 167px;
   background-image: url(/images/home/home_panel.jpg);
   background-color: #2c2c2c;
   }
#homeUpper02 {
   float: left;
   padding: 0px 20px 0px 20px;
   width: 255px;
   height: 167px;
   background-image: url(/images/home/homeupper02_bg.jpg);
   background-repeat: no-repeat;
   }

#homeLower {
   float: left;
   clear: both;
   width: 760px;
   height: 263px;
   background-image: url(/images/home/homelower_bg.jpg);
   background-repeat: repeat-y;
   }
#homeLower01 {
   float: left;
   padding: 0px 20px 0px 20px;
   width: 192px;
   }
#homeLower02 {
   float: left;
   padding: 0px 0px 0px 0px;
   width: 232px;
   }
#homeLower03 {
   float: left;
   padding: 0px 20px 0px 20px;
   width: 256px;
   }
#footer.home {
   padding: 5px 0px 30px 0px;
   background-image: url(/images/home/footer_bg.jpg);
   background-repeat: no-repeat;
   }


/* elements: home page */

#homeLower h2 {
   margin: 0px 0px 6px 0px;
   border: 0px;
   padding: 3px 0px 0px 0px;
   height: 21px;
   font: bold 12px "Trebuchet MS", sans-serif;
   color: #ffffff;
   }
#homeLower h2.products {
   margin: 0px 0px 0px 0px;
   padding: 3px 0px 0px 20px;
   height: 21px;
   }
#homeLower02 ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }
#homeLower02 li {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }
#homeLower02 a, #homeLower02 a:hover {
   display: block;
   float: left;
   padding: 0px 80px 0px 20px;
   width: 132px;
   height: 40px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   line-height: 40px;
   }
#homeLower02 a:hover {
   background-color: #656565;
   }
#homeLower02 a.product6 { background-image: url(/images/template/product6.gif); background-repeat: no-repeat; }
#homeLower02 a.product7 { background-image: url(/images/template/product7.gif); background-repeat: no-repeat; }
#homeLower02 a.product8 { background-image: url(/images/template/product8.gif); background-repeat: no-repeat; }
#homeLower02 a.product9 { background-image: url(/images/template/product9.gif); background-repeat: no-repeat; }
#homeLower02 a.product10 { background-image: url(/images/template/product10.gif); background-repeat: no-repeat; }
#homeLower02 a.product11, #homeLower02 a.product11:hover { background-image: url(/images/template/product11.gif); background-repeat: no-repeat; height: 39px; line-height: 39px; }

   /* adjustments for long labels */
   #homeLower02.lang2 a, #homeLower02.lang2 a:hover { line-height: 16px; height: 36px; padding-top: 4px; }
   #homeLower02.lang2 a.product10, #homeLower02.lang2 a.product10:hover { line-height: 30px; }
   #homeLower02.lang2 a.product11, #homeLower02.lang2 a.product11:hover { line-height: 16px; height: 35px; padding-top: 4px; }

   #homeLower02.lang3 a.product9, #homeLower02.lang3 a.product9:hover { line-height: 16px; height: 36px; padding-top: 4px; }


/* products page */

#contentMain.products {
   float: left;
   padding: 50px 50px 50px 50px;
   width: 460px;
   min-height: 200px;
   background-image: url(/images/template/contentmain_bg.jpg);
   background-repeat: no-repeat;
   }

#products ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }
#products li {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }
#products a, #products a:hover {
   display: block;
   float: left;
   padding: 0px 78px 0px 20px;
   width: 132px;
   height: 40px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   line-height: 40px;
   }
#products a:hover, #products a.on {
   background-color: #656565;
   }

#products a.product6 { background-image: url(/images/template/product6.gif); background-repeat: no-repeat; }
#products a.product7 { background-image: url(/images/template/product7.gif); background-repeat: no-repeat; }
#products a.product8 { background-image: url(/images/template/product8.gif); background-repeat: no-repeat; }
#products a.product9 { background-image: url(/images/template/product9.gif); background-repeat: no-repeat; }
#products a.product10 { background-image: url(/images/template/product10.gif); background-repeat: no-repeat; }
#products a.product11 { background-image: url(/images/template/product11.gif); background-repeat: no-repeat; }

   /* adjustments for French labels */
   #products.lang2 a, #products.lang2 a:hover  { line-height: 16px; height: 36px; padding-top: 4px; }
   #products.lang2 a.product10, #products.lang2 a.product10:hover { line-height: 30px; }

   #products.lang3 a.product9, #products.lang3 a.product9:hover { line-height: 16px; height: 36px; padding-top: 4px; }

/* general form */

#contentMain div.formRow {
   clear: both;
   padding: 4px 0px 4px 0px;
}
#contentMain label {
   display: block;
   float: left;
   margin: 0px 0px 0px 0px;
   padding-right: 10px;
   width: 130px;
}
#contentMain input.input, select.input, textarea {
   float: left;
   border: solid 1px #999999;
   width: 200px;
   background-color: #FBFAFA;
   color: #303030;
}
#contentMain textarea {
   height: 150px;
}
#contentMain input.submit {
   margin: 0px 0px 4px 140px;
   border: 0px;
   background-color: #cccccc;
   color: #333333;
}

div.highlight {
   background-color: #656565;
   margin: 0px; 
   border: solid 1px #ffffff;
   padding: 0px 25px 10px 25px;
   font-weight: bold;
}

.sitemapSubsections {
   margin: 0px 0px 10px 10px;
   font: 10px "Trebuchet MS", sans-serif;
   }

/* news scroller */

ul.downloads {
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }

ul.downloads li {
   margin: 6px 0px 6px 0px;
   border-bottom: dotted 1px #999999;
   padding: 10px 0px 4px 50px;
   min-height: 40px; 
   background-image: url(/members/icon.gif);
   background-position: 5px 12px;
   background-repeat: no-repeat; 
   }
   
ul.downloads a {
   font-weight: bold;
   }
