* {margin:0;padding:0}
		body 			{ background: #B8D2B5; color: #333; font: 18px; font-family: 'MS Sans Serif', Geneva, sans-serif; line-height: 18px; }
		h2				{ color: #333; }
		a				{ color: #000; text-decoration:  none;}
		ul {
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
        margin: 0px;
        padding: 0px;
	}
               li{padding-top:10px;}

		//#container		{ background: #fff; width: 780px; margin: 0px; margin-bottom: -15px; }
		#container		{ background: #fff; width: 780px; margin: 0 auto; }
		/* Header */
		#header			{ background-image: url("images/header_other.jpg");
                                          width: 780px;
                                          height: 174px;
                                          text-align: right;}
		#header h1  	{ color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
                               
        #Mainheader		{ margin-bottom: -1px;}
		#Mainheader h1  	{ color: #004b6f; margin: 0px; padding: 24px 18px 0; }
		#Mainheader p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
		/* Content Style */
		#extra			{  }
		#extra small	{ font-size: 11px; line-height: 18px; }
		
				
		/* Content Positioning & Size */
		#navigation		{ margin-top: -3px; float: left; width: 100px;}
                #navigation ul	        { padding: 0 18px 9px; }
		#content		{ float: right; padding-right: 55px; width: 540px; margin-top: 20px; margin-bottom: -5px}
		#content p		{ margin-left: 25px; font-size: 14px}
		#content b		{ color: green; font-weight: bold;}
        #contentOther	{ float: left; width: 720px; margin-top: 20px;}
        #contentOtherBottom	{ float: left; width: 720px; margin-top: 20px;margin-left:20px;}
        #contentOtherBottom p		{ margin-left: 75px; font-size: 14px}
        #contentOtherServices	{ float: left; width: 100%; margin-top: 20px;}
        #contentOtherServices h2 { margin: 0 0 3px; text-align:center; padding-top: 50px; }
        #contentOther p		{ margin-left: 25px; font-size: 14px;}
        #contentOther h2    { margin: 0 0 3px; text-align:center; padding-top: 50px; }
		#extra			{ float: right; width: 540px; }		/* Footer */
		#footer			{ width: 760px; margin: 0 auto;}
		
		#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
		#navigationLeft 	{font-family: Arial, Helvetica, sans-serif; font-size: .9em;}
        #navigationLeft ul {
            list-style: none;
            margin-left: 25px;
            padding: 0;
            padding-top: 4px;
            }
            #navigationLeft li {
            display: inline;
            }
            #navigationLeft a:link, #navigation a:visited {
            padding: 3px 10px 2px 10px;
            color: #FFFFFF;
            background-color: #78AD5F;
            text-decoration: none;
            
            }
            #navigationLeft a:hover {
            color: #FFFFFF;
            background-color: #78AD5F;
            }
			
			 #nav-menu ul 	  {list-style: none; padding: 0; margin: 0;}
			 #nav-menu li 	  {float: left; margin-top: 0px; margin-bottom: 0px;}
			 #nav-menu li a	  {bottom left repeat-x;
			 		   	  	  height: 70px;
							  float: left;
							  width: 193px;
							  display: block;
							  color: #FFFFFF;
							  text-decoration: none;
							  text-align:center;
							  border: 1px solid #FFFFFF;}

              /* Hide from IE5-Mac \*/
              #nav-menu li a{ float: none }
			  			  /* End hide */

			  #nav-menu { width:800px; }
			  #quote	{text-align: center; font-size: 12px; color: green; margin-bottom: 0px; font-weight:bold;}
			  #quote b	{ color: #000; font-size: 12px; text-align:right; font-weight:lighter;}
              
              #colWrapper {float:left; width: 760px; border:solid; border-width: 1px;}
              #firstCol   {float: left; width: 300px; margin-left: 0px;}
              #SecondCol   {width: 300px; margin-left: 350px;}
              
             #contentwrapper{ float: left; ; width: 600px; }
             #middleContent{width: 350px;margin-left: 250px; margin-top: 50px;}
             #middleContentServices{width: 600px;margin-left: 75px; margin-top: 50px;}
             
             
             #green { color: green; font-weight: bold;}

#ToyContentcolumn{
margin-right: 150px; /*Set right margin to RightColumnWidth*/
margin-left: 20px;
}
#contentcolumn{width: 400px;}
#contentcolumn ul { list-style-type: none; }


#rightcolumn{
float: left;
width: 290px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
}

#rightToyColumn{
float: left;
width: 290px; /*Width of right column*/
margin-left: -400px; /*Set left margin to -(RightColumnWidth) */
}

#innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}

#footerOther { 
              width:780px;
             height:79px;
	font: Arial, Helvetica, sans-serif 8px;
    color: #FFFFFF;
	text-align: center;
	background: url(images/footer_other.jpg) no-repeat;
    float: none; clear: both;
    margin-top: -5px;
}

#footerNavlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#ToyArea { 
              width:750px;
             
	font: Arial, Helvetica, sans-serif 8px;
    
    float: none; clear: both;
    margin-top: -5px;
    margin-left:20px;
}

#breadCrumb {
 
 height: 18px; /* This is the height we wan't on our breadcrumb */
 padding: 4px 0 0 8px;
 }
 #breadCrumb li {
 margin:5px ;
 
 text-align:left;
 padding:5px;
 /*border:1px dashed black;*/
 float: left;
 display: inline;
 
 }
 #breadCrumb a {
 color: #000; /* Our breadcrumb links are going to be white */
 font-weight: bold; /* And bold */
 background: url("images/breadcrumb.gif") no-repeat right center;
 padding-right: 15px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
 text-decoration: none;
 }
 
 #breadCrumb a:hover { color: #333;  }
 #breadcrumb .first {
 margin-left: 0;
 padding-left: 0;
}
 
.gallery {
         margin: 0;
         padding: 0;
         list-style-type: none;
}

.gallery li{
        margin: 0;
        padding: 0;
        float: left;
        width: 27%;
        margin-right: 2%;
        margin-bottom: 20px;
        
}
   
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
top: -100px;

}

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

div.footnote {
   font-size: 8pt;
}
#NonProdContentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
margin-left: 150px;
}

.bc{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.bc a{
background: transparent url("images/breadcrumb.gif") no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.bc a:visited, .bc a:active{
color: navy;
}

.bc a:hover{
text-decoration: underline;
}

.greentext { color: green; font-weight: bold;}
.Sales { color: red; font-weight: bold;font-size: 12px}

a.lined {color: blue}
a.lined:link {color: blue; text-decoration: none}
a.lined:hover {text-decoration: underline}
.adjust-me img {
                    vertical-align: text-top;
                }
                
#extraSmall	{ font-size: 5px; }
