/*remove borders from image links*/
a img {border-width:0px}

#container {width:760px;
            margin-left:auto;margin-right:auto;
            margin-top:0px;
            border:1px solid #04405e;
            background:url(images/bubblesbg.gif) top right no-repeat;
            font-family:arial,verdana,sans-serif;
            padding-left:0px}

#rightcolumn {float:right; width:150px}

/*margin bottom of quick cart pushes the special offer underneath the bubbles background*/
#quickcart {width:150px;height:75px;margin-bottom:125px;
            text-align:center;
            }
#quickcart table {border:1px #ffffff solid;
                  width: 120px;
                  margin-left:auto;
                  margin-right:auto;
                  margin-top:5px;
                  margin-bottom:0px;
                  font-size:0.7em;
                  border-collapse: collapse}
#quickcart th {background-color:#ffffff;
                color:#036190;
                font-weight:bold}
#quickcart td {background-color:#036190;
                color:#ffffff}
#quickcart td#cartimage {border-left:0px}
#quickcart p {font-size:0.7em;
              color:#ffffff;
              }
#quickcart a {color:#ffffff;
              background-color:#036190;
              font-weight:bold;
              text-decoration:none}
#quickcart a:hover {color:#ffff00;
                    text-decoration:underline}


                    
/*Info boxes underneath nav and quickcart */
.infobox {border:1px #CD4704 solid;
          background-color:#ffffff;
          margin:10px 5px 20px 5px}
.infoboxhead {background-color:#CD4704;
              color:#ffffff;
              padding:3px;
              text-align:center;
              font-weight:bold;
              font-size:0.7em}
.infobox .item {margin-bottom:10px}
.infobox img {width:50px;float:right;
              margin:3px;
              border:1px #000000 solid}
.infobox h1 {font-size:0.7em;margin:4px;color:#000000}
.infobox h1 a {color:#000000}
.infobox p {font-size:0.7em;margin:4px}
.infobox a {color:#007722;
              font-weight:bold;
              text-decoration:none}
.infobox a:hover {color:#036190;
                  text-decoration:underline}
.infobox .date {font-weight:bold}
.infobox p.search {text-align:center}
.infobox form {margin:0px}
.infobox input#searchstring { display:block;
                              border:1px solid #04405e;width:100px;
                              margin-left:auto;margin-right:auto; }
.infobox input#searchbutton { display:block;width:70px;
                              margin: 3px auto 3px auto }
                    
/* main Silverline logo etc */
#banner {padding:10px;background-color:#ffffff;
       border:1px solid #04405e;
       width:590px;
       font-size:0.7em;
       padding:3px;
       margin-top:3px;margin-bottom:3px;margin-left:5px}

#banner #contact {float:right;width:250px;text-align:right}
#banner #contact a {color:#2222aa;
              text-decoration:none}
#banner #contact a:hover {color:#CD4704;
                    text-decoration:underline}

/*bar after logo*/
#bluebar { background: #ccddff;
              border:1px solid #04405e;
              width:590px;
              font-size:0.3em;
              padding:0px 3px 0px 3px;
              margin-left:5px}

/* contains navbar and main content, but really just used to position blue bar down the left */
#navandmain {background: url(images/leftbg.gif) top left repeat-y ;width:605px;
              margin-top:7px}
                    
/* Navigation bar*/
#navbar { width:150px;
          float:left;
          margin-top:0px;
          background-color:#036190;
          }
#navbar .link { margin:5px;padding:3px;
                border-bottom:#04405e 1px dashed;
                border-right:#04405e 1px dashed;
                font-size:0.8em;font-weight:bold;text-align:right;
                color:#aaaacc
                }
#navbar .nolink { margin:5px;padding:3px;
                border-bottom:#04405e 1px dashed;
                border-right:#04405e 1px dashed;
                font-size:0.8em;font-weight:bold;text-align:right;
                color:#aaaacc
                }
#navbar .catlink {font-size:0.85em;font-weight:normal;text-align:right}
#navbar .catlink a {text-decoration:underline}
#navbar .subcatlink a {color:#ffff00;font-size:0.8em;font-weight:normal;text-decoration:underline}

#navbar  a {color:#ffffff;text-decoration:none}
#navbar  a:hover {color:#CD4704;background-color:#036190}
#navbar  a img {width:0px;height:0px;vertical-align:bottom}
#navbar  a:hover img {width:14px;height:14px}


/* main */

#main {margin-left:165px; width:430px;background-color:#ffffff}
#main h1 {font-size:0.9em;color:#036190;margin-top:0px;margin-bottom:5px;margin-right:10px}
#main h2 {font-size:0.8em;color:#036190;margin-top:10px;margin-bottom:5px;margin-right:10px}
#main h2 a {text-decoration:none;color:#036190}
#main h2 a:hover {color:#ccddff}
#main p {font-size:0.8em;color:#222222;margin-top:10px;margin-bottom:5px;margin-right:10px}
#main p a {color:#2222aa;text-decoration:none;font-weight:bold}
#main p a:hover {color:#CD4704}
#main li {font-size:0.8em;color:#222222;margin-top:10px;margin-bottom:5px;margin-right:10px}

#mainimg {width:200px;float:right;margin-left:7px;margin-bottom:5px}

.itemintro {margin:0px;width:570px}
.itemintro td {padding:0px}

td {vertical-align:top}
th {vertical-align:top}

table#shopfront td {font-size:0.8em;text-align:center;width:33%}
table#shopfront td a {color:#2222aa;text-decoration:none;font-weight:bold}
table#shopfront td a:hover {color:#ccddff}

table.category {border-bottom: 1px #036190 solid;width:420px;margin-top:8px}
table.category img {margin-top:10px}

table#cart td {font-size:0.8em;padding:3px}
table#cart th {font-size:0.8em;padding-top:20px}
table#cart td.cartitembottom {text-align:right;padding-bottom:10px;
                              border-bottom:1px solid #036190}
                              
table.account td {font-size:0.8em;padding:3px}

table#checkout td {font-size:0.8em;padding:3px}

table#news {width:430px}
table#news td {font-size:0.8em;padding:3px}
table#news td  h2 {font-size:1em;padding:3px}
table#news td.date {width:100px}
table#news td.title {}
table#news td.image {}
table#news td.description {}
table#news td.break {border-bottom:1px solid #036190}

table#enquiry {width:430px}
table#enquiry td {font-size:0.8em;color:#000000}

#subcatimg {width:200px;float:right}

#category img {float:right;width:200px;margin:0px 0px 5px 10px}


table.product {border-top:1px #036190 solid;width:560px}
table.product td.price {text-align:right;width:170px}
table.product td.price img {width:50px;border:1px #000000 solid}

table.productsearch {border-top:1px #036190 solid;width:420px}
table.productsearch td.price {text-align:right;width:170px}
table.productsearch td.price img {width:50px;border:1px #000000 solid}

table h3 {font-size:0.8em;color:#036190;margin-top:10px;margin:0px}
table h3 a {text-decoration:none;color:#036190}
table h3 a:hover {color:#CD4704}

.prices {font-size:0.7em}
.vatprice {font-weight:bold}
.oldprice {text-decoration:line-through}
.saleprice {color:#ff0000}

#prodimage {background: #ccddff;
            border:1px solid #04405e;
            float:right;width:200px;text-align:center;margin:0px 0px 5px 5px}
#prodimage form {margin-top:10px;margin-bottom:3px}

#certimage {float:right;width:200px;text-align:center;margin:2px}

#contentimage {float:right;width:200px}

table#demo {margin-top:15px; width:450px}
table#demo td {font-size:0.8em}

table.testing {width:580px}
table.testing th {background-color:#036190;color:#ffffff;font-size:0.8em;
                  padding:2px}
table.testing td {background-color:#ffffff;color:#222222;font-size:0.8em;
                  padding:2px}
                  
table.guarantee {margin-top:10px;margin-bottom:10px}
table.guarantee th {font-size:0.8em;color:#ffffff;background-color:#036190;padding:2px}
table.guarantee td {font-size:0.8em;color:#222222;background-color:#ffffff;padding:2px}



.titlelowercase {text-transform:lowercase}


/* footer */
#footer { clear:left;
          padding:10px;
          text-align:center;
          font-size:0.7em;
          background: url(images/leftbg.gif) top left repeat-y ;
          }
#footer a {color:#2222aa}

/*for some tech pages and more detailed product pages*/

#techcontainer {width:760px;
            margin-left:auto;margin-right:auto;
            margin-top:0px;
            border:1px solid #04405e;
            font-family:arial,verdana,sans-serif;
            padding-left:0px;
            background:url(images/thinbgbar.gif) repeat-y right}

#widebanner {padding:10px;background-color:#ffffff;
       border:1px solid #04405e;
       font-size:0.7em;
       padding:3px;
       margin:3px 2px 3px 5px}

#widenavandmain {background: url(images/leftbg.gif) top left repeat-y ;
              margin-top:7px}

#widemain {margin-left:165px;margin-right:10px;background-color:#ffffff}
#widemain h1 {font-size:0.9em;color:#036190;margin-top:0px;margin-bottom:5px;margin-right:10px}
#widemain h2 {font-size:0.8em;color:#036190;margin-top:10px;margin-bottom:5px;margin-right:10px}
#widemain h2 a {text-decoration:none;color:#036190}
#widemain h2 a:hover {color:#ccddff}
#widemain p {font-size:0.8em;color:#222222;margin-top:10px;margin-bottom:5px;margin-right:10px}
#widemain p a {color:#2222aa;text-decoration:none;font-weight:bold}
#widemain p a:hover {color:#CD4704}
#widemain li {font-size:0.8em;color:#222222;margin-top:10px;margin-bottom:5px;margin-right:10px}

#shortrightcolumn {float:right; width:150px;background-color:#036190; height:62px}

/*quickcart where we need to use full width of rest of the page*/
#quickcartnobubbles {width:150px;text-align:center;
            }
#quickcartnobubbles table {
                  width: 120px;
                  margin-left:auto;
                  margin-right:auto;
                  margin-top:5px;
                  margin-bottom:0px;
                  font-size:0.7em;
                  border-collapse: collapse}
#quickcartnobubbles th {background-color:#ffffff;
                color:#036190;
                font-weight:bold}
#quickcartnobubbles td {background-color:#036190;
                color:#ffffff}
#quickcartnobubbles td#cartimage {border-left:0px}
#quickcartnobubbles p {font-size:0.7em;
              color:#ffffff;
              }
#quickcartnobubbles a {color:#ffffff;
              background-color:#036190;
              font-weight:bold;
              text-decoration:none}
#quickcartnobubbles a:hover {color:#ffff00;
                    text-decoration:underline}

/* end of tech pages styles */

#pay {text-align:center}

div.formerror {font-size:0.8em;color:#ff0000}