/* Happy Bunny Main v.1 css */


/*---- body ----*/

html,body {
padding:0;
margin:15px 0 0 20px;
}

body {
background-color: #fff;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

/*---- container ----*/

#container {
width:730px;
}

* html #container {
width:730px;
}

/*---- left Column ----*/

#leftColumn {
width:160px;
float:left;
}

/*---- right Column ----*/

#rightColumn {
width:550px;
float:right;
}

/*---- menu ----*/

#menu a, #menu a:visited {
display:block;
width:160px;
color:#777;
text-decoration:none;
padding:7px 0;
}

#menu a:hover {
width:160px;
color:#0099CC;
text-decoration:none;
}

#menu a.selected, #menu a.selected:visited {
color:#FF6600;
}

#menu ul {
margin:0;
padding:0;
list-style:none;
}

#menu ul li {
margin:0;
}

/*---- section ----*/

#section {
width:160px;
margin-top:25px;
}

/*---- top Row ----*/

#topRow {
width:530px;
text-align:right;
margin:0 15px 35px 0;
}

#topRow {
color:#999;
}

#topRow a {
color:#777;
text-decoration:none;
}

#topRow a:hover {
color:#0099CC;
}

/*---- content ----*/

#content {
width:500px;
line-height:1.4em;
color:#555;
margin:0 15px 0 0;
}

#contentHome {
width:550px;
margin:0;
}

#content p {
margin:10px 15px 10px 50px;
}

#content h2 {
margin:0 0 25px 50px;
font-size:230%;
display:inline;
color:#999;
}

#content a, #content a:visited {
padding:1px;
color:#FF6600;
text-decoration:none;
}

#content a:hover {
color:#0099CC;
background-color:#FFFFCC;
text-decoration:none;
}

#content ul {
float:left;
width:415px;
margin:0 0 0 50px;
padding:0;
list-style:none;
}

* html #content ul {
margin:0 0 0 28px;
}

#content ul li {
block:display;
padding:6px 0 6px 20px;
background:#fff url(../img/list.png) 0 10px no-repeat;
}

/*---- order form ----*/

#content table {
margin:10px 15px 10px 50px;
width:455px;
}

#content table tr td {
border-bottom:#ddd solid 1px;
border-top:#fff solid 1px;
padding:10px 7px;
}

#content table tr td span {
color:#888;
}

#content table tr td.tableBack {
background-color:#eee;
border-right:#ddd solid 1px;
border-left:#ddd solid 1px;
}

#content input, #content textarea {
padding:3px;
border:#ccc solid 1px;
color:#FF6600;
font:1em Verdana, Arial, Helvetica, sans-serif;
}

#content input.button {
border:none;
}

#content select {
padding:2px;
border:#ccc solid 1px;
color:#FF6600;
font-size:1em;
}

#content div#error {
margin:10px 15px 10px 50px;
font-weight:bold;
line-height:1.4em;
color:#ff0000;
}

/*---- footer ----*/

#footer {
float:left;
clear:both;
width:710px;
font-size:90%;
padding:30px 0;
color:#777;
}

#footer a, #footer a:visited {
color:#777;
text-decoration:none;
}

#footer a:hover {
color:#0099CC;
}

/*---- misc ----*/

.noCSS, hr, h1, h3 {
display:none;
margin:0;
padding:0;
}

/*---- sIFR ----*/

.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

.sIFR-hasFlash h2 {
visibility: hidden;
}