/*
----------------------------------------------- 
Brace's Bakery 
Author:www.imaginet.co.uk 
Version:23 July 2009 
----------------------------------------------- */


/* Global Styles 
----------------------------------------------- */

* { 
   padding:0; 
   margin:0; 
}
a {
   text-decoration:none;
   color:#3da2f3;
}
a:hover {
   color:#3da2f3;
   text-decoration:underline;
}
a img {
   border:none;
}

p {
   margin:0 0 1.4em 0;
   line-height:1.2em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.breaker { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
}
.none {
   display:none;
}
.alert {
   color:#f00;
}



/* Page Structure 
----------------------------------------------- */

html body {
   background:#112e6e url(/graphics/bg.gif) repeat-x 0 0;
   color:#666;
   text-align:center;
   font: 62.5% "Arial", Verdana, sans-serif;
   margin:0 0 3em 0;
}
#page {
   width:980px;
   margin:0 auto;
   text-align:left;
   padding:0;
   font-size:1.5em;
   background-color:#fff;
}
#left {
   width:215px;
   float:left;
   padding:22px 10px 0 10px;
}
#main {
   float:right;
   width:725px;
  
}

#right {
   width:235px;
   float:right;
   margin:22px 10px 0 10px;
}
#mid {
   float:left;
   width:470px;
   margin:22px 0 0 0;
}

div.content {
   border-bottom:1px solid #c4c4c4;
   margin:0 10px 20px 10px;
}

.introp {
   font-size:1.2em;
   margin:0 0 0.8em 0;
}


/* Flash
----------------------------------------------- */
.flash, #flash {
   margin:22px 0 22px 0;
}

/* Masthead  
----------------------------------------------- */

#masthead {
   color:#fff;
   text-align:center;
   width:980px;
   margin:0 auto;
   padding:10px 0 20px 0;
}


/* Topnav  
----------------------------------------------- */

#topnav {
   width:980px;
   margin:0 auto;

}

#topnav .col {
   padding:0 0 0 10px;
}


#topnav ul {

}

#topnav ul li {
   display:inline;
}

#topnav li a:link, #topnav li a:visited {
   display:block; 
   float:left;
   height:41px;
   width:184px;
   text-indent:-3000px;
   overflow:hidden;
   text-decoration:none;
   margin:0 10px 0 0;
}

#topnav li.home a:link, #topnav li.home a:visited {
   background:#112e6e url(/graphics/home.jpg) no-repeat 0 0;

}

#topnav li.homeactive a:link, #topnav li.homeactive a:visited {
   background:#112e6e url(/graphics/home_on.jpg) no-repeat 0 0;
}

#topnav li.family a:link, #topnav li.family a:visited {
   background:#112e6e url(/graphics/family.jpg) no-repeat 0 0;
}

#topnav li.familyactive a:link, #topnav li.familyactive a:visited {
   background:#112e6e url(/graphics/family_on.jpg) no-repeat 0 0;
}

#topnav li.products a:link, #topnav li.products a:visited {
   background:#112e6e url(/graphics/prods.jpg) no-repeat 0 0;
}

#topnav li.productsactive a:link, #topnav li.productsactive a:visited {
   background:#112e6e url(/graphics/prods_on.jpg) no-repeat 0 0;
}

#topnav li.company a:link, #topnav li.company a:visited {
   background:#112e6e url(/graphics/company.jpg) no-repeat 0 0;
}

#topnav li.companyactive a:link, #topnav li.companyactive a:visited {
   background:#112e6e url(/graphics/company_on.jpg) no-repeat 0 0;
}

#topnav li.mini a:link, #topnav li.mini a:visited {
   background:#112e6e url(/graphics/mini.jpg) no-repeat 0 0;
   margin:0;
}

#topnav li.miniactive a:link, #topnav li.miniactive a:visited {
   background:#112e6e url(/graphics/mini_on.jpg) no-repeat 0 0;
   margin:0;
}



#topnav .breaker { 
   background-color:#fff;
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
   
}

/* Homepage  
----------------------------------------------- */

.intro {
   padding:21px 10px 0px 10px;
}

.banners img {
   margin:0 0 12px 0;
}

#homeflash {
   width:715px;
   margin:22px 0;
}

.homebox {
   background:#fff url(/graphics/homebox_side.gif) repeat-y 0 0;
   width:235px;
   margin:0 10px 0 0;
   float:left;
}

.homebox_right {
   background:#fff url(/graphics/homebox_side.gif) repeat-y 0 0;
   width:235px;
   margin:0 0 0 0;
   float:left;
}


.homeboxtop {
   background:#fff url(/graphics/homebox_top.gif) no-repeat 0 0;
   height:10px;
   width:235px; 
}

.homeboxbot {
   background:#fff url(/graphics/homebox_bot.gif) no-repeat 0 0;
   height:10px;
   width:235px;
}


/* Left
----------------------------------------------- */
#left ul {
   border-left:1px solid #c4c4c4;
}

#left ul li {
   margin:0 0 1em 0;
   padding:0 10px 0.6em 20px;
}

#left ul li.active {
   margin:0 0 1em 0;
   background-image:url("/graphics/leftnav_arrow.gif");
   background-repeat:no-repeat;
   background-position:0px 2px;
   padding:0 10px 0.6em 20px;
}

#left ul li.active a {
  color:#e9363f;
}

#left ul li a {
   color:#3da2f3;
}

#left .leftnav {
   padding:45px 0 0 0;
}

#left ul ul {
   border-left:none;
   margin:1em 20px;
   border-bottom:dashed thin #ccc;
   border-top:dashed thin #ccc;
   padding:10px 0 0 0;
}

#left ul li li  {
   padding:0 10px 0.6em 20px;
 
}

#left ul li li.active {
   padding:0 10px 0.6em 20px;
   background-image:url("/graphics/arrow2.gif");
   background-repeat:no-repeat;
   background-position:5px 2px;
}
#left ul li.active li a {
   color:#3da2f3;
}
#left ul li.active li.active a {
   color:#e9363f;
   }
  
#left ul ul ul {
   border:none;
   margin:1em 0;
   padding:0 0 0 0;
   font-size:0.8em;
}
#left ul li.active li.active li a {
   color:#3da2f3;
}

#left ul li.active li.active li {
   padding:0 10px 0.6em 0px;
   background-image:none;
}
#left ul li.active li.active li.active {
   padding:0 10px 0.6em 0px;
   background-image:none;
}

#left ul li.active li.active li.active a {
   color:#e9363f;
  
}

/* Right 
----------------------------------------------- */

#right  {
   padding:45px 0 0 0;
}

#right .media {
   margin:0 10px 20px 0;
   border-bottom:dashed thin #ccc;
   padding:0 0 20px 0;
}

#right .media ul li {
   padding:0 0 1em 24px;
   background-image:url("/graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

#right .media ul li.word {
   padding:8px 0 1em 24px;
   background-image:url("/graphics/worddoc_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

#right .media ul li.pdf {
   padding:8px 0 1em 24px;
   background-image:url("/graphics/pdf_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

#right .media ul li.image {
   padding:8px 0 1em 24px;
   background-image:url("/graphics/image_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

#right .media ul li.video {
   padding:0 0 0.5em 24px;
   background-image:url("/graphics/video.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}

#right .relproducts {
   margin:0 0 20px 0;
   border-bottom:dashed thin #ccc;
   padding:0 0 10px 0;
}

#right .relproducts ul li {
   padding:0 0 1em 10px;

}

#right .relproducts ul li a {
   text-decoration:none;

}

#right .relproducts ul li a:hover {
   text-decoration:underline;

}


/* Footer
----------------------------------------------- */

#footer {
   text-align:left;
   width:980px;
   margin:0 auto;
   font-size:1.5em;
   color:#fff;  
   padding:10px 0 0 0;
}

#footer .footleft {
   float:left;
   width:480px;
}

#footer .footright {
   float:right;
   width:480px;
   text-align:right;
}


/* News   
----------------------------------------------- */

div.content span.date {
   font-size:0.9em;
   font-weight:bold;
   color:#666;
   margin:0 0 0.5em 0;
   padding:0 0 1em 0;
   border-bottom:dashed thin #ccc;
   display:block;
}

#news h2 {
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#news p {
   margin:0 0 1em 0;
}
#news p.date {
   font-size:0.85em;
   color:#666;
   margin:0 0 0.3em 0;
   border-top:dashed thin #ccc;
   padding:1em 0 0 0;
   font-weight:bold;
}

/* Product Range  
----------------------------------------------- */

.productrange {
   width:960px;
   margin:0 0 0 10px;
   padding:20px 0;
}

.productnav {
   width:960px;
   margin:0 0 0 10px;
   text-align:center;
   padding:15px 0;
  
}

.productnav ul {
   border-bottom:1px solid #ccc;
   width:960px;
   padding:0 0 15px 0;
}

.productnav ul li {
   display:inline;
   padding:0 15px;
}

.productnav ul li a.active {
   color:#e9363f;
}

.productrange img {
   float:left;
   width:480px;
}

.productimage {
   padding:10px 0 20px 0;
}

.productdesc strong {
   color:#e9363f;
}


/* Listing
----------------------------------------------- */

div.listing {
   margin:0 0 1em 0;
}
div.listing ul {
   margin:0 0 1em 0;

}

div.listing h3 {
   border-top:dashed thin #ccc;
   padding:10px 0 0 0;
}

div.listing h4 {
   padding:0;
   margin:0;
}

div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
   text-decoration:underline;
}

div.listing ul li {
   padding:0 0 1em 24px;
   background-image:url("/graphics/leftnav_bullet.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

div.listing ul li li {
   padding:0 0 1em 24px;
   background-image:url("/graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:6px 4px;
}

div.listing ul li.word {
   padding:0 0 0.5em 24px;
   background-image:url("/graphics/worddoc_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}

div.listing ul li.pdf {
   padding:0 0 0.5em 24px;
   background-image:url("/graphics/pdf_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}

div.listing ul li.image {
   padding:0 0 0.5em 24px;
   background-image:url("/graphics/image_bullet.jpg");
   background-repeat:no-repeat;
   background-position:0px 4px;
}

div.listing ul li.video {
   padding:0 0 0.5em 24px;
   background-image:url("/graphics/video.jpg");
   background-repeat:no-repeat;
   background-position:0px 0px;
}



/* Pagenav 
----------------------------------------------- */

div.pagenav {
   margin:1em 0 1em 0;
   padding:20px 0 0 0;
   border-top:dashed thin #ccc;
}
div.pagenav strong {
   color:#000;
}



/* Forms 
----------------------------------------------- */

#form {
   margin:20px 0 20px 0;
   background-color:#d2efff;
   padding:10px 10px 5px 10px;
}
#form form {
  padding:20px 0px 15px 0px;
}

#form p {
   line-height:1.3em;
   margin:0 0 0.6em 0;
}
#form fieldset {
   border:none;
}
#form input {
}
#form label {
   margin:0;
   padding:0;
   color:#0090b3;
}
#form form table {
border:none;
background-color:#d2efff;
}
#form form table td {
   padding:10px 10px 5px 0px;
   border:none;
   background-color:#d2efff;
}

#form h2 {
   margin:10px 0 0 0;
}




/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left2, img.right2 {
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:none;
}




/* Content   
----------------------------------------------- */



hr {
   font-size:0.01em;
   color:#fff;
   height:1px;
   margin:0 0 20px 0;
   border-width:1px 0 0 0;
   border-color:#ccc;
   border-style:dotted;
}
h1 span, h2 span {
   font-weight:100; 
}
h1 {
   font-size:2em;
   display:block;
   border-bottom:1px solid #c4c4c4;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
   color:#112f6f;
   font-weight:bold;
}
div.content h2 a, div.content h3 a {
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
}
h2 {
   font-size:1.4em;
   margin:0 0 0.8em 0;
   color:#112f6f;
}

h3 {
   font-size:1.2em;
   margin:0 0 1em 0;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content ul {
   list-style-type:none; 
   line-height:1.5em;
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("/graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:12px 7px;
   padding:0 10px 0.6em 30px;
}

div.content ul li a {
   text-decoration:underline;
}
div.content table {
  border-color:#c4c4c4;
  border-style:solid;
  border-width:0 0 1px 1px;
  margin:0 0 1em 0;
}
div.content table td {
  padding:5px;
  background-color:#fff;
  border-color:#c4c4c4;
  border-style:solid;
   border-width:1px 1px 0 0;
}
div.content table.table1 td {
   background-color:#fff;
}
div.content table td h2 {
   font-size:1em;
   padding:0;
   background:none;
   margin:0 0 0.5em 0;
}
ol {
   padding:0 0 0 30px;
   margin:0 0 1em 0;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}

blockquote {
    color: #666;
    font-weight: bold;
    font-style: italic;
    margin: 1em 1em; }
blockquote p:before {
    content: '"'; }
blockquote p:after {
    content: '"'; }


/* Error styles */
.error {
   background-color: #FFEFEF;
   border: 1px solid #CC0A0A;
   padding:4px 10px 5px 10px;
   margin: 0pt 0px 20px 0px;   
}

.error ul li{   
   background-repeat:no-repeat;
   background-position:9px 8px;
   padding:4px 10px 5px 30px;
   margin:0;
}