@charset "UTF-8";
/* CSS Document */

body {
margin : 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size : 12px;
font-weight : normal;
color : #000000;
text-align : left;
background-color:#ffffff;
}

#page_container 
{ 
margin : 0 auto; 
background:url(bground.jpg) repeat-x top left;
}
/* ------------------- top bar containing logo and shadopw ------------------- */
#top_bar 
{ 
margin : 0 auto;
width : 900px; 
height: 115px;
background-color:#ffffff;
background-image:url(images/top_curve.jpg);
background-position:top right;
background-repeat:no-repeat; 
}

/* ----------banner for logo-------------- */
#logo {
float : left;
display : block;
width : 170px;
height : 114px;
margin : 0 0 0 30px;
}


#logo a {
display : block;
width : 170px;
height : 114px;
background : url(images/3663_logo.jpg) no-repeat 0 0;
}


#shadow {
float : left;
display : block;
background : url(images/shadow.jpg) repeat-y;
width : 25px;
height : 114px;
margin : 0;
}

/* ------------------- navigation bar ------------------- */
#nav_bar 
{ 
margin : 0 auto;
width : 900px; 
height: 196px;
background-color:#242524; 
background : url(images/icecream.jpg) no-repeat;
background-position:top right;
}

#logo_white {
float : left;
display : block;
background : url(images/3663_suppliers.jpg) no-repeat;
width : 585px;
height : 196px;
margin : 0;
}

#icecream 
{ 
float : right;
display : block;
width : 315px; 
height: 196px;
background:url(images/icecream.jpg);
background-repeat:no-repeat; 
}

#suppliers {
float : left;
display : block;
background : url(images/suppliers.jpg) no-repeat;
width : 305px;
height : 196px;
margin : 0 0 0 40px;
}

.nav {
margin-top: 18px;
color:#ffffff;
font-size: 12px;
font-weight:bold;
}

.hide {
margin : 0;
padding : 0;
display : none;
}

div.float {
  float: right;
  padding:8px 0 0 0;
  }
  div.floatl {
  float: left;
  }
    a.tab_home {
	  margin-left:35px;
	  margin-top:83px;
	display: block;
	width: 154px;
	height: 32px;
	text-decoration: none;
    background-image: url(images/home.jpg);	
			
}	
a.tab_home:hover {
        background-position: 0 -32px;
}   
      a.tab_o {
	  margin-top:83px;
	    margin-left:6px;
	display: block;
	width: 154px;
	height: 32px;
	text-decoration: none;
    background-image: url(images/overview.jpg);			
}	
a.tab_o:hover {
        background-position: 0 -32px;
}
  
    a.tab_pr {
	  margin-top:83px;
	    margin-left:6px;
	display: block;
	width: 154px;
	height: 32px;
	text-decoration: none;
    background-image: url(images/ranges.jpg);			
}	
a.tab_pr:hover {
        background-position: 0 -32px;
}

    a.tab_c {
	  margin-top:83px;
	    margin-left:6px;
	display: block;
	width: 154px;
	height: 32px;
	text-decoration: none;
    background-image: url(images/contact.jpg);	
			
}	

a.tab_c:hover {
        background-position: 0 -32px;
} 
/* ------------------- main content ------------------- */
#content 
{ 
margin : 0 auto; 
width : 900px;
height: 315px;
background-color:#ffffff;

}
.style2 {
	font-size: 14px;
	font-weight: bold;
}
a.style2:link {
	color: #003366;
	text-decoration:underline;
	
}
a.style2:visited {
	color: #666666;
	text-decoration:underline;
	
}
a.style2:hover {
	color: #333333;
	text-decoration:underline;
	
}
a.style2:active {
	color: #666666;
	text-decoration:underline;
	
}

#col1 {
float : right;
width : 315px;
margin : 0;
background-color:#cccccc;
background-image:url(images/dashedbox.jpg);
background-position:50% 30px;
background-repeat:no-repeat;
height: 315px;
}

#col2 {
float : right;
text-align:left;
line-height:20px;
width : 555px;
height: 160px;
margin : 10px 15px 0 0;
padding : 0;
border : none;
}


#col3 {
float : right;
width : 315px;
margin : 0;
background-color:#cccccc;
height: 76px;
padding : 0;
border : none;
}


/* ------------------- footer 2nd attempt ------------------- */
#footer2 
{ 
clear: both;
margin : 0 auto;
width : 900px; 
height: 71px;
background-color:#ffffff; 
background : url(images/bottom_curve.jpg) no-repeat;
background-position:bottom left;
}

#device {
display:block;
float : right;
background-color:#cccccc;
border : none;
height: 71px;
width : 315px;
}

#sitemap {
float : left;
display : block;
width : 285px;
padding-top:30px;
padding-left:40px;
height : 36px;
color:#000;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size:10px;
FONT-WEIGHT: normal; 
line-height:14px;
}

#suppliers2 {
float : right;
display : block;
width : 305px;
height : 76px;
}


.copy{
color:#000;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size:10px;
FONT-WEIGHT: normal; 
line-height:14px;
width:190px;
padding:35px 0 0 25px;
}
/* ------------------- forms ------------------- */
h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

input{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
h2{	color:#000000; 
margin-bottom:12px;
	font-size:16px;
}


#box {
float : left;
display : block;
width : 260px;
padding-top:45px;
padding-left:40px;
height : 36px;
color:#000;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size:10px;
FONT-WEIGHT: normal; 
line-height:22px;
}

div.main{

	margin:30px auto; 
	width:250px;
	height: 450px;
	}


div.box h1 {
	font-size:16px;
	color:#000000;
	
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #12358d;
	color:#666666;
	width:180px;
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#333333;
}

div.box label span{
	display:block;
	float:left;
	padding-bottom: 18px;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
.spacer{margin-left:14px; 
padding-top: 4px;
	margin-bottom:10px;
	font-size:11px;
	color:#333333;
	line-height:18px;
}
.green{
	background:url(img/green.gif);
	padding:0px 6px;
	border:1px solid #12358d;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}