/* Bongo4U Sample CSS File */

/*
Primary colour - #004890
Secondary colour - 
*/


/*
   Import Common CSS for All Sites.
*/


/*
   Import Menu for Top
*/
@import url(top_menu_vertical_popout2.css);
@import url(products2.css);
/* 
   First, define all the basic tags.
*/
.b4u_admin {
	padding:0;
	margin:0;
	z-index:999;
}

* {
font-family:Georgia, "Times New Roman", Times, serif;
}

body, p, li, input, textarea, select, option {
	color: #333;
}

html{
background:#FFF;/* url("../images/background.jpg") top center repeat-x;*/
margin:0 auto;
}

.top_spacer{
top:1px;
position:absolute;
}

body {
	margin:0 auto;
	width:960px;
	margin-top:10px;
	height:100%;
	border:1px solid #CCC;
	background:#FFF url("../images/castle_header2.jpg") top left no-repeat;
	min-height:700px;
}

h1, h2, h3, h4, h5, h6, th, {
	font-weight: normal;
	color: #000000;
}

dt, label, .error_message, input.submit {
color:#333;
}

td p, dd, th, table {
	color: #4C4C4C;
}

.b4u_pagetitle h2 {
display:none;
}

h1 {
font-size:28px;
line-height:32px;
letter-spacing:0.5px;
font-weight:bold;
color:#333;
}
h2 {
font-size:24px;
font-weight:bold;
color:#ed1b2e;
}
h3 {
color:#666;
font-size:22px;
}
h4 {
font-size:18px;
color:#ed1b2e;
}
h5{
font-size:14px;
letter-spacing:-0.5px;
color:#333;
font-weight:bold;
}
h6{
font-size:12px;
color:#666;
line-height:20px;
letter-spacing:1px;
background:#FFF;
margin-right:20px;
margin-top:0px;
padding:5px;
border-right:1px solid #004890;
border-bottom:1px solid #004890;
background:#F2F2F2;
}

blockquote{
margin: 1em 2em;
color: #666;
border-left: 3px solid #004890;
border-top:1px solid #E2E2E2;
padding:1em 0 0 1em; 
}

blockquote h6{
font-size:13px;
font-weight:bold;
background:none;
color:#004890;
padding:0;
margin:0;
margin-top:10px;
margin-right:10px;
}

img {
   border: 0;
}

#b4u_middle li {
	color: #333;
	margin:0;
	list-style-image: url(../images/ico-bullet.gif);
}

/*#catalogue_home li {
	list-style:none;
}
   list-style-type: none;	*/

.b4u_view .b4u_content a:link, .b4u_view .b4u_content a:visited {
color:#004890;
 }

.b4u_view .b4u_content a:hover, .b4u_view .b4u_content a:active {
color:#333;
}

hr{
   font-size: 0px;
   color: #FEC424;
   background-color: black;
   border: none;
   height: 2px;
   line-height: 0px;
}

input.submit {
   font-weight: bold;
   font-size: larger;
   color: #000;
   background-color: #fff;
   border: thin black solid;
}

/* 
   Second, define the page structure.
   
   The default Bongo4U template divides the page with three <div> tags.
   Each is identified by an id:
      b4u_top
         - a series of Content Block divs (described below)
      b4u_middle
         - a series of Content Block divs (described below)
      b4u_bottom
         - a series of Content Block divs (described below)
*/

/*
#logo{
float:left;
position:relative;
margin:0;
padding:0;
margin-top:-10px;
margin-left:10px;
height:110px;
}
*/

.feature{
border:1px solid #CCC;
width:740px;
}



#b4u_top {
   float:left;
   margin: 0;
    padding-top:110px;
   width:185px;
}

#b4u_top .b4u_view .b4u_content img {
margin-top:20px;
}
.b4u_view .b4u_content img {
margin:0px 0 0 0;
}

#b4u_middle {
   margin: 0;
   padding: 120px 10px 20px 0;
   margin-left:200px;
}

#b4u_middle .b4u_content {}

#b4u_top .b4u_nav p {
font-size:small;
}


#b4u_bottom .b4u_nav  ul ul {
   position: absolute;
}

div#b4u_bottom div.b4u_nav * {
    display: inline;
    margin: 0;
    padding: 0;
    padding-right: 4px;
}

div#b4u_bottom div.b4u_nav {
border:0;
}

div#b4u_bottom {
margin: 0 auto;
padding: 0px;
background:#FFF;
padding:30px 6px 6px 6px;
}

#b4u_bottom .b4u_wysiwyg {
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#b4u_bottom .b4u_nav {
	width: 100%;
}

div#b4u_bottom .copyright{
font-size:10px;
float:right;
margin-top:10px;
}

#b4u_bottom .b4u_pagetitle {
   margin: 0px;
   padding: 0px;
   color: white;
}

#b4u_bottom .b4u_poweredby {
	clear:both;
	padding-bottom:15px;
	font-size:10px;
	font-weight:bold;
}

#b4u_bottom .b4u_poweredby a:link, #b4u_bottom .b4u_poweredby a:visited{
	width:100px;
	display: block;
	height: 40px;
	background: #FFF url(../images/bongo4U.jpg) no-repeat;
	color: #ffffff;
	font-size:1px;
	text-decoration:none;
}

#b4u_bottom .b4u_poweredby a:hover {
	color: #FFF;
	text-decoration: none;
}

#b4u_bottom ul li a:link, #b4u_bottom ul li a:visited {
	text-decoration: none;
	color:#333;
	font-size:12px;
	margin:0;
	padding:5px;
	border-right:1px solid #CCC;
}


#b4u_bottom ul li a:hover{
	color:#FFF;
	background:#ed1b2e;
}

.tagline {
background-image:url("../images/b4u_ball.jpg");
background-repeat:no-repeat;
padding-top:40px;
padding-left:130px;
margin-left:-10px;
text-align:left;
font-size:xx-large;
font-weight:bold;
height:130px;
width:auto;
color:#B9B9B9;

}

/* 
   Error Messages appear in a div with a class of "b4u_error".
   Style these errors so they stand out for the user.
   Most pages have no errors, but when they do, it is important that the errors are noticed!
*/

.b4u_error p {
   background-color: #ec2224;
   display: block;
   font-size: 14px;
   color:#FFF;
   padding:8px;
   border: 1px solid #8f1718;
   text-decoration: none;
   line-height:20px;
   margin-top:3px;
}

/*
   Style the Content Blocks.
   
   Each Content Block is wrapped in its own <div> tag.
   As of 2005-10-13, there are 5 Content Blocks, with these class names:
      b4u_admin
         - either the login form, or the Page Menu
         - only present when logged in, or for this url: http://site.bongo4u.com/admin/
         - contains these tags: p, a, form, input
      b4u_autostyle
         - potentially contains many tags, including: h1 - h6, p, ul, ol, li, a, etc
      b4u_headline
         - contains just this tag: h2
      b4u_image
         - contains these tags: h2, p, img
      b4u_rawhtml
         - could potentially contain any tag
*/

/* 
   Special page-by-page Styles 
   
   Bongo4U puts id parameters on many tags. However, for the most part, these should not be referenced
   in style sheets, since they are ultimately determined by the database, and may change without notice.
   
   However, there is one exception. The <body> tag of each page sets the id parameter to the page name.
   For example, the "Home" page would feature this tag: <body id="home">.
   
   We can use this to style certain pages differently than others.
*/

body#home h1 {
}

/* 
   Further considerations for Writers, Editors, and other Administrators. 

   Logged-in users might appreciate some special styling just for them! 
   To that end, all 'edit' forms are wrapped with this: <div class="b4u_edit">.
   Also, <input> tags are given a class name that matches the type parameter, so
   we can style radio buttons differently than check boxes.
*/

/* All 'edit' forms */
.b4u_edit {
   margin: 1em;
   padding: 1em;
   background: #cceeff url(../images/grid.gif);
}

/* Special Handling of EmailForm Blocks */
.b4u_view .b4u_emailform form{
   
}
.b4u_view .b4u_emailform .b4u_content dl {
   margin: 0.5em 0;
}
.b4u_view .b4u_emailform .b4u_content dt {
   margin: 1.25em 0 -1.25em 0;
   text-align: right;
   width: 15em;
   font-size: smaller;
   font-weight: bold;
   color:#333;
}
.b4u_view .b4u_emailform .b4u_content dd {
   margin: 0 0 0 14em;
}
.b4u_emailform .b4u_content input.text {
   width: 20em;
}
.b4u_emailform dl.emailform_custom {
   border: none;
   border-bottom: 1px solid black;
}

input{
width: 180px;
margin-bottom: 0px;
background:#FFF;
border:1px solid #CCC;
color:#333;
padding:5px;
}

textarea{
margin-bottom: 5px;
background:#FFF;
border:1px solid #CCC;
color:#333;
padding:5px;
}


#b4u_middle form {
clear:none;
}

#coupon { 
 width:80%;
 background:#004890;
 margin:0;
 padding:25px;
 border:2px solid #103a63;
}

#coupon p{
color:#222;}

#coupon h1{
color:#FFFFFF;
font-size:70px;
line-height:65px;
font-weight:bold;
letter-spacing:-1px;
margin:0;
padding:0;
}

#coupon h2{
color:#FFF;
font-size:26px;
line-height:26px;
margin:0;
padding:0;
}

#coupon h6{
color:#FFF;
background:#004890;
border:0;
font-size:12px;
font-weight:normal;
margin:0;
padding:5px;
}

.b4u_sitesearch_box {
background:#FFF url(../images/search.jpg) no-repeat top left;
padding:12px 10px 0 10px;
position:absolute;
float:left;
margin-left:700px;
margin-top:20px;
width:222px;
height:52px;
}

.b4u_sitesearch_box_input input{
background:none;
border:0;
padding:8px 3px 5px 26px;
color:#666;
}

/*SLIDESHOW CAPTION*/
.b4u_slideshow .b4u_content .b4u_slideshow_image_caption p {
background:#F2F2F2;
border:1px solid #E2E2E2;
color:#333;
font-weight:bold;
font-size:14px;
padding:15px 5px;
margin:0 10px 0 0;
}

/*SLIDESHOW PAGE INDICATORS*/
.b4u_slideshow .b4u_content .b4u_slideshow_navigation a {
background:#F2F2F2;
border:0;
color:#333;
padding:4px 6px;
margin:0;
}

.b4u_slideshow .b4u_content .b4u_slideshow_navigation a:hover {
background:#004890;
color:#FFF;
border:0;
padding:7px 6px;
margin:0;
}