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


body {
margin : 10px 0 0 0;
font-family: arial, sans-serif;
font-size : 13px;
font-weight : normal;
color : #000000;
text-align : left;
background:url(images/gradient2.png) repeat-x top left;
background-color:#d6e7ff;
}
p a {
color:#666666;
text-decoration:none;
}
p a:hover {
color:#0099ff;
text-decoration:none;
}
p a:visited {
color:#cccccc;
text-decoration:none;
}
p a:active {
color:#666666;
text-decoration:none;
}

#page-container {
	width: 900px;
	margin: auto;
}

/* ------------------- top bar containing logos and icons ------------------- */
#logos {
	background:url(images/top_curve.gif) no-repeat top left;
	height: 84px;
}
#logo {
float : left;
display : block;
width : 128px;
height : 74px;
margin : 0 0 0 10px;
padding : 8px 0 0 0;
}
#logo a {
display : block;
width : 128px;
height : 74px;
background : url(images/logo.png) no-repeat 0 0;
}
div.float {
  float: right;
  padding:8px 0 0 0;
  }
  div.floatl {
  float: left;
  }
.hide {
margin : 0;
padding : 0;
display : none;
}
a.rollover_p {
	display: block;
	width: 156px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/partners_icon.png);
	
}
a.rollover_p:hover {
        background-position: 0 -72px;
}

  a.rollover {
	display: block;
	width: 73px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/vacancies_icon.jpg);
}
a.rollover:hover {
        background-position: 0 -72px;
}	

a.rollover_c {
	display: block;
	width: 80px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/contactus_icon.jpg);
	
}
a.rollover_c:hover {
        background-position: 0 -72px;
}
  a.rollover_l {
	display: block;
	width: 89px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/location_icon.jpg);
}
a.rollover_l:hover {
        background-position: 0 -72px;
}	

a.rollover_f {
	display: block;
	width: 49px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/faqs_icon.jpg);
}
a.rollover_f:hover {
        background-position: 0 -72px;
}
a.rollover_log {
margin-right: 8px;
	display: block;
	width: 79px;
	height: 72px;
	text-decoration: none;
    background-image: url(menuicons/login_on.jpg);
}


/* ------------------- navigation bar ------------------- */
#main_nav {
	background: #000000;
	height: 38px;
	text-align:center;
	}

  a.tab {
  margin-left: 5px;
	display: block;
	width: 48px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/home_tab.gif);			
}
a.tab:hover {
        background-position: 0 -76px;
}	

a.tab_retail {
	display: block;
	width: 97px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/retail_tab.gif);
}
a.tab_retail:hover {
        background-position: 0 -76px;
}
a.tab_supply {
	display: block;
	width: 115px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/supply_tab.gif);
}
a.tab_supply:hover {
        background-position: 0 -76px;
}
  a.tab_r {
	display: block;
	width: 237px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/relations_tab.gif);
}
a.tab_r:hover {
        background-position: 0 -76px;
}	

a.tab_why {
	display: block;
	width: 163px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/whyseymour_tab.gif);
}
a.tab_why:hover {
        background-position: 0 -76px;
}
a.tab_d {
	display: block;
	width: 80px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/directors_tab.gif);
}
a.tab_d:hover {
        background-position: 0 -76px;
}
a.tab_int {
margin-right: 0;
	display: block;
	width: 148px;
	height: 38px;
	text-decoration: none;
    background-image: url(tabs/seymour_int_tab.gif);
}
a.tab_int:hover {
        background-position: 0 -76px;
}
.nav {
margin-top: 18px;
color:#ffffff;
font-size: 12px;
font-weight:bold;
}
	
/* ------------------- middle blue bar ------------------- */

#mid_bar {
	background: #64b8e9;
	background:url(images/content_short.png) repeat-x top left;
	height: 150px;
}
#intro_left {
float : left;
width : 520px;
margin : 0 0 0 10px;
padding : 25px;
border : none;
list-style-type : none;
}

div.row span.left {
  float: left;
  margin:35px 0 0 10px;
  height: 70px;
  background:url(images/client_login.png) no-repeat;
 width: 341px;
  }

div.row span.right {
  float: right;
  height: 144px;
  background:url(images/device_right.png) no-repeat;
  width: 80px;
background-position:-60% 50%;
  }
  

/* ------------------- white content bar ------------------- */
#content {
background: #fff;
width: 900px;
	height: 290px;
}
#device {
float : left;
background-image:url(images/device_main.jpg);
background-position:100% 100%;
background-repeat:no-repeat;
border : none;
height: 290px;
width: 100px;
}

#col1 {
float : left;
line-height:20px;
width : 390px;
margin : 0 10px 0 15px;
padding : 0;
border : none;
}

#pic {
float : right;
background-image:url(images/smithfield_c.png);
background-position:0 70%;
background-repeat:no-repeat;
border : none;
height: 280px;
width: 355px;
}

/* ------------------- black footer strip ------------------- */
#footer {
clear:both;
	background-image:url(images/footer_curve.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
	height: 70px;
	text-align:center;
}

#navlist {
padding: 5px 0 0 0;
list-style-type: none;
color:#ffffff;
font-size: 12px;
font:bold;
line-height: 19px;
}

#navlist a {
color:#ffffff;
font:bold;
text-decoration:none;
}
#navlist a:hover {
color:#0099ff;
font:bold;
text-decoration:none;
}
#navlist a:visited {
color:#cccccc;
font:bold;
text-decoration:none;
}
#navlist a:active {
color:#ffffff;
font:bold;
text-decoration:none;
}

#copyright {
text-align:center;
	color:#FFFFFF;
	font-size: 10px;
	font:bold;
	line-height: 16px;
}