/*GarnerWeb - carp-tart.css 2006-2011 */
Body
    {
    font-family:verdana,helvetica,sans-serif;
    background-color:#006600;
    /*rgb=255 246 233 */
    color:#fff6e9;
    }
h1   {color:#000; font-weight:bold;text-align: left; }
h2   {color:#f00; font-weight:bold;text-align: left; }
h3   {text-align: center; }
h4   {font-weight:bold;text-align: left; }
h5   {color:#000; font-weight:normal;font-size:0.7em;text-align: left;}

/* Default - Hyperlink Settings */
a {outline-style: none; }
A:link { color: #fff6e9; text-decoration: underline; }          /* unvisited link */
A:visited { color: #fff6e9; text-decoration: underline;}        /* visited links */
A:active { color: #fff6e9; text-decoration: underline; }        /* active links */
A:hover { text-decoration: underline; }
/* ****************** */

.boldit {font-weight: bold;}
.smallfont {font-size: 0.6em;}
.smaller {font-size: 0.9em;}
.larger {font-size: 1.2em;}
.logo{text-align:center;}
#temp{text-align:center;}
.inline {display: inline;}
.floatl {float: left; padding: 0px 10px 0px 0px;}
.floatr {float: right; padding: 0px 0px 0px 10px;}
.original {float: right; padding: 0px 0px 0px 10px;margin-top: -40px; margin-right: 70px;}



/* Default - no border for images */
    img   {   border-style: none;  }
/* ****************** */

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px; font-size:14px;font-weight:bold;background:transparent url(http://www.carp-tart.com/Images/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(http://www.carp-tart.com/Images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */


/* Applied to the majority of Body text */
#bodytext
    {
    margin: 0px auto;
    width: 1080px;
    }
#bodytext img
{
    border-style: none;
}
/* #bodytext A
{
    font-size:0.9em;
    letter-spacing: 0.1em;
}*/
/* ****************** */

/* Index page Product buttons */
#homemenuc1 {margin-left: 76px;}
#homemenuc2 {margin-left: 236px; margin-top: -174px;}
#homemenuc3 {margin-left: 396px; margin-top: -174px;}
#homemenuc4 {margin-left: 556px; margin-top: -174px;}
#homemenuc5 {margin-left: 716px; margin-top: -174px;}
#homemenuc6 {margin-left: 876px; margin-top: -174px;}



/* ****************** */

/* Small Navigation Lozenges */
#lozenges
    {
    text-align: center;
    margin-top: 5em;
    }
#lozenges img
{
    margin-left: 2em;
}
#lozenges a:hover { text-decoration: none; }

/* PayPal text in ssi\buttons.txt & ssi\product_buttons.txt */
#pay
    {
    clear: both;
    text-align: center;
    margin-top: 0em;
    }
/* ****************** */

/* Copyright and Text links */
#mainfooter
    {
    clear: both;
    margin-top: 4em;
    text-align: center;
    font-size:0.7em;
    letter-spacing: 0.1em;
    }
/* ****************** */

/* Applied to prices */
.price
    {
    margin-top: 1.5em;
    font-size:0.7em;
    font-weight: bold;
    }

/* ****************** */

/* Footer on individual Product Page */
#footer
    {
    margin-top: 1.5em;
    }

#footer A
    {
    text-align: left;
    font-size:0.8em;
    }

#footer A:hover
    {
    text-decoration: none;
    color: #006600;
    background:#fff6e9;
    }
/* ******************
Product Pages
****************** */

.prodtitle
    {
    color:#fff6e9;
    text-align: left;
    font-size:1.1em;
    font-weight: bold;
    }

#leftpic
{
    float: left;
    background-color:#006600;
    /*position: absolute;
    top: 146px;
    left: 15px;*/
}

#text
{
    background-color:#006600;
    color:#fff6e9;
    margin-left: 400px;
    width: 47%;
}
#popuptext
{
    background-color:#006600;
    color:#fff6e9;
}


#prodmenu A { color: #fff6e9; text-decoration: none; font-size:0.8em; text-align: center;}
#prodmenu A:visited { color: #fff6e9; text-decoration: none; font-size:0.8em;}        /* visited links */
#prodmenu A:active { color: #fff6e9; text-decoration: none; font-size:0.8em; }        /* active links */
#prodmenu A:hover {text-decoration: none;}
#prodmenu A:hover span {color: #006600;background:#fff6e9; text-align: center;}

#prodmenuc1 {
    /*#margin-top: 4px;   override for Microsoft Internet Explorer browsers*/
    width: 112px;
    text-align: center;
    }

#prodmenuc2 {
    position: absolute;
    top: 281px;
    margin-left: 120px;
    width: 112px;
    text-align: center;
    }
#prodmenuc3 {
    position: absolute;
    top: 281px;
    margin-left: 240px;
    width: 112px;
    text-align: center;
    }
#prodmenuc4 {
    position: absolute;
    top: 281px;
    margin-left: 360px;
    width: 112px;
    text-align: center;
    }
#prodmenuc5 {
    position: absolute;
    top: 281px;
    margin-left: 480px;
    width: 112px;
    text-align: center;
    }
#prodmenuc6 {
    position: absolute;
    top: 281px;
    margin-left: 600px;
    width: 112px;
    text-align: center;
    }
#prodmenuc7 {
    position: absolute;
    top: 281px;
    margin-left: 720px;
    width: 112px;
    text-align: center;
    }
#prodmenuc8 {
    position: absolute;
    top: 281px;
    margin-left: 840px;
    width: 112px;
    text-align: center;
    }

#prodmenu img
{
    border-style: none;
    margin-left: 1.9em;
    margin-right: 2em;
    margin-top:1.5em;
    margin-bottom:0.1em;
    /*#margin-left: 1.5em; override for Microsoft Internet Explorer browsers*/
}

/*#prodmenu
{
    margin-top: 2em;
    margin-left: 0em;
}*/


/* Links Page*/

#links1 {
    width: 290px
    }
#links1 img{ margin-left: 0em;}


#links2 {
    position: absolute;
    top: 297px;
    margin-left: 300px;
    width: 290px
    }
#links2 img{ margin-left: 0em;}

#links3 {
    position: absolute;
    top: 297px;
    margin-left: 600px;
    width: 290px
    }
#links3 img{ margin-left: 0em;}

/* ****************** */
 /* Buttons hacked from: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html (Used on http://www.garnerweb.co.uk)
Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). 
Using a different padding, means setting a different height *IMPLEMENTED WITH NON-CHANGING BUTTON.*/

a.button {
    background: transparent url('Images/prodbut.png') no-repeat scroll;
    display: block;
    font-family:verdana,helvetica,sans-serif;
    font-weight:bold;
    font-size: 85%;
    height: 48px;
    margin-right: 0px;
    /*padding-right: 10px;  sliding doors padding */
    text-decoration: none;
    width: 142px; /* check in IE! */ 
    text-align: center;
    margin-bottom: 10px; /* gap between buttons */
    }

/*Reverse colours used from main gwstles */
a.button:link {color: #EEFFDF;text-decoration: none;}          
a.button:visited {color: #EEFFDF;text-decoration: none;}
a.button:hover {color: #060;text-decoration: none;}


a.button span {
    /*background: transparent url('/images/newbutton.png') no-repeat; */
    display: block;
    line-height: 16px;  
    padding: 8px 8px 5px 8px;}

 a.button:active {
    outline-style: none;
     /*background-image: none; */
    text-decoration: none;
    color: #060;}

a.button:active span {
    /*background-position: bottom left;*/
    /*background-image: none; */
    padding: 10px 8px 3px 8px; /* push text down 2px */}

/*************************************************************************************************/

/* Google */
#botad{
    margin-top: 40px;
    }
#botadnotproduct{
   clear: both;
   margin-top: 50px;
   text-align:center;
    }
#rgtad{
    /*position: absolute;*/
    float: right;
    padding: 15px 0px 15px 20px;
    }
    
/* ****************** */
/* Amazon */

#amazbanner
    {
    text-align: center;
    }

#amazprod
    {
    clear: both;
    text-align: left;
    position: relative;
    top: 60px;
    left: 190px;
    width: 760px;
    }

#amazright
    {
    clear: both;
    position: absolute;
    left: 2em;
    top: 155px;
    }
#amazsearch
    {
    position: relative;
    margin-left: 200px;
    margin-top: 50px;
    }

/* ****************** */

/* End */