/*	Name : 	seiko1.css
	Created By : Raymond Allo , Pebble IT
	Date : 	26 - Aug - 2006
	Purpose : 	This the main CSS used for Seiko Service Web site. 
			It is used by all pages. 
*/

body {
	/*text-align: center; */
	margin-top:10px;
	
}
td,body,p,div,span{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
}
	
#container {
	position: relative;
	width: 763px;
	margin: 0px ;
	display: table;
	border: 1px solid #c7c7c7;
}

#container2 {
	position: relative;
	width: 1000px;
	margin: 3px;
	display: table;
	border: 1px solid #c7c7c7;
}

#header {
	width: 763px;
	height: 55px;
}

#header2 {
	width: 1000px;
	height: 55px;
}

#skLogo {
	width:145;
	height:52;
	float:left;
}

#region {
	padding-left: 50px;
	float:left;
	margin-right: 8px;
	margin-top: 28px;
	font-weight: bold;
	font-size: 1.2em;
}

#skMessages {
	text-align: center;
	margin-top: 0px;
}

#skSuccess{
	margin: 5px auto;
	font-size: 12px;
	color: black;
	background: #99FF66;
	width: 300px;
	height: 18px;
	background-repeat: no-repeat;
	padding: 5px;
	border: 1px black solid;
	border-right: none;
	border-left: none;
}


#skNotification{
	margin: 5px auto;
	padding: 5px;
	font-size: 12px;
	color: #333;
	text-align: center;
	vertical-align:	top;
	border: 1px #aaa solid;
	border-right: none;
	border-left: none;
	background-color: #ddd;
	width: 600px;
}

#skNavbar {
    float: right;
	width: 420px;
	padding-right: 0px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:right;
	font-size: 0.8em;
	font-weight: bold;
}
#skNavBar a, skNavBar a:visited {
	color: #000;
	text-decoration: none;
	padding-left: 3px;
}

#skNavBar a:hover {
    text-decoration:underline;
	color:red;
}

#loginbar {
	width: 300px;
	height:33px;
	float: left;
	margin: 0px;
	margin-left:5em;
}

#menubar {
	width: 763px;
	height:33px;
	background:url(/i/seiko/pages/bg_cat2.png);
	float: left;
	margin: 0px;
}

#menubar2{
	height:33px;
	width: 1000px; 
    background:url(/i/seiko/pages/bg_cat2.png);
	margin: 0px;
	float: left;
}

#main_img {
    margin: 0px;
	width:763px;
	height:167px;
	padding:0px;
	float: left;
}

#content {
	width: 250px;
	position:relative;
	height:168px;
	float: left;
}
#imageseparator {
    position:relative;
	height:171px;
	float: left;
	border-left:1px solid #c7c7c7;
}

#content_in {
	width: 175px;
	height:168px;
	padding:14px 10px 0px 25px;
	float:left;
}

#content_in a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.3em;
	color: #666;
	text-decoration: none;
	white-space: nowrap; 
}

#content_in a:hover {
	text-decoration: underline;
}

#clearblock {
	padding: 0px;
	margin: 0px;
	float: left;
}

#copyright {
	padding: 0px;
	margin: 3px ;
	width: 763px;
	text-align: left;
    font-size:0.8em;
}
#thirdblock {
	padding:0px;
	margin:0px;
	float:left;
}
#submenu {
    padding: 0px;
	margin-top: 5px;
    width: 220px;
	float: left;
}

#dataarea {
	padding-left: 15px;
	margin:0px;
	float: left;
	width: 640px;
	border-left: 1px solid #c7c7c7;
}

#sidemenulist {
	list-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;	
	line-height: 3em;
	font-weight: bold;
	color: #999;

}
#sidemenulist li a {
	display: block;
	color: #666;
	text-decoration: none;
	white-space: nowrap; 
}

#sidemenulist li a:hover {
	background-color: #CCC;
	border: 1px solid #999;
}

#subnavigation {
	margin-top:5px;
	width:200px;
	padding: 0px;
}