﻿/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           00/00/00
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }


@font-face {
    font-family: 'DejaVuSansBook';
    src: url('/fonts/DejaVuSans-webfont.eot');
    src: url('/fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansOblique';
    src: url('/fonts/DejaVuSans-Oblique-webfont.eot');
    src: url('/fonts/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-Oblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-Oblique-webfont.svg#DejaVuSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('/fonts/DejaVuSans-Bold-webfont.eot');
    src: url('/fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBoldOblique';
    src: url('/fonts/DejaVuSans-BoldOblique-webfont.eot');
    src: url('/fonts/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.svg#DejaVuSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('/fonts/DejaVuSansCondensed-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedOblique';
    src: url('/fonts/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.svg#DejaVuSansCondensedOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('/fonts/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.svg#DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCnBdOb';
    src: url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.svg#DejaVuSansCnBdOb') format('svg');
    font-weight: normal;
    font-style: normal;

}



html, body { 
margin: 0;
padding: 0px;
height: auto;
background: url(/images/bg.gif) repeat;
font-family:DejaVuSansBook, arial, Helvetica, sans-serif;} 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
html, body { height: auto;} 
}

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign {text-align: right!important;}
.leftalign {text-align: left!important;}
.center {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;}
.leftimg{ float: left; margin-right: 20px;}
.rightfloat{ float: right; margin-left: 20px;}

.borderimg{border: 10px solid #f1e0b8; }

.printable{ float:right; margin-bottom: 20px;}
.pdf {background: url("/images/adobereader3.png") no-repeat top left; padding: 3px 0px 6px 30px;float: right; top: -20px; position:relative; z-index:900}

.pdfleft {background: url("/images/adobereader3.png") no-repeat top left; padding: 3px 0px 6px 30px;}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; color: #000; }
td { line-height: 20px; font-size:12px;  }
table b { color: #d40106;font-family:DejaVuSansCondensedBold; font-size:14px; font-weight:normal;  }
table a, tr a, td a, font a, .content table a {color: #000; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #000;}
table hr {border: none; border-bottom: 1px solid #f1e0b8; height: 0px;}
font img { margin-right: 10px; }
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}


strong{font-family:DejaVuSansCondensedBold; font-weight:normal!important}

/* ----- Category Header Display ---------- */
#awscategoryheaderdisplay{margin: 0px; padding: 0px;width: 100%;float: left;margin-bottom: 20px;text-align: left;}
#awscategoryheaderdisplay .categoryname{font-weight: bold;font-size: 14px; padding: 10px 0px;width: 100%; float: left;}
#awscategoryheaderdisplay .categoryimage{float: left;}
#awscategoryheaderdisplay .categoryimage img{}
#awscategoryheaderdisplay .categorydescription{float: left;margin-left: 25px;}

/* ----- Category Display ---------- */

#awscategoriesdisplay{margin: 0px; padding: 0px; border-collapse:collapse;}
#awscategoriesdisplay td{padding: 5px; vertical-align:top;}

#awscategoriesdisplay td .category{ text-align:center;}
#awscategoriesdisplay td .category img{ margin: 10px;}
#awscategoriesdisplay td .category .categoryinfo{padding: 7px; }
#awscategoriesdisplay td .category .categoryinfo:hover{}
#awscategoriesdisplay td .category .categoryname a{color: #000; font-size:14px; font-family:DejaVuSansCondensedBold}
#awscategoriesdisplay td .category .categorydescription{ color: #000;font-size:10px;}


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {color: #000;font-family: DejaVuSansBold; font-size:10px;}
 
#main .content input[type="text"], #main .content select, #main .content textarea, #main .content input[type="password"]{border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#main .content input[type="submit"], #main .content input[type="button"], .button{color: #fff!important;background: #860404 url(/images/buttonbgred.gif) repeat-x; padding: 10px 10px;  font-family:DejaVuSansCondensedBold; font-size:14px; text-decoration:none; border-radius: 5px; border: 1px solid #e80005; line-height:17px; margin-bottom: 10px;}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"], .button:hover{background-position:0% -37px;}

.logout{color: #fff!important;background: #860404 url(/images/buttonbgred.gif) repeat-x; padding: 5px 5px;  font-family:DejaVuSansCondensedBold; font-size:14px; text-decoration:none; border-radius: 5px; border: 1px solid #e80005; line-height:17px; margin-top: 15px;}


#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 12px; color: #000;}

#main .content ol{padding: 5px 0px 20px 30px; list-style-type:decimal;}
#main .content ol li{padding: 0px 0px 10px 0px;font-size: 12px; color: #000; line-height:17px;}

#main .content .alphabet{ list-style-type:upper-alpha; margin-top: 10px;}


/* --------------HEADER------------- */

#header {height: 244px; background: url(/images/headerbg.jpg) repeat-x}
#header .content{ margin: 0 auto; width: 960px; height: 244px;}

#header .content #login{ width: 195px; height: 61px; padding: 7px 0px 0px 10px; background: url(/images/logintab.gif) no-repeat top left; float: right;}
#header .content #login h1{ color: #fff; font-size:14px; font-weight:normal; margin: 0px 0px 3px 0px; padding:0px; }
#header .content #login input[type="text"], #header .content #login input[type="password"]{border: 1px solid silver;padding: 2px;width: 60px; margin: 0px 5px 0px 0px; height: 20px;}
#header .content #login table{ border-collapse:collapse; margin:0px; padding: 0px; }
#header .content #login table td{ vertical-align:top; padding: 0px; color: #fff; font-size: 10px; line-height:12px; }
#header .content #login .submitcell{padding: 10px 5px 0px 0px; }

#header .content #shopbutton{margin-top: 15px; width: 150px; height: 40px; padding: 15px 0px 0px 10px; background: #cf8704 url(/images/shop_button_bg.gif) repeat-y top left;float: right; border-top: 1px solid #f4da9d;border-left: 1px solid #f4da9d; border-top-left-radius: 10px;}
#header .content #shopbutton .heading{font-family:DejaVuSansCondensedBold; font-size:20px; width: 55px;float: left; border-right: 1px solid black; padding-right: 5px;}
#header .content #shopbutton .desc{ font-size:11px;width: 75px; float: left;padding-left: 5px;}
#header .content #shopbutton a{ color: #000;}


#header .content #paypal{width: 240px; float: left; margin-left: 0px; padding-top: 10px; position:relative;}

#header #logo{ float: left;}
#header #logo2{ float: left; margin-left: -60px;}
#header #headerright{ float: left; height: 82px; width: 380px; padding-left: 60px; }
#header #headerrightbottom{ float: left; height: 68px; width: 550px;  }


#minibasket{float: left;width: 120px; margin-left: 20px;padding-top: 10px;}
#minibasket #minibasketicon{float: left; background: url(/images/bag.png) no-repeat top left; width: 35px; height: 44px;}
#minibasket #minibasketicon:hover #minibasketsummary {  visibility: visible;}
#minibasket #minibasketicon .link{float: left;}
#minibasket #minibasketitemcount{float: left; margin-right: 7px;font-size:12px;}
#minibasket #minibaskettotal{float: left;font-size:12px;  }
#minibasket .checkoutbutton{ font-size:12px;color: #000;float: left;}
 
#minibasketsummary { padding: 20px; width: 200px; position: absolute; z-index: 100; /* Saf */ visibility: hidden; background:white; border: 5px solid #000; }
#minibasketsummary .minibasketsummaryproduct{float: left; width: 100%;z-index: 200;font-size:12px; color: #000;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductimage{float: left;margin-right: 10px; font-size:12px;color: #000;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription{float: left;width: 100px;font-size:12px;color: #000;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription a{font-size:12px;color: #000;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketattributes{font-size:12px;color: #000;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketprice{font-size:12px;color: #000;}
#minibasketsummary .checkoutbutton{float: left; font-size:12px;color: #000;}


/* --------------TOPNAV------------- */

#homeicon{ float: left; margin: -2px 0px 0px 15px;}

#topnav {height: 94px;background: url(/images/navbg.jpg) no-repeat top center; float: left; width: 960px; }
#topnav ul{ list-style-type:none; margin-top: 14px;}
#topnav li{ display:inline;position:relative; float: left;padding: 0px 16px; font-size:12px; color: #fff;}
#topnav li a{color: #fff;text-decoration: none;font-size:18px;}
#topnav li a:hover{ text-decoration:underline;}

#topnav ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:20px;
   width:220px; /* width of the drop-down menus */
   background-color:#000; 
   padding: 10px;
   z-index:999; margin: 0!important
   }
#topnav ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   padding: 5px 0px; }
#topnav ul ul li a,
#topnav ul li.active li a,
#topnav ul li:hover ul li a,
#topnav ul li.hover ul li a { /* This line is required for IE 6 and below */
 font-size:14px;
	 font-weight:normal; /* resets the bold set for the top level menu items */
	color: #fff;
   line-height:16px; /* overwrite line-height value from top menu */
   background:none;padding: 8px 0px; text-transform:none;
}
#topnav ul ul li a:hover{ color:#fff;}
#topnav ul ul li:hover{ background-color:#c99737}

/* Flip the last submenu so it stays within the page */

/* Make the sub menus appear on hover */
#topnav ul li:hover ul,
#topnav ul li.hover ul {   display:block;  }


#topnav ul ul ul{ display:none;margin: 0!important;top: 0!important;   z-index:9999}
#topnav ul li:hover ul ul, #topnav ul li.hover ul ul{   display:none;  }
#topnav ul ul li:hover ul{ display:block; left: 180px; top: 0; }


#topnav .lastmenu{ right: 0px; top:20px; }

#topnav .lastmenusub{ left: -200px!important; top:0px; }

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {min-height: 100%; height: auto !important; height: 100%; background: #fff url(/images/mainbg.gif) no-repeat top center; box-shadow: 0px 2px 10px 1px #a48e59;}

#main .content {padding: 20px;min-height: 400px; height: auto;}

#main .content h1 {font-size: 20px; color: #d40106;font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px;}
#main .content h2 {font-size: 20px; color: #d40106; font-family:DejaVuSansCondensedBold; font-weight:normal; }
#main .content h3 {font-size: 16px; color: #000; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom:5px; }
#main .content h3 a{font-size: 16px!important;color: #000; }
#main .content h4 {font-size: 16px; color: #875800; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom:5px; }


#main .content h6 {font-size: 18px; padding: 5px; background: #875800; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }


#main .content p {font-size: 12px; margin-bottom: 15px; color: #000; line-height:17px;}
#main .content .cms {font-size: 12px;  color: #000; line-height:17px;}
#main .content a {color: #d40106;font-size: 12px;}
#main .content em {font-family:DejaVuSansCondensedBold;color: #d40106; font-style:normal; font-size:14px;}
#main .content dfn {font-family:DejaVuSansCondensedBold; font-style:normal; font-size:14px;}

#main .content .left {width: 420px; float: left;}
#main .content .right {width: 420px; float: right;}
#main .content .rightborder {width: 420px; float: right; border-left: 1px solid #9a9a9a;padding-left: 20px;}


#main .content .leftwide {width: 570px; float: left;}
#main .content .rightslim {width: 300px; float: right;border-left: 1px solid #9a9a9a;padding-left: 20px;}


#main .content blockquote{margin: 20px 30px;}

.required {color: #d40106!important; font-size:10px!important;}
.italic{ font-style:italic;}
.underline{ text-decoration:underline;}
.subtle{ color: #616161;}
.plain{ border-collapse:collapse; margin: 0px 0px 15px 0px; padding: 0px;}
.plain td{ padding:5px 15px 5px 5px; vertical-align:top; }
.even td{ width: 50% }
.red{color: #d40106!important;}
.photodisplay{ border-collapse:collapse; margin: 0px 0px 15px 0px; padding: 0px;}
.photodisplay td{ padding:5px 15px 5px 15px; vertical-align:top; text-align:center; font-family:DejaVuSansCondensedBold; font-size:12px; color: #875800; line-height:16px;}


.author{ font-size: 14px!important; font-style:italic;}

.displaytable{ border-collapse:collapse; margin: 15px 0px 0px 0px; padding: 0px;}
.displaytable td{ padding:5px ; vertical-align:top; border: 1px solid silver; }
.displaytable th{ padding:5px ; vertical-align:top; font-family:DejaVuSansCondensedBold; font-size:14px;}
.displaytable .nowrap{ white-space:nowrap;}

.general{ border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
.general th{ text-align:left; font-size: 14px; padding: 5px; background: #000; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
.general td{ text-align:left;  padding: 5px 5px 5px 5px; vertical-align:top; line-height:16px;}
.general .bordercell{ border-bottom: 1px solid silver; }
.general .notecell{ background: silver; }

.generaltable{ border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
.generaltable th{ text-align:left; font-size: 14px; padding: 5px; background: #000; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
.generaltable td{ text-align:left;  padding: 5px 5px 5px 5px; vertical-align:top; line-height:16px;}
.generaltable .bordercell{ border-bottom: 1px solid silver; }
.generaltable .notecell{ background: silver; }


.bottomborderdisplay{ border-collapse:collapse; margin: 0px; padding: 0px; width: 100%}
.bottomborderdisplay td{ padding:10px 10px 15px 10px; vertical-align:middle; border-bottom: 1px solid silver; }
.bottomborderdisplay th{ padding:10px ; vertical-align:top; font-family:DejaVuSansCondensedBold; font-size:14px; text-align:left;background: #000; color: #fff; }
.bottomborderdisplay .nowrap{ white-space:nowrap;}

.longevity{ border-collapse:collapse; margin: 0px; padding: 0px; width: 100%}
.longevity td{ padding:5px; vertical-align:middle;  font-size:10px }
.longevity th{ padding:5px ; vertical-align:top; font-family:DejaVuSansCondensedBold; font-size:12px; text-align:left;background: #000; color: #fff; }
.longevity th a{ color: #fff!important;font-size:12px!important; }
.longevity .nowrap{ white-space:nowrap;}
.longevity tr:nth-child(even) {background: #e8dec5}
.longevity tr:nth-child(odd) {background: #FFF}
.longevity tr:hover {background: #d5c8a6}

.bcoc{ border-collapse:collapse; margin: 0px 0px 15px 0px; padding: 0px; width:100%; table-layout:fixed;}
.bcoc td{ padding:5px 15px 5px 5px; vertical-align:top;  }


.charttable{ border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
.charttable th{ text-align:left; font-size: 14px; padding: 5px; background: black; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
.charttable td{ text-align:left;  padding: 5px 5px 5px 5px; vertical-align:top; line-height:16px;border: 1px solid silver;}


/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
} 



#footer {background-color: #0c0c0c ;height: 100px;height: auto;margin-top: 90px;}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#footer {margin-top: 90px;position: relative;}
}

#footer .content { width: 960px; margin: 0 auto; padding: 20px 0px; position: relative; background: #0c0c0c url(/images/footerbg.jpg) no-repeat top center}

#footer .content .block{  float: left; margin-right: 40px;}
#footer .content .block h1{ color: #fff; font-size:12px;  font-weight:normal; text-transform:uppercase; white-space:nowrap; margin-bottom: 5px;}
#footer .content .block h1 a{ color: #fff; font-size:12px;  font-weight:normal; text-decoration:none;}

#footer .content .block ul { margin: 0px 10px 0px 0px; padding: 0px;}
#footer .content .block li {list-style-type: none;}
#footer .content .block li a {color: #fff;text-decoration: none;padding: 5px 0px 0px 0px; font-size:10px;}
#footer .content .block li a:hover { text-decoration: underline; }



#footer2 {background: #141414 url(/images/footerbg2.gif) repeat-x top center;height: 100px;height: auto; padding: 20px 0px;}
#footer2 .content { width: 960px; margin: 0 auto; padding: 20px 0px; position: relative;}

#footer2 .content .footerlogos{ width: 650px; float: right;}
#footer2 .content .footerlogos img{ float: right; margin-left: 20px;}
#footer2 .content .newsletter{ width: 172px; height: 80px; padding: 7px 0px 0px 10px; float: right; background: url(/images/newsletter.gif) no-repeat top left;}
#footer2 .content .newsletter h5{color: #c50206; text-transform:uppercase; font-size:18px; font-family:DejaVuSansCondensed; padding: 5px 0px 0px 0px}
#footer2 .content .newsletter h5 span{text-transform:none; font-size:10px;}
#footer2 .content .newsletter a{ text-decoration:none!important;}



#footer2 p{color: #686868; font-size:10px;}


/* --------ASC LINKS--------- */

#footer2 .asc ul { margin: 0px; padding: 0px;}
#footer2 .asc li { display: block; list-style-type: none;}
#footer2 .asc li a {color: #686868;text-decoration: none;padding: 0px; font-size:10px;}

/* --------------SEO------------- */


#footer .seo {}

a.seodark:link {color: #000 !important; text-decoration: none!important;}
a.seodark:active {color: #000!important; text-decoration: none!important;}
a.seodark:visited {color: #000!important; text-decoration: none!important;}
a.seodark:hover {color: #000!important; text-decoration: none!important;}


a.seolight:link {color: #fff!important; text-decoration: none!important;}
a.seolight:active {color: #fff!important; text-decoration: none!important;}
a.seolight:visited {color: #fff!important; text-decoration: none!important;}
a.seolight:hover {color: #fff!important; text-decoration: none!important;}


/* --------------HOMEPAGE------------- */

#homeslider{ width: 600px; height: 400px; float: left;}

#homenews{  width: 280px; height: 400px; float: right;  overflow-y: auto; overflow-x: hidden;}
#homenews h2{ background: url(/images/newsicon.gif) no-repeat top left; padding-left: 50px;}
#homenews .announcement{  width: 270px; height:auto; border-bottom: 1px dashed silver; padding: 10px 0px;}
#homenews .announcement .headline{ font-family:DejaVuSansCondensedBold; font-size:14px;}



#homeboxes{height: auto; float: left; margin-top: 10px;}

#homeboxes #barker {float: left; width: 291px; height: 115px;background: url(/images/barkerbg.png) no-repeat top left; margin-right: 22px;}
#homeboxes #barker p{float: right; width: 165px; color: #f7e6be; font-size:12px;padding:50px 10px 0px 0px;}
#homeboxes #barker img{float: left; margin: 15px 0px 0px 20px;}

#homeboxes #shop {float: left;  width: 271px; height: 105px; padding: 10px 10px 0px 10px;background: url(/images/goldbg.jpg) no-repeat top left; margin-right: 22px;}
#homeboxes #shop h5{color: #000; font-family:DejaVuSansCondensedBold; font-size:20px; text-transform:uppercase;margin:5px 0px 5px 0px; }
#homeboxes #shop p{color: #000; font-size:12px; margin: 0px!important; }
#homeboxes #shop .ribbon{float: left; margin:8px 0px 0px -16px;}
#homeboxes #shop .pic{float: right; width: 105px; height: 86px; border: 3px solid #e4c06d;}
#homeboxes #shop .featuredribbon{position:absolute; margin: -8px 0px 0px 45px; }

#homeboxes #join {float: left; width: 261px; height: 100px; padding: 15px 10px 0px 20px;background: url(/images/joinbg.png) no-repeat top left;}
#homeboxes #join h5{color: #fff; font-family:DejaVuSansCondensedBold; font-size:20px; text-transform:uppercase;margin-bottom: 5px; }
#homeboxes #join p{color: #fff; font-size:12px; margin: 0px!important; }
#homeboxes #join .ribbon{float: left; margin:10px 0px 0px -26px;}


/* --------------BOARD------------- */


#board{}
#board .item{font-size: 12px; margin-bottom: 15px; color: #000; line-height:17px;}
#board .name{ font-family:DejaVuSansCondensedBold;}
#board .title{ font-family:DejaVuSansCondensedBold; color: #d40106;}

#board .boardleft{float: left; width: 280px;  margin-right: 20px;}
#board .boardmiddle{float: left; width: 280px; margin-right: 20px;}
#board .boardright{float: left; width: 280px; }


/* --------------LINK STYLES------------- */

.pdf {background: url("/images/adobereader3.png") no-repeat top left; padding: 3px 0px 6px 30px;margin-top: 20px; color: #d40106!important; font-family:DejaVuSansCondensedBold; font-size:14px;}

/* --------------REGIONS------------- */
#regions{}
#regions .region{float: left; width: 30%;margin-right: 3%}




/* --------------COMMITTEES------------- */
#committees { border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
#committees th{ text-align:left; font-size: 14px; padding: 5px; background: #000; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
#committees td{ text-align:left;  padding: 5px 5px 15px 5px; vertical-align:top; line-height:16px;}
#committees .committeename{background:#e8dec5;font-family:DejaVuSansCondensedBold; font-size: 12px; padding: 5px!important;}
#committees .trustees{ font-family:DejaVuSansCondensedOblique; font-size:10px; }
#committees .note{ font-family:DejaVuSansCondensedOblique; font-size:10px;color: #b3842b; }
#committees .nowrap{ white-space:nowrap; }

/* --------------BreedersDirectory------------- */
#breedersdirectory { border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
#breedersdirectory th{ text-align:left; font-size: 14px; padding: 5px; background: #000; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
#breedersdirectory td{ text-align:left;  padding: 5px 5px 15px 5px; vertical-align:top; line-height:16px;}
#breedersdirectory .regionname{background:#d40106;color: #fff!important;font-family:DejaVuSansCondensedBold; font-size: 12px; padding: 5px!important;}
#breedersdirectory .kennelname{background:#e8dec5;font-family:DejaVuSansCondensedBold; font-size: 12px; padding: 5px!important;}
#breedersdirectory .trustees{ font-family:DejaVuSansCondensedOblique; font-size:10px; }
#breedersdirectory .note{ font-family:DejaVuSansCondensedOblique; font-size:10px;color: #b3842b; }
#breedersdirectory .nowrap{ white-space:nowrap; }
#breedersdirectory td img{float: left; margin-right: 5px;}


/* --------------BreedersDirectory------------- */
#rescuegroups { border-collapse:collapse; margin: 0px; padding: 0px; width: 100% }
#rescuegroups th{ text-align:left; font-size: 14px; padding: 5px; background: #000; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal; margin-bottom: 15px; }
#rescuegroups td{ text-align:left;  padding: 5px 5px 15px 5px; vertical-align:top; line-height:16px;}
#rescuegroups .regionname{background:#d40106;color: #fff!important;font-family:DejaVuSansCondensedBold; font-size: 12px; padding: 5px!important;}
#rescuegroups .groupname{background:#e8dec5;font-family:DejaVuSansCondensedBold; font-size: 12px; padding: 5px!important;}
#rescuegroups .trustees{ font-family:DejaVuSansCondensedOblique; font-size:10px; }
#rescuegroups .note{ font-family:DejaVuSansCondensedOblique; font-size:10px;color: #b3842b; }
#rescuegroups .nowrap{ white-space:nowrap; }


/* --------------MENTORS------------- */

#mentors{}

#mentors .mentor{float: left; margin-right: 25px; height: 120px; font-size:12px; line-height: 17px;}


/* --------------BOOKS------------- */

#books{}
#books .item{ margin-bottom: 30px; clear: both;}
#books .item img{float: left; margin: 0px 20px 30px 0px;}
#books .item .title{ text-decoration:underline;font-family:DejaVuSansCondensedBold;  }
#books .item p{padding: 15px 0px 0px 0px!important; margin-bottom: 0px!important }



/* --------------FORUM------------------------------------------------------------- */
.forum {width: 100%; border-collapse:collapse;margin-bottom: 15px;margin: 0 auto;}
.forum td{padding: 5px 5px 10px 5px; vertical-align:top;border: 1px #e8dec5 solid;}
.forum th{text-align:left; font-size: 14px; padding: 8px; background: #b3842c; color: #fff; font-family:DejaVuSansCondensedBold; font-weight:normal;}
.forum .topicname{font-size: 14px!important;  color: #d40106; font-family:DejaVuSansCondensedBold; font-weight:normal; }
.forum .topicname span{font-size: 12px;  color: #5a5a5a; font-family:DejaVuSansBook;}
.forum .light{font-size: 12px;  color: #5a5a5a; font-family:DejaVuSansBook;}
.forum .lastpostname{font-size: 12px!important; font-family:DejaVuSansCondensedBold; font-weight:normal; }
.forum .threadname{font-size: 14px!important;  color: #d40106; font-family:DejaVuSansCondensedBold; font-weight:normal;}

.reply{padding: 10px; border:1px solid #e8dec5; margin-bottom: 20px;}
.reply .postauthor{padding: 5px;background:#e8dec5; font-size:12px;}


.post{padding: 10px; background:#e8dec5; margin-bottom: 20px;}

.subreply{padding: 10px; background:#f2ebdb; margin-bottom: 20px;}
.subreply .postauthor{padding: 5px;background:#e8dec5; font-size:12px;}


#forumbread {text-align:left; padding: 8px 0px; margin-bottom: 20px; }
#forumbread ul{ list-style-type:none; margin: 0px!important; padding: 0px!important;}
#forumbread li{ display:inline;float: left;padding: 0px 10px 0px 0px!important;font-size: 16px!important; color: #d40106!important; font-family:DejaVuSansCondensedBold; font-weight:normal;}
#forumbread li a{border-right: 1px solid black;color: #000!important;text-decoration: none;font-size:14px!important;padding: 0px 10px!important;}
#forumbread li a:hover{ text-decoration:underline;}
#forumbread .last{ text-decoration:underline;}

.paging{color: #5a5a5a; font-size:12px; padding: 10px 0px;}



#main .content #login{ width: 400px; height: 130px; padding: 30px; background: #151717; margin: 0 auto; border-radius: 20px;}
#main .content #login input[type="text"], #main .content #login input[type="password"]{border: 1px solid silver;padding: 2px;width: 100px; margin: 0px 5px 0px 0px; height: 20px;}
#main .content #login td{color: #fff; }

#seminars .item{margin-bottom: 20px;}
