/* Main styling for PetRosEiKon.com */

/* Layout */
/* note: all selectors ending with front are for the front page */

body {
	margin: 0;
	padding: 0;
	font: small/1.3em Verdana, sans-serif;
	text-align: left;
	color: #fff;
	background: #829bb0;
	z-index: -1;
}

#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.home #content {
	background: #fff url("../images/bg/hmcolumn-bg.png") repeat-y;
}

#content {
	background: #fff url("../images/bg/column-bg.png") repeat-y;
	float: left;
	position: relative;
	width: 1020px;
}

.bodyfont {
	font: 85%/1.3em Verdana, sans-serif;
}

/* IE 3-pixel fix
	 http://www.positioniseverything.net/explorer/threepxtest.html \*/
* html #content, html #contentfront {
	margin-right: -3px;
	z-index: -1; /* IE menu fix */
}
/**/

/* Left column */
#side {
	width: 231px;
	float: left;
	position: relative;
	font: 85%/1.3em Verdana, sans-serif;
}

/* Padded content container */
#side .container {
	padding: 5px 10px;
}

/* No margin at the bottom for "(more)" links */
#side .container p {
	margin: 0;
}

/* Main column */
#main {
	background: #fdedd4;
	width: 785px;
	float: right;
	color: black;
	background-position: right center;
	font: 85%/1.3em Verdana, sans-serif;
}

#sidefront {
	margin:20px 0 20px 30px;
	width:231px;
	height:178px;
	background: transparent url('../images/bg/frontpagebg.png') center center no-repeat;
}

/* Padded content container */
#main .container {
	padding: 5px 20px;
}

#main .container p {
	margin: 0.5em 0;
}

/* Main Header */
#header {
	width: 100%;
	height: 132px;
	background: #fff url("../images/header/home_header.gif") no-repeat;
}

#homeheader {
	width: 100%;
	height: 240px;
	background: #fff url("../images/header/home_header-5.png") no-repeat;
}

/* Logo */
#logo {
	float: left;
	width: 186px;
	height: 50px;
	margin: 21px 0 0 30px;
	padding: 0;
	border-width: 0;
	text-decoration: none;
	/* Without this, IE will double margin-left size o.O
	http://www.positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
}

#logo img {
	/* text-indent: none; */
	z-index: 10;
}

#logo img a {
	text-decoration: none;
}

.home #logo {
	margin: 24px 0 0 28px;
}

/* Nav menu */
#nav {
	width: 100%;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	color: #fff;
	background-color: #b09e82;
}

/* Padded navigation container */
#nav .container {
	height: 24px;
	color: #fff;
	/* Following needed to keep menu from hiding */
	z-index: 999;
}

/* In case JavaScript is disabled, use this list */
#nav .container ul {
	margin: 0;
	padding: 4px 0px 6px 4px;
	list-style: none;
	font: 12px Verdana, Sans-serif;
}

#nav .container ul li {
	display: inline;
	margin: 0 0 0 -4px;
	padding: 4px 3px 6px 0px;
	background: url(../images/bg/navdiv.png) no-repeat right;
}

#nav .container ul li a:link, #nav .container ul li a:active, #nav .container ul li a:visited {
	padding: 4px 11px 6px;
	text-decoration: none;
	border: none;
	color: #fff;
}

#nav .container ul li a:hover {
	background: #c4b090;
}

/* Footer */
.home #footer {
	background: url('../images/bg/rkfooter.png') no-repeat;
	font-family: Arial;
	font-size: 1.1em;
	padding: 5px;
	margin-left: 400px;
	margin-top: 540px;
}

#footer {
	margin-left: 120px;
	margin-top: 50px;
	background: url('../images/bg/rndfooter.png') no-repeat;
	width: 506px;
	height: 50px;
	text-align: center;
	color: #fff;
}

#footer p {
	font: x-small/1.3em Helvetica, Verdana, sans-serif;
	color: #fff;
	margin: 0;
	padding: 5px;
	text-align: center;
}

/* Left-column items */
#search, #ml {
	color: black;
	margin: 0 0 10px 0px;
	padding-bottom: 5px;
}

#news {
	border-bottom: 1px #ccc dotted;
}

/* Links */
a:link {
	text-decoration: none;
	border-bottom: 1px black dotted;
	color: black;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	border-bottom: 1px black dotted;
	color: black;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px black solid;
	color: black;
}

a:active {
	text-decoration: none;
	border-bottom: 1px black dotted;
	color: black;
}

a.plain:link, a.plain:visited, a.plain:hover, a.plain:active {
	text-decoration: none;
	border: none;
	font-weight: normal;
	color: inherit;
}

a.white:link, a.white:visited, a.white:hover, a.white:active {
	text-decoration: none;
	border: none;
	color: white;
}

a.blue:link, a.blue:visited, a.blue:active {
	border-bottom: 1px #009 dotted;
	color: #009; 
}

a.blue:hover {
	border-bottom: 1px #009 solid;
	color: #009;
}

h3 a:link, #side a, #footer a, .ltnotice a, .notice a, .linenotice a,
.tab a, .links a, .errorpage a, .smltab a, .dkbox a{
	color: white;
	border-bottom: 1px white dotted;
	font-weight: bold;
}

h3 a:visited {
	color: white;
	border-bottom: 1px white dotted;
	font-weight: bold;
}

#side a:visited, #footer a:visited, .ltnotice a:visited, .notice a:visited, 
.linenotice a:visited, .tab a:visited, .links a:visited, .errorpage a:visited, .smltab a, .dkbox a{
	color: white;
	border-bottom: 1px white dotted;
	font-weight: normal;
}

h3 a:hover, #side a:hover, #footer a:hover, .ltnotice a:hover, .notice a:hover, 
.linenotice a:hover, .tab a:hover, .links a:hover, .errorpage a:hover, .smltab a, .dkbox a{
	color: white;
	border-bottom: 1px white solid;
}

/* Headings */
h1 {
	height: 62px;
	background: url('../images/bg/rndheader.png') no-repeat;
	font-size: 2em;
	text-align: left;
	line-height: 1.2em;
	padding: 35px 0 0 65px;
	color: white;
}

h2 {
	top: -3em;
	left: 3.9em;
	font-size: 1.5em;
	text-align: left;
	line-height: 1.2em;
	clear: left;
	position: relative;
	color: white;
	margin-bottom: -1em;
}

h3 {
	width: 230px;
	height: 23px;
	background: #829bb0 url('../images/bg/rndh3.png') no-repeat left top;
	font-size: 1.4em;
	padding: 5px 0 0 15px;
	text-align: left;
	line-height: 1.2em;
	clear: left;
	position: relative;
	color: white;
}

#software {
	background: #364f64 url('../images/bg/hmnotice.png') no-repeat left top; 
	height:27px;
}

h5 {
	font-size: 1.2em;
	margin: 5px 0px;
	padding: 0.1em;
	text-align: left;
	line-height: 1.2em;
	clear: left;
	position: relative;
}

.headerfront {
	color: #fff;
	font-family: Arial Black;
	height: 70px;
	width: 673px;
	line-height: 1.5em;
	padding-top: 30px;
	background: url('../images/bg/rkheader.png') no-repeat center center;
	font-size: 2em; text-align: center;
	margin-left: 310px;
}

/* Round Corner box */
.thinbox {
	margin-bottom: 5px;
	padding-bottom: 20px;
	width: 213px;
	background: #645540 url("../images/bg/bottom.png") no-repeat left bottom;
}

.thintop {
	padding: 20px 10px 0px 20px;
	background: url("../images/bg/top.png") no-repeat left top;
}

.roundbox {
	width: 350px;
	height: 320px;
	background: #829bb0 url("../images/bg/roundbox.png") no-repeat left bottom;
	color: black;
	position:absolute;
	left:370px;
	top:150px;
}

.boxbottom {
	width: 249px;
	background: #829bb0 url("../images/bg/bottomtab.png") no-repeat left bottom;
	color: black;
	position:relative;
	margin-bottom: 10px;
	left:350px;
	font: 85%/1.3em Verdana, sans-serif;
}

.boxtop {
	background: url("../images/bg/toptab.png") no-repeat left top;
}

.roundbox .main {
	text-align: left;
	padding: 90px 20px 5px 20px;
}

.roundbox .pic {
	border: 2px solid black;
	position: relative;
}

.boxbottom .main {
	text-align: left;
	padding: 80px 20px 20px 10px;
}

.boxbottom a img, .roundbox a img {
	padding-top: 15px;
	position:absolute;
}

.boxbottom li, .roundbox li {
	background: url("../images/lists/bullet-dark.png") no-repeat left 4px;
	text-indent: 10px;
}

.dkbox {
	background: url("../images/bg/dkbox.png") no-repeat bottom;
	color: white;
	width: 370px;
	text-align: center;
	color: white;
	margin: 1em auto;
}

.dkboxtop {
	background: url("../images/bg/dkboxtop.png") no-repeat;
	padding: 2em;
}

/* Two-column box */
.box2 {
	float: left;
	width: 100%;
	background: transparent url("../images/bg/2box-bg-1.png") repeat-y;
	background-position: center center;
	margin-bottom: 1.5em;
}

.box2 .left2 {
	float: left;
	width: 350px;
	margin: 0;
	position: relative;
}

.box2 .left2 .container2 {
	padding-right: 2px;
	padding-left: 0;
}

.box2 .right2 {
	float: right;
	width: 350px;
	margin: 0;
	position: relative;
}

.box2 .right2 .container2 {
	padding-left: 2px;
	padding-right: 0;
}

/* Lists */

ul li {	margin-bottom: .5em;	}

ul.news, ul.sidemenu, ul.resources {
	list-style: none;
	padding: 0; /* needed for FF and Opera */
	margin: 0; /* needed for IE */
}

ul.news li, ul.sidemenu li, ul.resources li {
	background-image: url("../images/lists/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0.1em .4em;
	padding-left: .8em;
	margin-bottom: .5em;
	margin-top: 1em;
	line-height: 1.2em;
	text-align: left;
}

/* Inserted in relevant places in various pages */
.tab {
	width: 237px;
	height: 59px;
	background: url('../images/bg/tab.png') no-repeat;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
}
.smltab {
	width: 185px;
	height: 83px;
	background: url('../images/bg/smltab.png') no-repeat;
	text-align: left;
	padding-left: 30px;
	padding-top: 15px;
}

ul.links {
	width: 514px;
	height: 47px;
	list-style: none;
	background: #829bb0 url('../images/bg/flattab.png') no-repeat;
	padding: 9px 0 0 30px;
}

ul.links li {
	background-image: url("../images/lists/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0.1em .4em;
	padding-left: .8em;
}

ul#up {
	list-style: none;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.2em 0;
	border-bottom: 1px #ccc dotted;
}

ul.sidemenu li.up {
	background-image: url("../images/lists/bullet-up-orange.png");
	background-repeat: no-repeat;
	background-position: 0 1em;
	padding: 0.5em 0 0 .8em;
	margin: 0;
	line-height: 1.2em;
	text-align: left;
}
ul.resources li {
	margin: 0;
}

ul.home_products {
	list-style: none;
	margin: 3px 0 10px 0;
	padding: 0;
}
ul.home_products li, ul.home_products_2col li {
	display: inline;
	background-image: url("../images/lists/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;
	padding-right: 1em;
	margin-bottom: .5em;
	line-height: 1.1em;
}

ul.home_products_2col {
	list-style: none;
	margin: 3px 0 3px 0;
	padding: 0;
}

ul.main {	list-style: none; margin: 0; padding: 0; 	}
ul.main li {	margin-top: 0.5em;	}

ul.centered {
	list-style: none;
	text-align: center;
	margin: 1em;
	padding: 1em;
}
ul.centered li {	margin:0; padding:1em; border: 1px solid #ccc; border-bottom:none;	}

ul.prices {
	list-style: none;
	padding: 0;
	margin: .5em;
}
ul.prices li {
	background-image: url("../images/lists/bullet-darkblue.gif");
	background-repeat: no-repeat;
	background-position: 0.1em .4em;
	padding-left: .8em;
	line-height: 1.2em;
	text-align: left;
}
ul.prices li a:link, ul.prices li a:visited, ul.prices li a:hover, ul.prices li a:hover, ul.prices li a:active {
	font-size: x-small;
}

ol {
	padding: 1em;
	margin: 1em;
}

ol li {
	margin-bottom: .5em;
	line-height: 1.1em;
}

/* Used on the Technical Papers page */
ol.papers li {
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	border-bottom: 1px dotted Black;
}
ol.papers li .lnk { margin-left: 2em; margin-top: 4px; }

/* Used in left columns for Product Descriptions */
ul.proddesc li {
	list-style: none;
	text-align: left;
	margin-bottom: .5em;
	margin-top: .2em;
	line-height: 1.1em;
}

/* Tables */
table {
	font: inherit;
}

table.emigma7775, table.pricelist, table.news {
	text-align: left;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	width: 100%;
}

table.emigma7775 td {
	border: 1px #000 solid;
}

table.emigma7775 td div, table.pricelist td div {
	margin: 2px;
}

table.emigma7775 thead, table.emigma7775 td div.title, table.pricelist thead {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	line-height: 1.1em;
}

table.pricelist thead {
	text-align: left;
}

table.pricelist td {
	padding: 2px 0;
}

table.news thead {
	text-align: center;
	font-weight: bold;
}

table.news tbody td {
	border-top: 1px solid Gray;
	padding: 3px;
}

table.emigma7775 tr {
	background-color: #99a6b0;
}

table.emigma7775 tr.subtitle {
	background-color: #829bb0;
}

table.emigma7775 td div.subtitle {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1em;
}

table.reseller td {
	vertical-align:top;
}

table.blue {
	background-color: #99a6b0;
	border: 1px #000 solid;
}

table.green {
	background-color: #b09e82;
	border: 1px #000 solid;
}

table.green2 {
	background-color: #99a6b0;
	border: 1px #000 solid;
}

table.orange {
	background-color: #829bb0;
	border: 1px #000 solid;
}

table.yellow {
	background-color: #829bb0;
	border: 1px #000 solid;
}

/* Images */
img {	border: 0;	}
a:link img, a:visited img, a:hover img, a:active img {	border:0; text-decoration:none;	} /* doesn't seem to work */
img.mid {	vertical-align: middle;	}

#lightbox{
	color: #444;
	background-color:#eee;
	padding: 10px;
	border: 1px solid Black;
	z-index: 99999;
}
#lightbox a {	border:0; text-decoration:none;	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url('../images/bg/lb_overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg/lb_overlay.png", sizingMethod="scale");
}


/* Thumbnails */

div.thumb {
	margin-bottom: 1.5em;
	width: auto;
}

/* Thumbnail container */
div.thumb div.tcontain {
	border: 1px #000 solid;
	padding: 5px;
	background: #829bb0;
	text-align: center;
	overflow: hidden;
}

/* Align thumbnail right */
div.tright {
	clear: right;
	float: right;
	margin-left: 1em;
}

/* Align thumbnail left */
div.tleft {
	clear: left;
	float: left;
	margin-right: 25px;
}

div.enlarge {
	font-size: 0.8em;
	font-style: italic;
}

div.description {
	font-weight: bold;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}

input {
	border: 1px #000 solid;
}

textarea {
	border: 1px #000 solid;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #444;
	font-weight: bold;
}

.field {
	font: 1em Verdana, sans-serif;
	color: #444;
	font-weight: bold;
}

.field_noborder {
	font: 1em Verdana, sans-serif;
	color: #444;
	font-weight: bold;
	border: 0;
}

select.basestyle {
	font: 1em Verdana, sans-serif;
	color: #444;
	font-weight: bold;
}

/* Misc */

/* Text */
.small {
	font-size: x-small;
}

/* Align */
.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

/* Paragraphs */
#main .container p.half_p {
	margin-top: 0;
	margin-bottom: 0.5em;
}

/* News Articles */
#main .container div.article_head {
	border-left: 3px solid Gray;
	padding-left: 2em;
	margin-top: 1em;
	font-style: italic;
}

#main .container div.article_body {
	border: 1px solid #c2c2c2;
	background: #f6f6f6;
	padding: 1em;
	line-height: 1.3em;
}

/* Highlights */
.highlight_orange { color: #f93; }

.highlight_red { color: #f00; }

.highlight_red2 { color: #c00; }

.highlight_blue { color: #009; }

.highlight_green { color: #073; }

/* "Notice" Paragraphs/Divs/Spans */
div.ltnotice {
	width: 473px;
	height: 46px;
	background: #829bb0 url('../images/bg/flattab.png') no-repeat;
	padding: 10px 10px 0 30px;
	text-align: center;
	color: white;
	margin: 0 0 10px 120px;
}

.linenotice {
	width: 496px;
	background: url('../images/bg/hmnotice.png') no-repeat;
	margin: 0.5em 0em 0.5em 250px;
	padding: 0.2em;
	text-align: center;
	color: white;
}
div.indent {
	margin-left: 40px;
}

div.notice {
	width: 370px;
	background: #364f64 url('../images/bg/noticebtm.png') no-repeat left bottom;
	text-align: center;
	color: white;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.noticetop {
	background: url('../images/bg/noticetop.png') no-repeat left top;
	padding: 1.5em;
}

div.sidemenu {
	line-height: 1.3em;
}

div.sidemenu #tableicn {
	margin-bottom: 1.5em;
}

div.box {
	background: url('../images/bg/rndproduct.png') no-repeat;
	margin-top: 1em;
	padding: 3em 0.5em;
	text-align: center;
}

.basicbox {
	background: url('../images/bg/rndbasic.png') no-repeat;
	margin-top: 1em;
	padding: 2em 1em;
	text-align: center;
	height: 360px;
}

ul.news .entry {
	border-left: 3px solid #ccc;
	padding-left: 0.5em;
	background: transparent;
}

ul.news .entry p { margin:0; }

div.button {
	margin: 1em;
	padding: 0;
}
div.button span { padding-bottom: 1px; }
div.button a.pdfLink, div.button a.pdfLink:link {
	text-decoration: none;
	border: 1px solid Gray;
	background-color: #f6f6f6;
	font-weight: bold;
	padding: .5em 1em;
	position: relative;
}
div.button a.pdfLink:hover {
	border: 1px solid black;
	background-color: #ffeeff;
}
div.button a img { vertical-align: middle; }

div.floatRight { float: right; width: auto; }
div.floatLeft { float: left; width: auto; }

/* HRs */
hr {
	width: 80%;
	text-align: center;
	border: none;
	border-bottom: 1px solid #000;
}

.errorpage {
	text-align: center;
	padding: 2.5em 2em;
	margin: 20% auto 0;
	width: 460px;
	background: url('../images/bg/error.png') no-repeat;
}

div.bevelled_btn {
	height: 1.5em;
	width: 3.5em;
	position: relative;
	font-family: Verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: white;
	background-color: #364F64;
	border: 1px solid;
	border-color: #FFF #000 #000 #FFF;
	padding: 0px 3px 1px 3px;
	margin: 0;
}