body {
   margin: 0px;
   background-color: #333;
   font-family: verdana;
   font-size: 11px;
   color: #666; 
   background-image: url("images/background.jpg"); 
   background-position: 0px 15px; 
   background-repeat: no-repeat; 
}

div#framepage { 
   background-color: #000;
   background-image: url("images/frameBG.gif");
   background-repeat: repeat-y;
   color: #ccc;
   font-family: Verdana, Sans-Serif;
   margin: 0px;
   padding: 0px;
   font-size: 11px; 
   width: 425px;

   min-height:507px;
   height:auto !important;
   height:507px;
   position: relative;
}

body.homepage {
   margin: 0px;
   background-color: #000;
   font-family: verdana;
   font-size: 11px;
   color: #666; 
   background-image: url("images/background.jpg"); 
   background-position: 0px 15px; 
   background-repeat: no-repeat; 
}

/* CONTAINERS */

div.nav { width: 500px; margin: 0px 0px 20px 20px; }
div.gallerycontent { padding: 6px; width: 400px; line-height: 18px; }
div.pagecontent { margin: 1px 0px 0px 0px; padding: 20px; width: 385px; background-color: #333; line-height: 18px; }

/* IMAGE LAYOUT */
img.navImg { border: 0px; margin-right: 10px; }
img.header { border: 0px; }



#dynosalehome { position: absolute; top: 205px; left: 67px; }

#intro { border: 0px; margin: 0px; }
#logo { position: absolute; top: 123px; left: 512px; border: 0px; margin: 20px; padding: 0px 0px 20px 0px; }
#mainIframe { background-color: #666; width: 425px; position: absolute; top: 207px; left: 200px; }

#nav1 { position: absolute; top: 180px; left: 200px; }
#nav2 { position: absolute; top: 180px; left: 279px; }
#nav3 { position: absolute; top: 180px; left: 335px; }
#nav4 { position: absolute; top: 180px; left: 391px; }
#nav5 { position: absolute; top: 180px; left: 442px; }
#nav6 { position: absolute; top: 180px; left: 518px; }
#nav7 { position: absolute; top: 180px; left: 575px; }

a:link { color: #74B71B; }
a:hover { color: #A3B578; }
a:visited { color: #538213; }
a:visited:hover { color: #A3B578; }
a { outline: 0; }

#copyright { text-decoration: none; font-size: 8px; }
a#copyright:link { color: #74B71B; }
a#copyright:hover { color: #A3B578; }
a#copyright:visited { color: #538213; }
a#copyright:visited:hover { color: #A3B578; }
a#copyright { outline: 0; }


/* SEPARATOR */
.greenBar { position: absolute; top: 0px; left: 0px; width: 720px; height: 15px; background-color: #74B71B; }

.toolTip { /* This is the hook that the jQuery script will use */
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}


/* Div which sets a constant black bar at the bottom */
#blackBar {width: 425px; height: 20px; background-color: #000000; color: #333333; }
#blackBar_search { position: absolute; top:707px; left: 200px; width: 425px; height: 20px; background-color: #000000; color: #333333; }
/* blackBar for hires views */
#blackBar2 {height: 20px; background-color: #000000; color: #333333; }

/* Search results container style */
#searchresultsContainer {  float:left; 
                           position:absolute; 
                           top:207px; left: 627px; 
                           padding: 5px; 
                           height:500px; 
                           width: 400px; 
                           background-color: #000000; z-index: 10;
/* Remove this comment to set the background color as gallery frame
                            background-image: url("images/frameBG.gif");
                           background-repeat: repeat-y;
*/
}

/* section which displays the back to search results link */
 div.backLink { display: none; } 



/* This sets the height of the blank space at the top of the search results */
div.search_height { margin: 1px 0px 0px 0px; padding: 2px; height: 24px;  font-size: 10px; }

/* ToolTip options go here. */
div.motoTip {
     border-radius: 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 3000;
     box-shadow: 3px 3px 3px #000000; -webkit-box-shadow: 3px 3px 3px #000000; -moz-box-shadow: 3px 3px 3px #000000;
     background: #333333; border: 1px solid #000000;
}
div.motoTip .contents {
    padding: 2px 4px;
    font-weight: ;
    color: #A3B578; 
}

/* Gallery Tooltips follow */
.motoTip {
	outline: none; text-decoration: none; position: relative; white-space:nowrap;
}
motoTip:hover {font-size:100%}

.motoTip span {
	margin-left: -999em;
	position: absolute;
        font-size: 11px;
        font-family: verdana;
        display:none
}

.motoTip:hover span {
        display: block;
        border-radius: 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
        box-shadow: 3px 3px 3px #000000; -webkit-box-shadow: 3px 3px 3px #000000; -moz-box-shadow: 3px 3px 3px #000000;
        background: #333333; border: 1px solid #000000;
	position: absolute; left: 0em; top: 1em; z-index: 9999;
	margin-left: 0;     color: #A3B578;     padding: 2px 4px;
}


/* Frame specific styles */

h1 { font-family: Verdana, Sans-serif; font-size: 13px; margin: 0px; padding: 0px;}
h2 { font-family: Verdana, Sans-serif; font-size: 15px; margin: 0px; padding: 0px;}
h3 { font-family: Verdana, Sans-serif; font-size: 17px; margin: 0px; padding: 0px;}

input.textfield { width: 300px; padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 10px; background-color: #222; border: 1px solid #666; }
input.textfieldw { padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; background-color: #222; border: 1px solid #666; }
input.textfieldEditCycle { width: 200px; padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 10px; background-color: #222; border: 1px solid #666; }

input.button { padding: 3px; margin: 0px 0px 0px 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: #555; border: 1px solid #666; }
input.button:hover { background-color: #666; border: 1px solid #777; }
select { padding: 3px; margin: 0px 0px 0px 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; background-color: #555; border: 1px solid #666; }
input.buttonCustomcore { padding: 3px; margin: 5px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: #555; border: 1px solid #666; }

p { margin: 0px; padding: 0px; }

/* Gallery specific styles */
img.galleryImage { border: 2px solid #000; margin: 1px; }
img.galleryTag { border: 0px solid #666; margin: 4px; }
div.imggal { margin: 1px 0px 0px 0px; padding: 6px; width: 400px; font-size: 10px; }

img.galleryImage_search { border: 2px solid #333; margin: 3px; }
div.imggal_search { margin: 1px 0px 0px 0px; padding: 2px; font-size: 10px; }

img.folioImage { border: 0px; }

/* These govern the charting inside the image gallery DB */
.table-gallery-chart {}
.table-gallery-chart-headercell { font-size:10px; font-weight:bold; }
.table-gallery-chart-keycell { width:75px; }
.table-gallery-chart-datacell {}


/* For inventory items */
.subclass1 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; }
.subclass2 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 20px; padding: 0px; }
.subclass3 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 40px; padding: 0px; }
.inventoryitem { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; color: #74B71B; }
.inventoryid { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; color: #FFFFFF; }

table.customBikeList { width: 385px; border: 1px solid #666; margin: 0px 0px 5px 0px; align: left;}
table.customBikeRow { background-color: #222; }


/* Edit Link in pages */
a.editLink { text-decoration: none }
div.editLink { 
 text-align:right;
 text-decoration: none;
 position: absolute;
 bottom: 5px;
 width: 425px;
}
div.editLinkGallery { 
 text-align:right;
 text-decoration: none;
 position: absolute;
 bottom: 20px;
 width: 425px;
}