/*All photos were taken and edited by Sarah Evans for CLC Lubricants.  The site itself was also created by Sarah Evans for CLC Lubricants.  All information contained is the property of CLC Lubricants.  Unauthorized use is subject to prosecution.
*/

/*
 * Page Body look & feel
 */
 body {
        text-align: center;
     }
     #doc2 {
       margin: 0 auto;
       width: 750px;
     }

.content {
  width:800px;     /* Width of main page area */
  height: 800px;  /* Height of main page area */
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  padding:10px;
  border:1px dashed #333;
  background-color:#eee;
}

.mainmenu {
    background-color:#FFFFFF;
    border: solid #000 1px;
    width: 100%;
    height : 100px;
 }
.markup {
        margin-left: auto;
        margin-right: auto;
     }
.markup table {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
     }
          #clclogo {
                     width: 100%;
                     height: 160px;
                     background-image: url("./images/header_mod.png");
                     background-repeat: no-repeat;
					         }
         #clclogo img {
            position:relative;
            left:500px

          }


          #clcfooter {
                     width: 100%;
                     height: 20px;
                     background-image: url("./images/footer_mod3.png");
                     background-repeat: no-repeat;
          }


           #clcmainmenu { position: absolute;
               width: 750px;
           }
		   div.yui-b p {
            
                margin: 0 0 .5em 0;
                color: #000;
            
            }
            
            div.yui-b p strong {
            
                font-weight: bold;
                color: #000;
            
            }
            
            div.yui-b p em {

                color: #000;
            
            }            
            
			div.yui-content {
			text-align:center;	
			padding:0.5em 0.5em 0.5em 0.5em;
			
												}
						
			td{
				padding:0.25em 0.25em 0.25em 0.25em;
				
					
			}
			
			
            h1 {
                font-weight: bold;
                margin: 0 0 1em 0;
                padding: .25em .5em;
                background-color: #fff;
            }
			
    
            #basicmenu {
                
                position: static;
                
            }


			/*
				For IE 6: trigger "haslayout" for the anchor elements in the root Menu by 
				setting the "zoom" property to 1.  This ensures that the selected state of 
				MenuItems doesn't get dropped when the user mouses off of the text node of 
				the anchor element that represents a MenuItem's text label.
			*/

			#basicmenu .yuimenuitemlabel {
			
				_zoom: 1;
			
			}

			#basicmenu .yuimenu .yuimenuitemlabel {

				_zoom: normal;

			}

.title {
    font-style: italic;
    text-align: center;
    background-size: 50%;
    background-image: url('./images/logo.png');
    padding: 0px;

  }
.menu {
   height: 50px;
   padding: 0px;
   border-top: 5px #ccc solid;
   border-bottom: 5px #ccc solid;
 }



/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

ul.nav{
    display: table;
    width: 100%;
    table-layout: fixed;
}
ul.nav>li{
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}


ul.nav>li:hover{
    padding-right: 1px;

}
ul.nav li>ul{
/*Make the sub list items invisible*/
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
    display : block;
    width: 150px; /*menu drop down width screwed up here*/
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
    display: block;
    padding: 2px 10px;

}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
    background-color: #fff;
    color: #369;
}


ul.nav li:hover,
.nav ul li a:hover{
    background-color: #369;
    color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
    background-color: #036;
    color: #fff;
}

ul.nav,
.nav ul{
    border: 1px solid #369;
}

.nav a{
    text-decoration: none;
}


/* End nav menu */


/*
 * Product description & table page layout * */
div.productdesc{
   width: 100%;
   padding: 10px;
   border-left: 10px solid #369;
   text-align: center;
 }

table.producttable {
    background-color:#369;
    border: solid #000 0px;
    padding: 3px;
    width: 100%;

 }

.productheader {
    background-color:#335566;
    color: #000;
    border-left: solid #369 3px;
    font-style: inherit;;

 }

.productodd {
    color: #000;
    background-color:#334411;
    border-left: solid #369 3px;


 }

.producteven {
    color: #000;
    background-color:#114433;
    border-left: solid #369 3px;
}
/*table controls
*/  
table.summary {
	border-width: thick thick thick thick;
	border-spacing: 5px;
	border-style: double double double double;
	border-color: green green green green;
	border-collapse: separate;
	background-color: white;
}
table.summary th {
	border-width: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border-style: double double double double;
	border-color: green green green green;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.summary td {
	border-width: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border-style: double double double double;
	border-color: green green green green;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	}