/* CSS Document */

/************************
 *   GLOBAL SELECTORS   *
 ************************/
a:link, a:visited { color: #06c; text-decoration:underline; }
a:hover { color:#09c; }
body {
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	margin: 5px 5px 0px 5px;
}
img { border: 0; }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #699;
}
/**************
 *   HEADER   *
 **************/
#container {
	background: #FFF;
	margin: 0 auto;
	width: 780px;
	text-align: left;
}
#header {
	background: #f4f4f4 url(../images/hdr_bg.gif);
	width: 780px;
	height: 68px;
	border: 1px solid #CCC;
	overflow: hidden;
}
#header a:link, #header a:visited { color: #06c; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#header_top {
	background: url(../images/hdr_search_top.gif) no-repeat bottom right;
	height: 38px;
	clear:both;
}
#header_top_imgs {
	float: left;
	width: 254px;
	height: 38px;
	overflow: hidden;
}
#header_text {
	float: left;
	font-size: 12px;
	margin-top: 14px;
	margin-left: 3px;
	width: 285px;
	height: 16px;
	overflow: hidden;
}
#header_cart {
	float: right;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 4px;
}
#header_bottom {
	font-size: 14px;
	height: 30px;
	overflow: hidden;
}
#header_bottom a:link, #header_bottom a:visited { color: #545f60; text-decoration:none; }
#header_bottom a:hover { color: #000; text-decoration:none; }
#nav_home {
	margin-left: 0px;
	border-left: 1px solid #ccc;
}
#nav_home, #nav_browse, #nav_services, #nav_unlocking, #nav_contact {
	border-right: 1px solid #ccc;
	display: inline;
	position: relative;
	bottom: 10px;
	padding: 6px 7px 7px 7px;
}
#nav_home:hover, #nav_browse:hover, #nav_services:hover,  #nav_unlocking:hover, #nav_contact:hover {
	background: #f3ffff url(../images/menu_bg_hover.gif);
}
#nav_search {
	background: url(../images/hdr_search_bg.gif) no-repeat;
	position: relative;
	left: 525px;
	top: -33px;
	padding-left: 40px;
	width: 255px;
}
#nav_search form {
	display: inline;
	margin: 0;
}
#nav_search #search {
	background: #fff url(../images/hdr_search_field.gif) no-repeat;
	background-position: left;
	border: 0;
	color: #545f60;
	padding: 4px 8px 4px 8px;
	height: 20px;
	width: 155px;
}
#nav_search #search:focus {
	background: #fff url(../images/hdr_search_field_focus.gif) no-repeat;
}
#nav_search_gobtn {
	cursor: pointer;
	vertical-align: top;
}
/**********************
 *   CONTENT & MENU   *
 **********************/
#content_container {
	width: 780px;
}
#menu_container {
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-top: 0;
	float:left;
	margin: 0px 0px 20px 0px;
	padding: 4px;
	width: 130px;
}
.menu_sub {
	background: #4c5859;
	border: 1px solid #fff;
	color: #aebcbd;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
}
.menu_sub tr {
	background: #657273;
}
.menu_sub tr:hover {
	background: #8a9798;
}
.menu_sub a:link, .menu_sub a:visited { color: #fff; text-decoration:none; }
.menu_sub a:hover { text-decoration: underline;}
#content {
	float: left;
	margin: 0;
	padding: 8px 0px 10px 8px;
	width: 630px;
}
#content_box {
	background: #fafafa;
	border: 1px solid #eee;
	color: #555;
	font-size: 13px;
	padding: 10px;
}
#page_header {
	border: 1px solid #000;
	margin-bottom: 5px;
	overflow: hidden;
	width: 630px;
	height: 84px;
}
#bottom_top {
	clear: both;
	width: 100%;
	height: 14px;
	margin: 10px 0px 0px 0px;
}
#bottom {
	background: #f7f7f7 url(../images/inzendesign_sm.gif) no-repeat bottom right;
	border: 1px solid #ccc;
	border-top: 0px;
	margin-top: 0px;
	clear: both;
	color: #999;
	line-height: 18px;
	font-size: 12px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	width: 100%;
}
#bottom a:link, #bottom a:visited { color: #777; text-decoration:underline; }
#bottom a:hover{ color: #000; }
/**********************
 *   CONTENT STYLING  *
 **********************/
.nav {
	background: #fafafa;
	border: 1px solid #eee;
	color: #aaa;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 5px;
}
.nav a:link, .nav a:visited { color: #699; text-decoration:none; }
.nav a:hover { text-decoration:underline; }
.navjump {
	text-align:right;
}
.page_nav {
	color: #444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin: 6px 0px 6px 0px;
}
.page_nav a {
	background: #fff;
	border: 1px solid #999;
	padding: 2px 4px 2px 4px;
}
.page_nav a:link, .page_nav a:visited { color: #699; text-decoration:none; }
.page_nav a:hover { background: #ccc; color: #fff; }
.infobar {
	background: #fafafa;
	color: #444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
.notice {
	background: #fafafa;
	color: #888;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding: 5px;
	margin-top: 5px;
}
.list {
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #666;
	font-size: 14px;
	text-align:center;
}
.list th {
	background: #f4f4f4 url(../images/grd_cyan.gif) repeat-x;
	border-bottom: 2px solid #aaa;
	font-weight: bold;
	height: 30px;
	padding: 0px 0px 0px 8px;
}

.list th a:link, .list th a:visited { color: #486161; text-decoration:none; }
.list th a:hover { text-decoration: underline; }
.list a:link, .list a:visited { color:#486161; text-decoration:none; }
.list a:hover { text-decoration:underline; }

.trow1 td { background: #eee; border-bottom: 2px solid #e0e0e0; }
.trow2 td { background: #f4f4f4; }
.trow2 div { background: #fff; }
.trow3 td { background: #eee; border-top: 2px solid #e0e0e0; font-size: 0.9em;}
.trow4 td { background: #eee; border-bottom: 2px solid #aaa; }

.list .trow2 a:link div, .list .trow2 a:visited div { border: 1px solid #e0e0e0; }
.list .trow2 a:hover div { border: 1px solid #869f9f; }

.blist {
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #666;
	font-size: 14px;
}
.blist th {
	background: #f4f4f4 url(../images/grd_cyan.gif) repeat-x;
	border-bottom: 2px solid #aaa;
	font-weight: bold;
	height: 30px;
	padding: 0px 0px 0px 8px;
}

.brow1 td { background: #eee;}
.brow2 td { background: #f4f4f4; }

.blist a:link, .blist a:visited { color:#486161; text-decoration:none; }
.blist a:hover { color: #699; text-decoration:underline; }

.blist_image { background: #fff; text-align:center; }

.blist a:link div.blist_image, .blist a:visited div.blist_image { border: 1px solid #e0e0e0; }
.blist a:hover div.blist_image { border: 1px solid #869f9f; }


/* Simple stuff */
.strike { text-decoration:line-through; }
.bold { font-weight:bold; }
.red { color: #c00; }
.small { font-size: 0.85em; }
.smaller { font-size: 0.7em; }
