/* CUSTOM TEMPLATE LAYOUT STYLES :: These can be deleted as they are for this example template, CREATE YOUR OWN IF YOU WISH*/

body

{

background-color:#4e5f69;

margin: 0px 0px 0px 0px;

text-align:center; /* Center body for IE5 and Netscape 4.x */

}







}

.navigation {

font-family: Verdana, Arial, Helvetica, sans-serif;  

font-size: 8pt;  

font-weight:normal;  

color:grey; 

padding-left:0px;

padding-right:0px;

padding-bottom:10px;

margin-left:0px;

padding-top:0px;

vertical-align:top;

width:150px;

}

.content {

padding: 10px 10px 10px 20px;

vertical-align:top;

text-align:left;

font-family: Verdana, Arial, Helvetica, sans-serif;  

font-size: 8pt;  

font-weight:normal;  

width:600px;

}



/* END CUSTOM LAYOUT STYLES */





/* THE STYLES BELOW MUST NOT BE DELETED*/



/* NAVIGATION MENU ***********************************************************************************************/

/* The Navigation can be customized, but realize that the code will try to indent sub directories.               */



/* #linkNavBox is a style for the <div> tag surrounding each navigation link. This style can be used to create

space or lines between the links */

#linkNavBox

{

font-family: Verdana, Arial, Helvetica, sans-serif;  

font-size: 8pt;  

border-bottom:1px dotted #f0f0f0;

text-align:left;

align:right;

margin-left:5px;

width:130px;

padding-bottom:10px;

margin-top:10px;

clear:right;

/* Uncomment to creat black lines inbetween the navigation links */

/* border-bottom:1px solid black;*/

}



#loginlinkNavBox

{

border:1px 1px 1px 1px;

background-color:#f0f0f0;

margin-top:10px;

clear:right;

text-align:left;

/* Uncomment to creat black lines inbetween the navigation links */

/* border-bottom:1px solid black;*/

}



/* linknav: is the actual style for the navigation link. It is highly recommended that you use all link style 

selectors to be cross browser friendly */



a.linknav:link, a.linknav:visited {color:#ff8000;font-weight:normal;text-decoration:none; }

a.linknav:link:focus, a.linknav:visited:focus { color: green;font-weight:normal; }

a.linknav:link { color:#ff8000;font-weight:normal;text-decoration:none; }

a.linknav:visited { color: #ff8000;font-weight:normal; }

a.linknav:link:hover, a.linknav:visited:hover { color: blue;text-decoration: underline; font-weight:normal;}

a.linknav:link:active, a.linknav:visited:active { color: #ff8000;font-weight:normal; }



/* when a page has deeply nested pages, the main navigation will dissappear and the new sub navigation will appear 

using these styles */

.linkhr{height:1px;color:gray;}

.subTitle{color:red;font-weight:bold;margin-top:10px;}



/* BREAD CRUMBS **************************************************************************************************/



/* crumbbox: there's a div tag that wraps the entire crumb trail */

.crumbbox{/*border:1px solid #c0c0c0; padding:6px 6px 6px 6px;*/font-size:90%;padding-bottom:2px;width:100%;}

/* crumbraquo: raquo is the tag for double arrows, format it if you'd like */

.crumbraquo{}

/* endcrumb: The page that is being shown is not a link but can be formatted with this style */

.endcrumb {font-weight:bold;}



/* crumblink is the actual style for the crumb hyperlinks. It is highly recommended that you use all link style 

selectors to be cross browser friendly */

a.crumblink:link, a.crumblink:visited {color:#ff8000;font-weight:bold;text-decoration:none; }

a.crumblink:link:focus, a.crumblink:visited:focus { color: green;font-weight:bold; }

a.crumblink:link { color:#ff8000;font-weight:bold;text-decoration:none; }

a.crumblink:visited { color: #bb5e00;font-weight:bold; }

a.crumblink:link:hover, a.crumblink:visited:hover { color: blue;text-decoration: underline; font-weight:bold;}

a.crumblink:link:active, a.crumblink:visited:active { color: #bb5e00;font-weight:bold; }



/* NORMAL CONTENT PAGES*******************************************************************************************/

/* The only aspect of the content that can be formatted is the general font,size,color ect..

   In this template I am using the whitebox style above to define what the font attributes will be.*/

   

/* These are the link styles for any hypertext link that is not in the navigation menu. It is highly recommended 

that you use all link style selectors to be cross browser friendly */

:link, :visited { color:#ff8000;text-decoration:none; }

:link:focus, :visited:focus { color: green; }

:link { color:#ff8000;text-decoration:none; }

:visited {color: #bb5e00; }

:link:hover, :visited:hover { color: blue; text-decoration:underline; }

:link:active, :visited:active { color: #bb5e00; }

  

/* EVENTS PAGES***************************************************************************************************/



a.eventsLink:link, a.eventsLink:visited {color:#ff8000;font-weight:bold;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.eventsLink:link:focus, a.eventsLink:visited:focus { color: green;font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.eventsLink:link { color:#ff8000;font-weight:bold;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.eventsLink:visited { color: #bb5e00;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;  }

a.eventsLink:link:hover, a.eventsLink:visited:hover { color: blue;text-decoration: underline; font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; }

a.eventsLink:link:active, a.eventsLink:visited:active { color: #bb5e00;font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

.eventTitle{color:#ff8000;margin-left:0px;font-family: Verdana, Arial, Helvetica, sans-serif; }

.eventHR{height:1px;margin-top:5px;font-family: Verdana, Arial, Helvetica, sans-serif; }



/* DOWNLOADS PAGES************************************************************************************************/



.downloadsTitle{color:#ff8000;}

.downloadsCatHeading{font-weight:bold}

.downloadsCat{margin-top:20px;}

.downloadsLinksBox{padding-left:10px;}

.downloadsLinks{}

.downloadsHR{height:1px;}



/* CATALOG PAGES**************************************************************************************************/



.categoryTitle{}

.subCatTable{border-collapse:collapse;margin-bottom:25px;width:580px; }

.subCatTD{padding-bottom:3px;text-align:center; }

.subCatImageLink{}

.subCatImage{border:0px;}



/* item lists */

.itemTable{border-collapse:collapse;border:1px solid; width:580px;}

.itemImage{border:0px;}

.itemNamePrice{padding-left:5px;vertical-align:top;border:1px solid;}

.itemImageLinkTD{width:100px;border:1px solid;}

.itemImageLink{}

.itemTextLink{}

.itemLinkTitle{margin-bottom:5px;}

.itemPrice{}

.subCatTitle{clear:right;}



/* full catalog item display*/

.itemDisplayTable{border-collapse:collapse;width:580px; border:1px solid black;}

.itemHeaderTD{background-color:#D7DBDA;padding:2px 2px 2px 2px;}

.itemName{font-weight:bold;}

.itemPrice{color:red}

.itemID{font-weight:bold;}

.itemDescription{text-align:left;padding:5px 5px 5px 5px;width:330px;vertical-align:top;}

.itemImageTD{width:250px; vertical-align:top; text-align:center;}

.itemImageTable{width:100%;border:1px; padding:0px 0px 0px 0px; border-collapse:collapse;border:1px solid;}

#PictureBox{ }

.itemImageNav{text-align:center;font-size:80%;border-bottom:1px solid;}

.itemSpecs{text-align:left;padding:5px 5px 5px 5px;}



/* Specials Discount Module*/

.itemname,.regPrice,.specialPrice{font-weight:bold;padding:3px 3px 3px 3px;background-color:#d4af89;}

.specialsnum{color:red;font-weight:bold;padding:3px 3px 3px 3px;background-color:#e0e0e0;}

.specTable{border-collapse:collapse; }

.specialstitle{font-weight:bold;padding:3px 3px 3px 3px;background-color:#e0e0e0;}

.specialsdesc{padding:3px 3px 3px 3px;background-color:#eeece8;}

.iName{padding:3px 3px 3px 3px;}

.rPrice{padding:3px 3px 3px 3px;}

.sPrice{padding:3px 3px 3px 3px;}

.totalR,.totalS{padding:3px 3px 3px 3px;background-color:#e38e79}