/*
	CSS Style Definitions for Incubators
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2F68A9; text-align:center; }
#page-container{ width: 770px; margin: 0 auto; text-align:left; }
	#header{ width: 770px; float:left; background: url("../images/header.jpg") no-repeat; height:91px; position:relative; }
	#navigator{ width: 770px; float:left; height: 25px; background: url("../images/bg-nav-div.gif") repeat-x; }
	#masthead{ width: 770px; float:left; background: url("../images/masthead.jpg") no-repeat; height:230px; position:relative; }
		#masthead p{ color: #fff; width: 340px; position: absolute; top: 112px; left: 12px; }
		* html #masthead p{ top: 122px; }
	#content{ width: 770px; float:left; background: url("../images/bg-left.gif") repeat-y; }
		#left-side{ width: 181px; float:left; }
		#right-side{ width: 589px; float:left; }
	#footer{ width: 770px; float:left; clear:both; border-top:1px solid #2F68A9; }
		#footer p{ padding: 0 0 0 8px; font-weight:bold; }
		* html #footer p{ padding: 10px 0 0 8px; font-weight:bold; }
		#footer ul{ margin: 10px 0 0 0; }

/* header's links */
#header a{ position: absolute; display: block; }
#header a#home{ top: 12px; left:18px; width: 208px; height:67px; }
#header a#poultry{ top: 37px; left: 254px; width: 58px; height: 18px; }
#header a#exotics{ top: 37px; left: 354px; width: 60px; height: 18px; }
#header a#birds{ top: 37px; left: 469px; width: 106px; height: 18px; }
#header a#reptiles{ top: 37px; left: 641px; width:66px; height:18px; }

/* navigator links */
#navigator ul{ margin: 0 25px 0 0; padding:0; list-style: none; height: 25px; float:right; }
* html #navigator ul{ margin: 0 13px 0 0; padding:0; list-style: none; height: 25px; float:right; }
#navigator ul li{ float:left; background: url("../images/bg-nav.gif") no-repeat top right; }
#navigator ul li a:link, #navigator ul li a:visited, #navigator ul li a{ color: #fff; font-weight:bold; text-decoration: none; display: block; height: 15px; padding: 5px 19px 5px 16px;  }
#navigator ul li a:hover, #navigator ul li a:active{}
* html #navigator ul li a, * html #navigator ul li a:link, * html #navigator ul li a:visited{ display: inline-block; }

/* left products */
#left-side dl{ margin:4px 5px 4px 4px; padding:0; }
#left-side dl dt{ margin: 2px 0; padding: 3px 3px 3px 3px; background: #2F68A9; color: #fff; font-weight:bold; }
#left-side dl dt a{ color: #fff; text-decoration: none; }
#left-side dl dd{ margin: 2px 0; padding: 3px 3px 3px 18px; }
#left-side dl dd a, #left-side dl dd a:visited, #left-side dl dd a:link{ color: #fff; text-decoration: none; }
#left-side dl dd a:active, #left-side dl dd a:hover{}

/* site wide elements */
.inside{ padding:12px 0 12px 12px; }

#right-side h1{ font-weight:bold; font-size: 12px; border-bottom:1px solid #2F68A9; margin: 0 0 12px 0; font-family: arial, sans-serif; }
#right-side p{ margin: 0 0 12px 0; }

dl.prods{ margin: 0 3px 0 0; padding:0; float:left; width: 186px; border: 1px solid #2F68A9; }
dl.prods.middle{ margin: 0 6px; }
dl.prods dt{ text-align: center; margin:0; padding: 4px 0; height: 160px; }
dl.prods dt a{  }
dl.prods dt a img{  }
dl.prods dd{ margin:0; padding:0; }
dl.prods dd.middle{ padding:6px 0; }
dl.prods dd a{ font-weight:bold; color: #2F68A9; text-decoration: none; }
dl.prods dd em{ width: 93px; display: block; float:left; text-align:center; background-color:#80A3CB; color: #fff; padding:4px 0; font-style: normal; font-weight:bold; }
dl.prods dd a.buy{ width: 90px; display: block; float:left; text-align:center; background: url("../images/bg-buy.gif") no-repeat center right; padding: 4px 3px 4px 0; color:#fff; text-decoration: none; }

ul.simple-nav{ padding:0; list-style: none; }
ul.simple-nav li{ float:left; margin: 0; padding: 0 16px; border-right: 1px solid #2F68A9; }
ul.simple-nav li.last{ border-right: none; }
ul.simple-nav li a, ul.simple-nav li a:link, ul.simple-nav li a:visited{ color: #2F68A9; font-weight:bold; text-decoration: none; text-transform:capitalize; }
ul.simple-nav li a:active, ul.simple-nav li a:hover{ color: #898989; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

ul#breadcrumb {
	overflow: visible;
	margin: 0 0 5px 0;
padding: 0;
}
ul#breadcrumb li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
list-style: none;
}


/* added for mutli-psp */
div.error { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #E0B2B2; border-left: 1px solid #E0B2B2; border-bottom: 1px solid #990000; border-right: 1px solid #990000; background-color: #FFF0F0; color: #990000; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(/images/admin/error.png) 5px 5px no-repeat #FFF0F0; }
div.error h3 { font-size: 1.2em; font-weight: bold; color: #990000; margin: 0px; }
div.error hr { border-bottom: 1px solid #E0B2B2; border-top: none; border-left: none; border-right: none; height: 1px; }
div.error p { font-size: 10px; color: #990000; font-weight: normal; margin: 0px; padding: 0px; }
div.error a { font-weight: bold; }

/* Alert Messages */
div.alert { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #FFDC93; border-left: 1px solid #FFDC93; border-bottom: 1px solid #F0A300; border-right: 1px solid #F0A300; background-color: #FFFFCC; color: #333333; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(/images/admin/warning.png) 5px 5px no-repeat #FFFFCC; }
div.alert h3 { font-size: 1.2em; font-weight: bold; color: #333333; margin: 0px; }
div.alert hr { border-bottom: 1px solid #F0A300; border-top: none; border-left: none; border-right: none; height: 1px; }
div.alert p { font-size: 10px; color: #333333; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

form#details label {
float: left;
width: 12em;
margin-top: 0.5em;
font-weight: bold;
}
form#details input, form#details textarea, form#details span {
float: left;
margin-top: 0.5em;
font-size: 1em;
padding: 3px;
}
form#details br {
clear: both;
}
div.rightDetails {
float: right;
}
div#paypal_form {
margin-top: 10px;
}
div#protx_form {
margin-top: 10px;
}
div#protx_form img {
vertical-align: center;
}
form .checkoutbtn {
        float: right;
}
h3.problem {
        padding: 20px 5px 20px 5px;
        border: 2px solid #7C1C04;
        background: #FDD6CC;
        color: #7C1C04;
}
.field {
        text-align: right;
        font-size: 11px;
        font-weight: bold;
}


form.contactus{}
form.contactus label{ width:160px; float:left; display:block; }
form.contactus br{ clear:both; }