@font-face {
    font-family: 'AngelinaRegular';
    src: url('/fonts/angelina-webfont.eot');
    src: url('/fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/angelina-webfont.woff') format('woff'),
         url('/fonts/angelina-webfont.ttf') format('truetype'),
         url('/fonts/angelina-webfont.svg#AngelinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SurfaceMedium';
    src: url('/fonts/surface-medium-webfont.eot');
    src: url('/fonts/surface-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/surface-medium-webfont.woff') format('woff'),
         url('/fonts/surface-medium-webfont.ttf') format('truetype'),
         url('/fonts/surface-medium-webfont.svg#SurfaceMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{
    background-color: #D0E8E8;
    font-family: "SurfaceMedium", Georgia, "Times New Roman" , Times, serif;
    background-image:url(/images/2012/background.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    font-size: 18px;
    color:#888;
}

.theWrapper 
{
    background:#fff;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding:0 10px 0 10px;
    overflow:hidden;
}
.topHeader 
{
    width:100%;
    height:150px;

}

.topHeaderWrapper 
{
    width:940px;
    margin:0 auto 0 auto;
    overflow:hidden;
    padding:10px;
}

.leftColumn 
{
    background:#E9E9E9;
    width:220px;
    float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    padding:30px 10px 20px 10px;
    margin-right:10px;
}

.rightColumn 
{
    width:700px;
    float:left;
    padding-top:30px;
}

.footer 
{
    background:#9CCECF;
    padding:10px;
    background-image:url(/images/2012/headerBackground.jpg);
    background-repeat:repeat-x;
}

.footer a:link, .footer a:visited 
{
    color:#666;
    text-decoration:none;
}

.topNavSmall 
{
    float:right;
    width:500px;
    overflow:hidden;
}

.topNavSmall li
{
    float:right;
    margin-left:40px;
}

.topNavSmall a:Link, .topNavSmall a:Visited
{
    color:#666;
    text-decoration:none;
    font-size:14px;
}

.topNavMain 
{
    width:360px;
    float:right;
}

.topNavMain
{
    margin-top:88px;
    list-style-type:none;
}

.topNavMain li
{
    float:left;
    background:#fff;
    padding:10px 30px 10px 30px;
    margin-left:5px;
    -moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.topNavMain li a:link, .topNavMain li a:visited
{
    text-decoration:none;
    color:#72B9B9;
}

.contentBlock 
{
    width:333px;
    float:left; 
}

.contentBlockInner 
{
    display:block;
    height:190px;
    background:#EEF7F7;
    border:1px solid #B4DADA;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:8px;
}

.contentBlockInner img 
{
    border:1px solid #ccc;
    padding:4px;
    background:#fff;
    float:left;
    margin-left:8px;
    margin-bottom:8px;
}

.contentBlocksHolder 
{
    width:100%; overflow:hidden;margin-bottom:20px;
}

.contentBlocksHolder:first-child
{
border-right:1px dotted #B2D7D8;
margin-right:10px;
}

.testimonials 
{
    background:#9CCECF;
    padding:10px;
    margin-left:-10px;
    margin-right:-10px;
    color:#666;
    margin-bottom:10px;
}
.testimonials p
{
    font-size:14px;
    padding-left:10px;
}

.testimonials .theDate
{
    text-align:right;
}

a:link, a:visited
{
    color: #8DBFC5;
}

a:hover, a:active
{
    color: #666;
    text-decoration: none;
}

.socialLinks a:link, .socialLinks a:visited
{
    color:#999;
    text-decoration:none;
}

.topNav
{
    width: 968px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    height: 35px;
}

.topNav li
{
    float: right;
    margin-right: 5px;
    padding-top: 5px;
}

.topNav a
{
    background-color: #fff;
    padding: 20px;
}

.topNav a:hover
{
    background-color: #9ECFD0;
}

#theWrapper
{
    width: 968px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

#wrapper
{
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    width: 960px;
    border: 1px #97CACA solid;
}

#main
{
    margin-bottom: 4px;
    margin-top: 4px;
    background-color: #CAD787;
    padding: 9px;
    line-height: 25px;
    font-size: 14px;
    color: #111;
    overflow: hidden;
}

#mainAbout
{
    background-color: #CAD787;
    padding: 9px;
    line-height: 18px;
    width: 608px;
    height: 347px;
    float: left;
    margin-right: 4px;
}

#mainOurStock
{
    background-color: #CAD787;
    padding: 9px;
    line-height: 18px;
    width: 648px;
    float: left;
}

#aboutPhotos
{
    height: 365px;
    overflow: hidden;
}

#ourStockPhotos
{
    float: left;
    width: 230px;
    margin-right: 4px;
    overflow: hidden;
}

#ourStockPhotos img
{
    margin-bottom: 4px;
}

#aboutPhotos img
{
    margin-bottom: 4px;
}



#homeDiv
{
    height: 500px;
}


#header
{
    height: 100px;
    background-image: url(/images/headerBg.jpg);
    background-repeat: repeat-x;
}

#footer
{
    background-image: url(/images/footerBg.jpg);
    background-repeat: repeat-x;
    padding: 9px;
    overflow: hidden;
    background: #BADCDD;
}

.footerLeft
{
    float: left;
    width: 770px;
    overflow: auto;
}

.footerLeft h2
{
    margin-bottom: 10px;
}

.footerLeft div
{
    float: left;
    width: 220px;
}

.footerLeft div a
{
    display: block;
    margin-bottom: 4px;
}

.footerLeft div img
{
    margin-right: 5px;
}

.footerRight
{
    float: left;
    width: 170px;
}

.titleImg
{
    margin-top: 24px;
}

#tabNav
{
    width: 450px;
    margin-left: 660px;
    padding-top: 71px;
}

#tabNav ul
{
}

#tabNav li
{
    list-style: none;
    float: left;
    margin-right: 5px;
    padding: 7px;
    background-color: #D0E8E8;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

#tabNav li#active
{
    background-color: #fff;
}

#tabNav a
{
    text-decoration: none;
    font-weight: bold;
}

#copyright
{
    font-size: 14px;
    color: #316262;
    text-align: right;
}

#leftCol
{
    width: 520px;
    float: left;
}

#rightCol
{
    padding-left: 18px;
    float: left;
    width: 200px;
}

h1
{
    font-family: "AngelinaRegular", Georgia, "Times New Roman" , Times, serif;
    font-size: 38px;
    color: #72BABA;
    font-weight:bold;
    margin-bottom: 10px;
}

h2
{
    font-family: "AngelinaRegular", Georgia, "Times New Roman" , Times, serif;
    font-size: 26px;
    color: #666;
    font-weight: bold;
    margin-bottom:5px;
}



input, textarea
{
    color: #51591E;
    background: #E3EBC2;
    border: 1px solid #51591E;
}

.submit input
{
    color: #fff;
    background: #7D8A2E;
    border: 2px outset #d7b9c9;
}

.map
{
    background-color: #E3EBC2;
    padding: 5px;
}


#openingHours
{
    width: 200px;
    float: left;
}

.anImage
{
    border: 4px solid #E3EBC2;
    margin: 3px;
}

.friendLink
{
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
    text-decoration: none;
}

.date
{
    font-weight: bold;
}

#photos
{
    margin-top: 4px;
    height: 225px;
    overflow: hidden;
}

p
{
    margin-bottom: 15px;
    line-height: 20px;
}

.loginForm
{
}

.loginForm td
{
    padding: 2px;
}

.loginLabel
{
    font-weight: bold;
    color: #646E3B;
}

#contact
{
    background: url(/images/contactBg.gif) no-repeat;
    width: 345px;
    height: 181px;
}

#contactForm
{
    width: 130px;
    margin-left: 90px;
    padding: 10px;
}

#contactForm input
{
    margin-bottom: 5px;
    float: left;
    width: 150px;
    padding: 2px;
}

#contactForm textarea
{
    height: 80px;
    width: 160px;
    margin-bottom: 5px;
}

#shopCategories a
{
    display: block;
}

#shopContent
{
    float: left;
    width: 600px;
}

#cartFunctions 
{
    text-align: right;
    width:960px;
    margin:0 auto 0 auto;
    padding-top:50px;
    font-size:90%;
}

#cartFunctions a
{
    display: block;
    margin-bottom: 6px;
}

#loginDiv
{
    width: 415px;
    float: left;
    padding: 10px;
    margin-right: 5px;
    border: 1px solid #646E49;
    background-color: #fff;
}

#registerDiv
{
    width: 415px;
    float: left;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #646E49;
}

.loginRegisterTb
{
    width: 200px;
}

#loginRegisterWrapper
{
    width: 100%;
    overflow: auto;
}

#loginRegisterWrapper h2
{
    background-color: #646E49;
    margin: -10px;
    margin-bottom: 10px;
    color: #CAD787;
    padding: 3px;
    font-size: 16px;
}

#loginRegisterWrapper p
{
    font-size: 11px;
}

#shopCategories a:Link, #shopCategories a:Visited
{
    display: block;
    color: #999;
    margin-bottom: 10px;
}

#shopCategories a:Hover, #shopCategories a:Active
{
    color: #fff;
}

.productDiv img
{
    display: block;
}

.productDiv span
{
    display: block;
    text-align: center;
    color:#666;
}

.productPrice
{
    font-weight: bold;
    color: #9CCECF;
    font-size:24px;
    text-decoration: none;
}

.productDiv
{
    width: 190px;
    height:250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #9CCECF;
    font-size: 90%;
    line-height: 1.6em;
    padding:3px;
    
}

.relatedProducts 
{
    width:100%;
    overflow:hidden;
}

.relatedProducts img 
{
    width:90px;
    height:90px;
    padding:5px;
    background:#E9E9E9;
    border:1px solid #ccc;
    margin:0 10px 10px 0;
}

.relatedProducts img:hover
{
    background:#9CCECF;
    border:1px solid #666666;
}


.productDiv a:Link, .productDiv a:visited 
{
    text-decoration:none;
}

.productDiv:Hover
{
    border: 1px solid #ccc;
    background:#9CCECF;
}

.adminLeftCol a
{
    display: block;
}

.adminLeftCol h3
{
    margin-top: 10px;
}

.productBigImage
{
    width: 300px;
    float: left;
    padding:7px;
    background:#E9E9E9;
    border:1px solid #CCCCCC;
}

.productDescription
{
    float: left;
    width: 340px;
    border-left:1px dashed #ccc;
    padding-left:20px;
    margin-left:20px;
}

.productDescription hr 
{
    border-bottom:1px dashed #ccc;
    border-top-width:0px;
}

.bigProduct
{
    padding: 3px;
    background: #fff;
}

.AddToCart
{
    background-color: #7D8A2E;
    border: 1px solid #7D8A2E;
    padding: 3px;
    height: 30px;
}

.cartBtn
{
    border: 1px solid #fff;
}

.categoryLink
{
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding:5px;
}

.categoryLink:Link, .categoryLink:Visited
{
    color: #4E5910;
    text-decoration: none;
}

.categoryLink:Hover, .categoryLink:Active
{
    color: #FFFFFF;
    background-color: #9CCECF;
    text-decoration: underline;
}

.categoryDescription
{
    float:left;
    width:300px;
}

h3
{
    font-weight:bold;
    color:#333;
}

.theWrapper .categoryImg
{
    border: 4px solid #ccc;
    width: 300px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.shoppingCart
{
    width: 500px;
    background-color: #fff;
    border: 2px solid #7E8942;
}

.shoppingCart td
{
    padding: 3px;
}

.thecart th
{
    font-weight: bold;
}

.totalDiv
{
    padding: 5px;
    background: #7E8942;
    width: 490px;
    font-weight: bold;
    color: #CAD787;
}

.deliveryAddress
{
    background-color: #7D8A2E;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px;
    width: 400px;
    margin-bottom: 10px;
}

.deliveryAddress h3
{
    color: #CAD787;
}

.addToCartTbl
{
    width: 210px;
    background-color: #fff;
    margin-top: 10px;
}

.addToCartTbl td
{
    padding: 3px;
}

.addToCartTbl select
{
    width: 70px;
}

.leftCol
{
    float: left;
    width: 220px;
}

.rightCol
{
    float: left;
    width: 720px;
}

.homeWelcome
{
    width: 460px;
    float: left;
    border-right: 1px solid #BECB7C;
    padding-right: 10px;
    margin-right: 10px;
}

.latestProducts
{
    width: 230px;
    float: left;
}

.latestProducts img
{
    width: 230px;
    border: 3px solid #fff;
}

.latestProduct img:hover
{
    border: 3px solid #636E25;
}

.latestProduct img
{
    width: 224px;
}


.phoneNumber
{
    font: normal 180% arial;
    float: left;
    color: #fff;
    background-color: #9ECFD0;
    padding: 5px;
    height: 30px;
}

#main .moreProducts
{
    display: block;
    background-color: #636E25;
    padding: 5px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
}

#main .moreProducts:Hover
{
    color: #636E25;
    background-color: #CAD787;
    padding: 3px;
    border: 2px solid #636E25;
}

/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider2
{
    margin-top: 1em;
}
#slider li, #slider2 li
{
    /*  			define width and height of list item (slide) 			entire slider area will adjust according to the parameters provided here 		*/
    width: 650px;
    height: 200px;
    overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}
#nextBtn, #slider1next
{
    left: 696px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls
{
    margin: .5em 0;
    padding: 0;
    height: 28px;
    font-size: 70%;
}
ol#controls li
{
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}
ol#controls li a
{
    float: left;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    background: #646E25;
    color: #fff;
    padding: 0 6px;
    text-decoration: none;
}
ol#controls li.current a
{
    background: #fff;
    color: #646E25;
    font-weight: bold;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}

/* // Easy Slider */

/* Easy Slider */

.latestProducts ul, .latestProducts li, .latestProducts2 ul, .latestProducts2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.latestProducts2
{
    margin-top: 1em;
}
.latestProducts li, .latestProducts2 li
{
    /*  			define width and height of list item (slide) 			entire slider area will adjust according to the parameters provided here 		*/
    width: 230px;
    height: 250px;
    overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}
#nextBtn, #slider1next
{
    left: 696px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls
{
    margin: .5em 0;
    padding: 0;
    height: 28px;
    font-size: 70%;
}
ol#controls li
{
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}
ol#controls li a
{
    float: left;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    background: #646E25;
    color: #fff;
    padding: 0 6px;
    text-decoration: none;
}
ol#controls li.current a
{
    background: #fff;
    color: #646E25;
    font-weight: bold;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}

/* // Easy Slider */

.loginStatus
{
    display:block;
    overflow:hidden;
    margin:0 0 40px 0;
    }
    
    .loginStatus li 
    {
        float:right;
        margin-left:10px;
    }
    
    .create-user
    {
        text-decoration:underline;
        cursor:pointer;
        color:#316262;
    }
    
    
    
    
    
    /*Form styles*/
    
    fieldset 
{
    margin:20px 0 20px 0;
}

fieldset ul 
{
    margin-bottom:20px;
}

fieldset li 
{
    display:block;
    overflow:hidden;
    border-bottom:1px solid #D6D3CB;
    padding:10px 0 10px 0;
}

fieldset .rrtItem li 
{
    display:inline;
    border-bottom-width:0px;
}

fieldset li label 
{
    font-weight:bold;
    width:245px;
    float:left;
    padding:8px 0 0 0;
}

fieldset li input 
{
    width:450px;
    padding:4px;
    font-size:1.1em;
    color:#716C5A;
    border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    float:left;
}

fieldset li input:focus
{
    border:1px solid #F2983A;
}

fieldset li select 
{
    width:450px;
    padding:4px;
    font-size:1.1em;
    color:#716C5A;
    border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    display:block;
}

fieldset li textarea 
{
    display:block;
    width:692px;
    border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    padding:4px;
}

fieldset li textarea:focus
{
    border:1px solid #F2983A;
}

fieldset li select:focus
{
    border:1px solid #F2983A;
}

fieldset ul.checkboxes input 
{
    width:15px;
    height:15px;
    margin:5px 15px 0 0;
}

.signUpBtn 
{
    padding:8px 30px 8px 30px;
    font-weight:bold;
    font-size:1.1em;
    background:#F29839;
    color:#fff;
    border:2px solid #C66D0D;
    border-top-color:#F9CD9D;
    border-left-color:#F9CD9D;
}

.signUpBtn:active
{
    background:#C66D0D;
    border:2px solid #99550B;
}

.required 
{
    color:#f00;
    font-weight:bold;
}