/*-----------------------------------------------------------------------------
version:	1.0
author:		John Anderson
date:		2009 March 27d
website:        Wines of South Africa
page:           site


-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
    font-family: Verdana, Arial, sans-serif;
    color: #3e3e3e;
    background: #6bad3a url(../img/bodybg.jpg) top center no-repeat;
    font-size: 13px;
    
}

a, a:active, :focus { outline: none; -moz-outline-style: none; }

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
            width: 1053px;
            margin: 0 auto;
            background: url(../img/containerbg.png);
        }
            #header {
                margin: 0 auto;
                width: 971px;
                height: 162px;
                position: relative;
                background: url(../img/headerbg-2010.jpg);
            }
            #content {
                margin: 0 41px;
                width: 971px;
                background: white url(../img/contentbg.jpg);
                float: left;
                display: inline;
            }
                #navigation {
                    width: 234px;
                    float: left;
                    margin-left: 24px;
                    display: inline;
                }
                #main {
                    float: left;
                    margin: 50px 0 0 34px;
                    display: inline;
                }
                    #maincontent {
                        float: left;
                        width: 344px;
                    }
                    #sidebar {
                        width: 277px;
                        float: left;
                        margin-left: 34px;
                        display: inline;
                    }
                    #winecontent {
                        float: left;
                        width: 655px;
                    }
            #footer {
                clear: both;
                background: transparent url(../img/footerbg2.jpg) top left no-repeat;
                width: 1053px;
                height: 206px;
                display: block;
            }
		body.red #sidebar, 
		body.white #sidebar, 
		body.rose #sidebar { display: none; }


/* =Typography
-----------------------------------------------------------------------------*/
    h2 {
        font-size: 18px;
        color: #155731;
    }
    h1 {
        font-size: 24px;
        color: #155731;
    }
    #main p {
        margin-bottom: 15px;
    }
        form p {
            font-size: 12px;
            margin-bottom: 0px;
        }
    p.openingpara {
        color: #6bad3a;
    }
    p.question {
         color: #6bad3a;
         font-weight: bold;
         font-size: 14px!important;
         margin-bottom: 5px!important;
         margin: 12px 0;
    }
    #winecontent h4 {
        color: #b4083a;
        font-size: 16px;
    }
    #winecontent h5 {
        color: #000000;
        font-size: 12px;
    }
    #winecontent p {
        font-size: 11px;
        margin-bottom: 7px!important;
    }
    #winecontent p.stockist {
        font-weight: bold;
        color: #000000;
    }
    #winecontent p.region {
        font-weight: bold;
        color: #000000;
    }

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
    #navigation a,
    #main a
    {
        font-size: 13px;
        color: #6bad3a;
    }
    
    #header ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #header h1 a {
        position: absolute;
        width: 237px;
        height: 162px;
        text-indent: -1000em;
    }
    #header .route a {
        position: absolute;
        width: 548px;
        height: 100px;
        text-indent: -1000em;        
    }
    #header h1 a {
        top: 0;
        left: 29px;
    }
    #header .route a {
        top: 63px;
        left: 291px;
    }



/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
    #navigation ul {
        list-style: none;
/*        float: left;*/
        border-top: 1px solid #6bad3a;
        padding: 0;
        margin: 30px 0 0 0;
    }
        #navigation ul li {
/*            float: left;*/
            list-style: none;
            height: 35px;
            border-bottom: 1px solid #6bad3a;
        }
            #navigation ul li a {
                display: block;
                text-decoration: none;
                line-height: 35px;
                font-size: 12px;
                color: #6bad3a;
                font-weight: bold;
                height: 35px;
                padding-left: 5px;
            }
                #navigation ul li a:hover,
                #navigation ul li.active a
                {
                    background-color: #d8ddd3;
                }
    #navigation img {
        margin-top: 20px;
    }
    #navigation p,
    #navigation h2
    {
        margin-left: 10px;
    }




/* =Sub Nav
-----------------------------------------------------------------------------*/
        #winenav ul {
            list-style: none;
            float: left;
            margin: 0;
            padding: 0;
            width: 655px;
            background: url(../img/winenavbg.gif) repeat-x;
        }
            #winenav ul li {
                list-style: none;
                float: left;
                width: 103px;
                height: 26px;
            }
                #winenav ul li a {
                    display: block;
                    line-height: 26px;
                    text-decoration: none;
                    width: 103px;
                }
                    #winenav ul li.red  a{
                        background: url(../img/redbutton.jpg) no-repeat top left;
                    }
                    #winenav ul li.white a{
                        background: url(../img/whitebutton.jpg) no-repeat top left;
                    }
                    #winenav ul li.rose a {
                        background: url(../img/rosebutton.jpg) no-repeat top left;
                    }
                    #winenav ul li a span { visibility: hidden; }
                    #winenav ul li.active a,
                    #winenav ul li a:hover
                    {
                        background-position: bottom left;
                    }




/* =Main Content
-----------------------------------------------------------------------------*/
     ul#routelist {
        margin: 0 0 0 20px;
        padding: 0;
    }
        ul#routelist li {
            margin-bottom: 25px;
        }
            ul#routelist li.a {
                list-style-image: url(../img/route-number1.png);
            }
            ul#routelist li.b {
                list-style-image: url(../img/route-number2.png);
            }
            ul#routelist li.c {
                list-style-image: url(../img/route-number3.png);
            }
            ul#routelist li.d {
                list-style-image: url(../img/route-number4.png);
            }
            ul#routelist li.e {
                list-style-image: url(../img/route-number5.png);
            }
            ul#routelist li.f {
                list-style-image: url(../img/route-number6.png);
            }
            ul#routelist li.g {
                list-style-image: url(../img/route-number7.png);
            }
            ul#routelist li.h {
                list-style-image: url(../img/route-number8.png);
            }
        #routelist p {
            margin: 0;
        }
        #routelist p.city {
            font-size: 18px;
            color: #155731;
            font-weight: bold;
        }
        #routelist p.dateandaddress {
            font-weight: bold;
        }
/* Wine page */
  
    .wineentry {
        float: left;
        width: 310px;
        display: inline;
        margin-top: 20px;
    }
        .wineentry .wineimg {
            float: left;
            margin-right: 17px;
            width: 60px;
            float: left;
            min-height: 250px;
            height: auto;
            height: 250px;        
        
        }
    .wide {
        margin-right: 35px;
    }
        .wineentry .bottomline {
            background: url(../img/wineentrybg.jpg) bottom left no-repeat;
            clear: left;
        }
/* = Terms and Conditions */

    #main ol {
        /*width: 400px;*/
    }




/* =Secondary Content
-----------------------------------------------------------------------------*/



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



/* =Forms
-----------------------------------------------------------------------------*/
    #submit {
        height: 23px;
        width: 117px;
        background: url(../img/submitbg.jpg) no-repeat;
        margin-top: 7px;
        color: #ffffff;
        display: block;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    form p, form div.input {
        float: left;
        margin-bottom: 5px;
    }
        form label {
            float: left;
            width: 100px;
        }
        form input {
            width: 200px;
        }
        form label.radio,
        form input.radio {
            width: auto;
        }
        form input.radio {
            float: left;
        }
        form label.radio {
            padding-right: 5px;
        }
        form label.question {
            width: 99%;
            color: #6CB737;
            font-weight: bold;
        }
        form label.error { 
        	text-align: left; 
        	color: red!important; 
        	width: 17em;
        }
        form textarea {
            width: 200px;
            height: 50px;
        }
        form p.input-first { width: 100%; }
        form p.input-first input {
            float: left;
            margin-right: 5px;
            width: 2em;
        }
        form p.input-first label {
            width: 90%;
            clear: right;
        }
    form fieldset {
        border: 1px solid #6BAD3A;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        margin: 0 0 1em 0;
        padding: 1em 0;
    }
    form legend {
        text-transform: uppercase;
        color: #7bc143;
        font-weight: bold;
    }
    div.submit { margin-bottom: 2em; }


/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
    #navigation hr {
        margin: 20px 0 0 0;
        color: #6bad3a;
    }



/* =Misc 2
-----------------------------------------------------------------------------*/