/* Start of CMSMS style sheet 'base' */
/*
-----------------------------------------------
Site Title
Author:   Tim Anderson-Bonsor
Version:  Date V1.0
----------------------------------------------- */
 

/* =Global Structure
----------------------------------------------- */
body {
 margin: 0;
 background: #fff url(images/bric_crete/bg.gif) 0 0 repeat-x;
 font: 13px/22px arial, helvetica, sans-serif;
 color: #333;
}
#container {
 margin: 0 auto;
 width: 910px;
 position: relative;
}
img {
 border: 0;
}
p {
 margin: 1em 0;
}
hr {
 background: #82001C;
 height: 1px;
 overflow: hidden;
 border: 0;
 color: #82001C;
 margin: 0;
}
blockquote {
 clear: both;
 font-size: 16px;
 margin: 1.2em 0;
 padding: 0 20px 0 33px;
 background: transparent url(images/bric_crete/blockquote.gif) 0 5px no-repeat;
}
blockquote em {
 font-size: 12px;
 color: #222;
}
a,
a:link {
 color: #7D141F;
}
a:hover {
 text-decoration: none;
}
/* =General Classes
----------------------------------------------- */
.image-replace,
.image-replace a {
 text-indent: -9999px;
 display: block;
 font-size: 1px;
 text-decoration: none;
 border: 0;
 margin: 0;
 padding: 0;
}
.align-right {
 float: right;
 text-align: right;
}
a.product-image img {
 border: 1px solid #DAD7D7;
}
a.product-image:hover img {
 border: 1px solid #7D141F;
}
.clearer {
 font-size: 1px;
 height: 1px;
 overflow: hidden;
 margin: 0;
 padding: 0;
 line-height: 0;
 clear: both;
 float: none;
}
#footer .friday-link {
 color: #777;
 margin-top: 4px;
}
#footer .friday-link a {
 color: #800040;
 font-weight: bold;
 text-decoration: none;
}
.feature_bar {
 background-image:url(images/bric_crete/icon_info.gif);
 background-color: #ddd;
 background-position:18px 50%; 
 background-repeat: no-repeat;
 padding: 10px 4px 7px 60px;
 border: 1px solid #cacaca;
 border-width: 1px 0;
 margin: 2em 0 2.5em;
}
.inline-image {
 background-image:url(images/bric_crete/bg-featbox.jpg);
 background-color: #F2F2F2;
 background-position:0 0; 
 background-repeat: no-repeat;
 border: 1px solid #D5D5D5;
 padding: 5px;
 float: left;
 margin: 3px 20px 10px 0;
}

.red{
color:#82001C;
}
.blue{
color:#33336C;
}


/* =Icons and Buttons
----------------------------------------------- */
.icon,
#search-bar .icon {
 background: transparent url(images/bric_crete/icon-searchbar.gif) 0 50% no-repeat;
 padding-left: 20px;
}
#search-bar .magnify {
 background: transparent url(images/bric_crete/icon-searchbar.gif) 20px 50% no-repeat;
 padding-left: 75px;
}
#search-bar .pipe {background: transparent url(images/bric_crete/pipe.gif) 6px 50% no-repeat;}
.phone {
 background: transparent url(images/bric_crete/icon-phone.gif) 0 50% no-repeat;
 padding-left: 25px;
}
.email {
 background: transparent url(images/bric_crete/icon-mail.gif) 0 50% no-repeat;
 padding-left: 25px;
}

.button {
 background: #eee url(images/bric_crete/bg-textbutton.gif) 0 100% repeat-x;
 border: 1px solid #b5b5b5;
 margin: 0;
 padding: 5px 10px 3px;
 font: bold 11px/1em helvetica, arial, sans-serif;
 color: #444;
 text-transform: uppercase;
 text-decoration: none;
}
.button:hover {
 border: 1px solid #888;
}
.button.dark {
 border: 1px solid #62151B;
 border-right: 2px solid #67151C;
 border-bottom: 2px solid #67151C;
}
/* =Leftbar Structure
----------------------------------------------- */
#main {
 width: 910px;
 clear: both;
 padding-bottom: 20px;
}
.banner {
 width: 701px;
 height: 190px;
 background: #eee url(images/bric_crete/banner.jpg) 0 0 no-repeat;
 float: right;
 margin-bottom: 26px;
}
/* =Columns
----------------------------------------------- */
.content-home {
 float: left;
 width: 390px;
 margin-right: 35px;
}
.content {
 float: left;
 width: 666px;
 margin-left: 35px;
}
.content-plain {
 float: left;
 width: 857px;
 margin-left: 30px;
}
  .content-left {
   width: 287px;
   float: left;
  }
  .content-right {
   width: 352px;
   float: right;
  }
.feature-box {
 float: left;
 width: 206px;
 margin-right: 35px;
 background: #F2F2F2 url(images/bric_crete/bg-featbox.jpg) 0 0 no-repeat;
 border: 1px solid #D5D5D5;
 padding: 0 16px 5px;
}
  .feature-box ul div.left {
   display: block;
   float: left;
   width: 72px;
  }
  .feature-box img {
   border: 1px solid #D6D6D6;
   margin: 2px 0 0;
  }
  .feature-box p {
   margin: 0;
   line-height: 1.4em;
  }
  .feature-box ul div.right {







   display: block;
   float: right;
   width: 120px;
  }
.side-bar {
 float: left;
 width: 176px;
 background: #7D141F;
 color: #F1F1F1;
 padding: 15px 16px 10px;
 border: 1px solid #530413;
}
  .side-bar img {
   border: 1px solid #C9A7A6;
  }
  .side-bar p {
   margin-top: 0;
  }
/* =Header
----------------------------------------------- */
#header {
 position: relative;
 height: 141px;
 width: 910px;
}
 #header .align-right {
  position: absolute;
  right: 0;
  top: 15px;
 }
 #header .align-right h5,
 #header .align-right p {
  margin: 0;
  line-height: 1.5em;
 }
/* =Footer
----------------------------------------------- */
#footer {
 clear: both;
 background: #E4E4E4 url(images/bric_crete/bg-footer.gif) 0 0 repeat-x;
}
#footer-inner {
 position: relative;
 margin: 0 auto;
 width: 860px;
 padding: 20px 0 20px 50px;
 font-size: 11px;
 background: transparent url(images/bric_crete/icon-small.gif) 0 21px no-repeat;
}
#footer a {
 color: #4C4E4E;
 text-decoration: none;
}
#footer-inner div {
 float: left;
 width: 50%;
}
#footer p {
 margin: 0;
 line-height: 1.5em;
}
  #footer .left {
   float: left;
   width: 50%;
   text-transform: uppercase;
  }
  #footer .right {
   float: right;
   text-align: right;
   width: 50%;
  }
/* =Titles
----------------------------------------------- */
h1 {
 font-size: 19px;
 margin: 0;
 color: #82001C;
}
h2 {
 font-size: 17px;
 margin: 1.5em 0;
 color: #82001C;
}
  .product-details h2 {
   margin: .5em 0;
   font-weight: normal;
   color: #82001C;
  }
  h2#icon {
   background: #fff url(images/bric_crete/icon.gif) 0 0 no-repeat;
   position: relative;
   top: 17px;
   left: -6px;
   width: 305px;
   height: 56px;
  }
  h2#icon a {
   background: #fff url(images/bric_crete/icon.gif) 0 0 no-repeat;
   width: 305px;
   height: 56px;
  }
h3 {
 font-size: 16px;
 margin: 1.5em 0;
 color: #82001C;
}
h4 {
 font-size: 15px;
 margin: 1em 0 0;
 line-height: 1em;
}
  .feature_bar h4 {
   border: 0;
   margin: 0;
   padding: 10px;
  }
  td h4 {
   border: 0;
   margin: 0;
   color: #82001C;
   line-height: 1.2em;
  }

  #footer h4 {
   margin: 0 0 .4em;
   font-family: impact, helvetica, arial, sans-serif;
   font-weight: normal;
  }
h5 {
 font-size: 14px;
 margin: 1em 0;
}
  .feature-box h5 {
   margin-bottom: 0;
   color: #82001C;
  }
  .side-bar h5 {
   margin-bottom: 0;
  }
h6 {
 font-size: 13px;
 margin: 1em 0;
 font-weight: normal;
}
  h6.inline {
   margin: 25px 0 7px;
   font-weight: bold;
  }
  #header h6 {
   position: absolute;
   bottom: 32px;
   font-size: 95%;
  }
  .feature-box h6 {
   font-weight: bold;
   line-height: 1.3em;
   margin: 0 0 .2em;
  }
/* =Navigation + =Links
----------------------------------------------- */

/* primary navigation */
ul#nav-global { 
 position: absolute;
 bottom: 0;
 background: transparent url(images/bric_crete/nav.gif) 0 0 no-repeat;
 width: 910px;
 height: 38px;
}
ul#nav-global li { 
margin: 0; 
padding: 0; 
list-style: none; 
float: left;
} 
ul#nav-global li, ul#nav-global a { 
height: 38px;
display: block; 
} 
/* Hide Text For CSS */
ul#nav-global li a { 
text-indent: -9999px; 
text-decoration: none;
} 
/* Image Placement */
#home a {left: 0; width: 82px;}
#about-us a {left: 82px; width: 90px;}
#products a {left: 172px; width: 90px;}
#how-to-order a {left: 262px; width: 118px;}
#testimonials a {left: 380px; width: 120px;}
#repair-and-hire a {left: 500px; width: 116px;}
#faq a {left: 616px; width: 57px;}
#contact-us a {left: 673px; width: 106px;}
#car-detailing a {left: 779px; width: 129px;}
/* Mouse Overs */
#home a:hover {background: transparent url(images/bric_crete/navo.gif) 0 0 no-repeat;}
#about-us a:hover {background: transparent url(images/bric_crete/navo.gif) -82px 0 no-repeat;}
#products a:hover {background: transparent url(images/bric_crete/navo.gif) -172px 0 no-repeat;}
#how-to-order a:hover {background: transparent url(images/bric_crete/navo.gif) -262px 0 no-repeat;}
#testimonials a:hover {background: transparent url(images/bric_crete/navo.gif) -380px 0 no-repeat;}
#repair-and-hire a:hover {background: transparent url(images/bric_crete/navo.gif) -500px 0 no-repeat;}
#faq a:hover {background: transparent url(images/bric_crete/navo.gif) -616px 0 no-repeat;}
#contact-us a:hover {background: transparent url(images/bric_crete/navo.gif) -673px 0 no-repeat;}
#car-detailing a:hover {background: transparent url(images/bric_crete/navo.gif) -779px 0 no-repeat;}
/* You are here */
#home.selected a {background: transparent url(images/bric_crete/nava.gif) 0 0 no-repeat;}
#about-us.selected a {background: transparent url(images/bric_crete/nava.gif) -82px 0 no-repeat;}
#products.selected a {background: transparent url(images/bric_crete/nava.gif) -172px 0 no-repeat;}
#how-to-order.selected a {background: transparent url(images/bric_crete/nava.gif) -262px 0 no-repeat;}
#testimonials.selected a {background: transparent url(images/bric_crete/nava.gif) -380px 0 no-repeat;}
#repair-and-hire.selected a {background: transparent url(images/bric_crete/nava.gif) -500px 0 no-repeat;}
#faq.selected a {background: transparent url(images/bric_crete/nava.gif) -616px 0 no-repeat;}
#contact-us.selected a {background: transparent url(images/bric_crete/nava.gif) -673px 0 no-repeat;}
#car-detailing.selected a {background: transparent url(images/bric_crete/nava.gif) -779px 0 no-repeat;}


/* =Tables
----------------------------------------------- */
table, td {
 margin: 0;
 border: 0;
 border-collapse: collapse;
 padding: 0;
 font-size: 12px;
}
table {
 margin: 2em 0;
}
th {
 background: #ddd;
 padding: 10px 4px 7px 10px;
 border: 1px solid #cacaca;
 border-width: 1px 0;
 text-align: left;
 color: #333;
}
td {
 vertical-align: top;
 padding: 8px 0 5px 13px;
 border-bottom: 1px solid #E0E3EA;
 background: #fff;
}
td.context {
 padding-right: 13px;
 padding-left: 13px;
 border-right: 1px solid #e9e9e9;
 background: #f9f9f9;
}
.sponsor_box {
 float: right;
 margin: .5em 0 1em 1em;
 background: #fff;
 padding: 5px;
 border: 2px solid #fafafa;
}
/* =Lists
----------------------------------------------- */
ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.image-list {
 width: 100%;
 margin-bottom: 1.2em;
 clear: both;
 float: left;
}
.image-list li {
 width: 100%;
 padding-bottom: 6px;
 float: left;
 clear: both;
}
.results-list h5 {
   margin: 0;
   float: left;
   width: 470px;
}
.image-list li img {
 border: 2px solid #DADADA;
 float: left;
 clear: both;
}

.std_list {
 margin-bottom: 2em;
}
.std_list li {
 background: transparent url(images/bric_crete/bullet-list.gif) 7px 10px no-repeat;
 padding: 4px 10px 4px 25px;
 border-bottom: 1px solid #eaeaea;
 width: 200px;
}

.double_list {
 position: relative;
 float: left;
 clear: both;
 width: 100%;
}
.double_list ul {
 width: 47%;
 margin-right: 5%;
 float: left;
}
.double_list ul.right {
 margin: 0;
 float: right;
}


  .feature-box ul li {
   float: left;
   clear: both;
   width: 100%;
   border-bottom: 1px solid #D8D8D8;
   padding: 15px 0;
   font-size: 12px;
  }
  .feature-box ul li.last {
   border-bottom: 0;
  }

.hor-list li
{
 display: inline;
}

  .thumbs li a img {
   border: 1px solid #DAD7D7;
   padding: 0;
   float: left;
   margin-right: 11px;
  }
  .thumbs li a:hover img {
   border: 1px solid #7D141F;
  }
.bread-crumbs {
 border-bottom: 1px solid #7D141F;
 padding: 5px 0;
 margin-bottom: 25px;
}
  .bread-crumbs li {
   padding-right: 2px;
   color: #931A12;
  }
  .bread-crumbs a {
   text-decoration: none;
   color: #931A12;
  }
  .product-details li {
   padding-top: 2px;
   padding-bottom: 2px;
  }
#footer li {
 border-right: 1px solid #777;
 padding: 0 7px 0 5px;
}
#footer li.last {
   border-right: none;
   padding-right: 0;
}
.results-list {
 margin: 2em 0;
}
.results-list li {
 background: #f8f8f8;
 padding: 10px 0;
 margin-bottom: 10px;
 border: 1px solid #ececec;
 border-width: 1px 0;
 position: relative;
 float: left;
 width: 100%;
}
.results-list li:hover {
 background: #f2f2f2;
}
.results-list li .button {
 position: absolute;
 right: 15px;
 top: 15px;
}
.results-list li p {
 margin: 0;
 float: left;
 width: 400px;
}
.results-list li p a {
 text-decoration: none;
 color: #333;
}
.results-list li img {

 float: left;
 margin: 0 10px;
 border: 1px solid #D6D6D6;
}

/* =Forms
----------------------------------------------- */
.std-form {
 margin: 0;
 padding: 0;
}
 #search-bar {
  background: #EBD401 url(images/bric_crete/bg-searchform.gif) 0 100% repeat-x;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #FDFDFD;
  border-bottom: 1px solid #BBA901;
  margin-bottom: 26px;
 }
  #search-bar p {
   float: left;
   margin: 0 10px 0 0;
   padding: 1.35em 0;
  }
  #search-bar select {
   width: 185px;
  }
  
.std-form table {
 width: 100%;
}
.std-form {
 padding: 1em 2em;
 margin: 2em 0;
 border: 4px solid #fafafa;
}
.std-form input.text,
.std-form select {
 width: 90%;
 background: #fafafa;
 border: 1px solid #C3C3C3;
 border-right: 1px solid #a3a3a3;
 border-bottom: 1px solid #a3a3a3;
}
td.form_label {
 width: 10%;
 white-space: nowrap;
}
tr.submit_row td {
 border: 0;
 padding-top: 15px;
 padding-bottom: 20px;
 background: #fafafa;
}
.required {
 color: red;
 font-weight: bold;
 font-size: 1.3em;
 padding: 0 5px;
}
/* =Misc and =Redundant
----------------------------------------------- */

.howToOrderTable {
 padding: 4px 0 4px 0;
}

/* =End
----------------------------------------------- */
/* End of 'base' */

/* Start of CMSMS style sheet 'category_list' */
/* secondary navigation */
.nav-products {
 float: left;
 width: 209px;
 margin-bottom: 26px;
}
.nav-products li {
 width: 209px;
 float: left;
 clear: both;
 border-top: 1px solid #e2e2e2;
 border-bottom: 1px solid #fff;
}
.nav-products li a {
 display: block;
 width: 209px;
 height: 46px;
 text-decoration: none;
 text-indent: -9999px;
 font-size: 1px;
}
/* Image Placement - NOTE: background is repeated for both 'a' and 'li' to stop flickering under ie6 */ 
li#prod-01 a, li#prod-01 {background: transparent url(images/bric_crete/prod-01.jpg) 0 0 no-repeat; border-top: 0;}
li#prod-02 a, li#prod-02 {background: transparent url(images/bric_crete/prod-02.jpg) 0 0 no-repeat;}
li#prod-03 a, li#prod-03 {background: transparent url(images/bric_crete/prod-03.jpg) 0 0 no-repeat;}
li#prod-04 a, li#prod-04 {background: transparent url(images/bric_crete/prod-04.jpg) 0 0 no-repeat; border-bottom: 0;}
/* Mouse Overs */
li#prod-01 a:hover {background: transparent url(images/bric_crete/prod-01.jpg) -209px 0 no-repeat;}
li#prod-02 a:hover {background: transparent url(images/bric_crete/prod-02.jpg) -209px 0 no-repeat;}
li#prod-03 a:hover {background: transparent url(images/bric_crete/prod-03.jpg) -209px 0 no-repeat;}
li#prod-04 a:hover {background: transparent url(images/bric_crete/prod-04.jpg) -209px 0 no-repeat;}
/* Open */
li#prod-01.selected a {background: transparent url(images/bric_crete/prod-01.jpg) -418px 0 no-repeat;}
li#prod-02.selected a {background: transparent url(images/bric_crete/prod-02.jpg) -418px 0 no-repeat;}
li#prod-03.selected a {background: transparent url(images/bric_crete/prod-03.jpg) -418px 0 no-repeat;}
li#prod-04.selected a {background: transparent url(images/bric_crete/prod-04.jpg) -418px 0 no-repeat;}

/* tertiary navigation */
.nav-products li ul {
 padding: 7px 0 15px;
 float: left;
 clear: both;
 background: #F8F8F8;
 border-top: 1px solid #E2E2E2;
}
.nav-products li ul li {
 border: 0;
}
.nav-products li ul li a:hover {
 background: #d9d9d9;
}
.nav-products li#prod-01 ul li a,
.nav-products li#prod-02 ul li a,
.nav-products li#prod-03 ul li a,
.nav-products li#prod-04 ul li a {
 background: #F8F8F8;
 border-top: 0;
 border-bottom: 1px solid #ECECEC;
 padding: 4px 15px;
 line-height: 1em;
 height: auto;
 width: auto;
 text-indent: 0;
 font-size: 12px;
 color: #333;
}
.nav-products li#prod-01 ul li a:hover,
.nav-products li#prod-02 ul li a:hover,
.nav-products li#prod-03 ul li a:hover,
.nav-products li#prod-04 ul li a:hover {
 background: #e6e6e6;
}
.nav-products li#prod-01 ul li.selected a,
.nav-products li#prod-02 ul li.selected a,
.nav-products li#prod-03 ul li.selected a,
.nav-products li#prod-04 ul li.selected a {
 background: #e6e6e6;
 border: 1px solid #e0e0e0;
 border-width: 1px 0;
 color: #82001C;
 font-weight: bold;
}
/* End of 'category_list' */