/***************************************************************
* Screen stylesheet for Wee Badgers (http://www.weebadgers.com)
* Created by Question Park (http://www.questionpark.com)
* Contact: stuart@questionpark.com
* Created: 13th November 2007
* Last Updated: 8th August 2010
***************************************************************/

/*******
* Body *
********/


body {
	background: url(../images/badge_spots.gif) 6px #3b3b3b;
	color: #333333;
	font-family:"Lucida Grande",Verdana,sans-serif;
	font-size: small;
}

html>body { /* be nice to Opera */
	font-size: small;
}

body img {
	border:0px;
}

p {
	line-height: 1.5em;
	padding:0pt 0pt 20px;
}

strong {
	font-weight: bold;
}

/**********
* Headers *
**********/

h1 {
	font-size: 150%;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	line-height: 2em;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	line-height: 2em;
}

/********
* Links *
*********/

a, a:visited {
	color: #332;
}

a:hover {
	color:#666;
}

#footer a, footer a:hover, footer a:visited {
	color: white;
}

/************
* Structure *
************/

#container {
	margin: 20px auto 0 auto;
	width: 808px;
}

#topmargin {
	height:10px; 
	background: #333;
}

#topmarginhome {
	height:40px;
}

#logoline {
	width:808px;
	height:62px;
}

#logo {
	width: 300px;
	float:left;
}

#topbox {
	height: 240px;
	width: 820px;
	margin-bottom: 20px;
}

#cartoon {
	float:left;
	padding:5px;
	margin-top: 5px;
	background: url(../images/cartoon-back.png) no-repeat;
}

#cartoon img {
	border: solid 0px #333;
}

#menu {
	position:absolute;
	width: 570px;
	margin-left:292px;
	margin-top: 10px;
	width: 677px;
	margin-left:185px;
}

* html #menu {
	margin-left:0px;
}

#contentcontainer {
	margin-top:30px;
}

#topbar {
	background: url(../images/top-bar.png) no-repeat;
	height:9px; /* Height of the above background image */
}

#content {
	background: white;
	margin-left: 1px;
	padding: 0 15px;
}

#bottombar {
	background: url(../images/bottom-bar.png) no-repeat;
	height: 26px; /* Height of the above background image */
}

#henlink {
	cursor: pointer;
	float:right;
}

#henlink img{
	cursor: pointer;
}

/*********
* Footer *
*********/

#footer {
	margin-top: 20px;
	height: 200px;
	background: #333;
	color: white;
}

#footer p{
	font-size: 85%;
}


#footerbox {
	margin: auto;
	width: 800px;

}

#about {
	margin-top: 10px;
	width: 280px;
	float:left;
	padding:10px;
}

#contact {
	margin-top: 10px;
	width: 250px;
	float:left;
	padding:10px;
	margin-left: 30px;
}

#credits {
	margin-top: 10px;
	width: 180px;
	float:left;
	padding:10px;
}

/*******
* Menu *
********/

.menubadge {
	float: left;
	margin-top:-10px;
}

#home-button a{
	width:106px;
	height:102px;
	background: transparent url(../images/home-button.png) no-repeat scroll left top;
	display: block;
}

#home-button a:hover{
	background-position: 0 -102px;
}

#contact-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/contact-button.png) no-repeat scroll left top;
	display: block;
}

#contact-button a:hover{
	background-position: 0 -107px;
}

#textbadges-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/textbadges-button.png) no-repeat scroll left top;
	display: block;
}

#textbadges-button a:hover{
	background-position: 0 -107px;
}

#sizesandprices-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/sizesandprices-button.png) no-repeat scroll left top;
	display: block;
}

#sizesandprices-button a:hover{
	background-position: 0 -107px;
}

#howtoorder-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/howtoorder-button.png) no-repeat scroll left top;
	display: block;
}

#howtoorder-button a:hover{
	background-position: 0 -107px;
}

#urgentorder-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/urgentorder-button.png) no-repeat scroll left top;
	display: block;
}

#urgentorder-button a:hover{
	background-position: 0 -107px;
}

#instantquote-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/instantquote-button.png) no-repeat scroll left top;
	display: block;
}

#instantquote-button a:hover{
	background-position: 0 -107px;
}

#customers-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/customers-button.png) no-repeat scroll left top;
	display: block;
}

#customers-button a:hover{
	background-position: 0 -107px;
}

#designadvice-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/designadvice-button.png) no-repeat scroll left top;
	display: block;
}

#designadvice-button a:hover{
	background-position: 0 -107px;
}

#urgentorder-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/urgentorder-button.png) no-repeat scroll left top;
	display: block;
}

#urgentorder-button a:hover{
	background-position: 0 -107px;
}

#instantquote-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/instantquote-button.png) no-repeat scroll left top;
	display: block;
}

#instantquote-button a:hover{
	background-position: 0 -107px;
}

#ordernow-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/ordernow-button.png) no-repeat scroll left top;
	display: block;
}

#ordernow-button a:hover{
	background-position: 0 -107px;
}

#henandstag-button a{
	width:107px;
	height:107px;
	background: transparent url(../images/henandstag-button.png) no-repeat scroll left top;
	display: block;
}

#henandstag-button a:hover{
	background-position: 0 -107px;
}

#faq-button a{
	width:103px;
	height:103px;
	margin-top:2px;
	background: transparent url(../images/faq-button.png) no-repeat scroll left top;
	display: block;
}

#faq-button a:hover{
	background-position: 0 -103px;
}

/*********
* Tables *
*********/

table {
	border-collapse: collapse;
	position: relative;
	width:100%;
	border: 1px solid black;
	background: white;
}

table th, table td {
	margin: 0;
	padding: 8px 20px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}

table th {
	font-weight: bold;
}

table tr {
	background: #e6e6e6;
}

table tr.alt {
	background: #f1f1f1;
}

td.hover, tr.hover {
	background-color: #fff79f;
}

#ordert th, #ordert td {
	text-align: left;
}

#lastrow td{
	border-bottom: 1px solid #000 !important;
}

.lastcol{
	text-align:right !important;
}

#hen-table td {
	border: 0px;
}

#hen-table .alt td{
	border-bottom: 1px solid #b5b5b5 !important;
	border-top: 0px !important;
}

#hen-table img {
	margin-top: 5px;
	margin-bottom: 20px;
}

/********
* Forms *
*********/

.userform {
	background-color: #f1f1f1;
	padding:8px;
	border: solid 1px #B5B5B5;
}

form em {
	color: red;
}

form label {
	font-weight: bold;
}

dd {
	padding:10px 0px;
}

.radios {
	float: left;
	margin-top: 4px;
}

/**************
* Other Pages *
**************/

#previous-orders {
	margin: auto;
	width:580px;
}

#slideshow {
    position:relative;
    height:192px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 192px;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 192px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.ie6div{
	display: none;
}

#addressgroup {
	padding-left: 20px;padding-top:28px;
}

.table-labels {
	text-align: left;
	font-weight: bold;
}

.table-values {
	text-align: left;
}

.error-calc {
	color: red;
	display: none;
}

input.error {
	color: black !important;
}

label.error { float: none; color: red; position: relative; vertical-align: top; padding-top:4px; font-weight: bold !important;}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
.rad label.error {float:right;padding-right: 450px;}

.error {
	display: block;
}

.rad label {
	line-height: 1.5em;
	margin-left: 4px;
	margin-top:4px;
	font-weight: normal;
}