*
{
    margin: 0;
    padding: 0;
    border: none;
    font-family: sans-serif;
}

html, body
{
    height: 100%;
    width: 100%;
    font-family: arial non-serif;
}

.textleft
{
    text-align:left;
}

.textright
{
    text-align:right;
}

a
{
    text-decoration: none;
    border-style: none;
}
a:link { color: #000000; font-weight: normal; }
a:visited { color: #000000; font-weight: normal; }
a:active { color: #000000; font-weight: normal; }
a:hover { color: #000000; text-decoration: underline; }

img
{
    border: none;
    margin: 0px;
    padding: 0px;
}


body
{
    background-color: #faf2d0;
    font-size: 11pt; 
    font-family: serif;
}

#container
{
    /* display:table-cell; */
    margin: auto;
    width: 980px;
    position:relative;
    background: #FFF url(../images/body_bg.png) repeat-y top left;
    
    vertical-align:top;
}

#headerlefttop
{
    background: url(/images/header_leftside_top.gif);
    width: 197px;
    height: 70px;
    float: left;
    
}

#headerleftbottom
{
    background: url(/images/header_leftside_bottom.gif);
    width: 15px;    
    height: 161px;
    float: left;
}

#headerleftbottomlarge
{
    background: url(/images/header_leftside_bottom_large.gif) no-repeat bottom center;
    width: 15px;    
    height: 165px;
    float: left;
}

#headerleftmenu
{
/*    background: url(/images/navigation.gif) no-repeat top left;*/
    width: 182px;    
    height: 246px;
    float: left;  
}

#headerrighttop
{
    background: url(/images/header_rightside_top.gif);
    width: 783px;
    height: 26px;
}

#headerrighttop img
{
    float: right;
}

#headerrightbottom
{
    background: url(/images/header_rightside_bottom.gif) no-repeat;
    width: 783px;    
    height: 205px;
    float: right;     
}


#headerrightbottom img
{
    margin: 0px;
    border: none;
    padding: 0px;
    float: right;
}

#headerrightbottomlarge img
{
    margin: 0px;
    border: none;
    padding: 0px;
}


#sidebar
{
    float: left;
    width: 182px;
    margin-left: 15px;        
    background-color: #dfe7c5;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    position: relative;
    background-repeat: no-repeat;
}

#sidebar #imgs
{
    bottom: 5px;
    left: 10px;
}

#main
{
    width: 775px;
    float: right;
    background-color: #FFFFFF;
    height: auto;
    text-align: left;
}

#content
{
    width: 615px;
    float: left;
}

#content p
{
    font-size: 11pt;
    text-align: left;
    margin: 10px 0px 20px 10px;
    color: #5c3c1f;
}

#footer
{
    clear: both;
}


#footertop
{
    background:url(/images/bottombar.gif) no-repeat;
    height:5px;
    line-height: 5px;
    clear: both;
}

#footermid
{
    width: 100%;
    background-color: #E3D9AB;
    clear: both;
    text-align: center;
    font-size: 12px;
    color: #5c3c1f;
    text-indent: 2em;
    height: 37px;
    line-height: 37px;
}   

#footermid a:link
{
    color: #5c3c1f;
}

#footermid a:visited
{
    color: #5c3c1f;
}

#footerbottom
{
    width: 100%;
    background-color: #BCAD6C;    
    height: 15px;
}


#locationbar
{
    height: 33px;
    font-size: 12pt;
    border-bottom: 1px solid #acbf67;
    float: left;
    text-align: left;
    margin: 20px;
    width: 740px;
}

#cartcolumn
{
    height: 100%;
    float: right;
    width: 130px;
    margin-top: 53px;
}

#cartbox
{
    background-color: #dfe7c5;    
    float: left;
    width: 145px;
    font-size: 10pt;
    padding: 5px;
    line-height: 1.5em;
    margin-right: 5px;
    position: relative;
    left: 0px;
}

#cartbox p
{
    padding: 2px;
}

#cartbox table
{
    font-size: 10pt;
    text-align: center;
}

#cartbox td
{
    padding: 2px;
}

td.designprice
{
    color: #8e2d33;
}

td.designname
{
    text-decoration: underline;
    color: #5c3c1f;
}

td.image
{
    width:140px;
    height:140px;
    border: 1px solid #dfe7c5;
}

#pagetitle
{
    float: right;
    clear: both;
    width: 100%;
    text-align: left;
} 

#pagetitle img
{
     margin-left: 20px;   
     margin-bottom: 10px;
}

#speakbubble
{
    background: url(/images/speakbubble.gif) no-repeat;
    float: left;
    clear: both;
    width: 615px;
    text-align: left;
    height: 44px;
    line-height: 33px;
    color: #6f0000;
    font-size: 16pt;
    font-weight: bold;
    text-indent: 15px;
    
}

#leftside
{
    width: 197px;    
    float:left;
}

#rightside
{
    background: #FFF;
    width: 783px;
    float:right;
}


#menubar ul
{
    list-style: none;
    margin-left: 0px;
}

#menubar li
{
    float: left;
    list-style-type: none;
}

#menubar li a
{
    top: 0;
    left:0;
    margin: 0;
    padding: 0;
    display: block;
    height: 302px;
    width: 182px;
    text-indent: -9999px; /* to hide text */
    background: url(/images/navigation.gif) no-repeat top;
    overflow: hidden;
    text-decoration:none;
    background-color: blue;
    font-weight: bold;    
}

li#n_who a { 
    
    width: 182px;
    height: 30px;
    background-position: 0px 0px;     
}

li#n_who a:hover {
 background-position: -182px 0px; 
}

li#n_store a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -30px;     
}

li#n_store a:hover {
 background-position: -182px -30px; 
}

li#n_newproducts a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -61px;     
}

li#n_newproducts a:hover {
 background-position: -182px -61px; 
}

li#n_wholesale a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -92px;     
}

li#n_wholesale a:hover {
 background-position: -182px -92px; 
}

li#n_blog a { 
    
    width: 182px;
    height: 32px;
    background-position: 0px -123px;     
}

li#n_blog a:hover {
 background-position: -182px -123px; 
}

li#n_events a { 
    
    width: 182px;
    height: 32px;
    background-position: 0px -155px;     
}

li#n_events a:hover {
 background-position: -182px -155px; 
}

li#n_media a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -187px;     
}

li#n_media a:hover {
 background-position: -182px -187px; 
}

li#n_contests a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -218px;     
}

li#n_contests a:hover {
 background-position: -182px -218px; 
}

li#n_links a { 
    
    width: 182px;
    height: 31px;
    background-position: 0px -249px;     
}

li#n_links a:hover {
 background-position: -182px -249px; 
}

#price
{
    font-size: 11pt;
    text-align: center;
}

#name
{
    font-size: 11pt;
    text-align: center;
}


/* Blog system - article styles */

.previous_blog
{
    float: left;
}

.next_blog
{
    float:right;
}

.comment_container, .blog_container
{
    margin: 20px;
}

#show-hide-container {
    margin-left: 20px;
}

.blog_info, .comment_info
{
    clear: right;
    text-align: left;    
}

.blog_text, .comment_text
{
    text-align: left;
}


/* Blog system - comment styles */


.single_comment
{
    clear: both;
    border: 1px solid #DADADA;
    background-color: #f1f2e0;
    margin: 10px 0px;
    padding: 5px;
}

.comment_says {
    font-style: italic;
    
}

.comment_posted {
    text-align: right;
    font-size: 8pt;
    font-style: italic;
}

/*.comment_text
{
    background-color: #faf2d0;  
}*/

.blog_text p, .comment_text p
{
    margin: 10px;
}

.comment_info
{
    background-color: #dbe3be;
}

.blog_info p, .comment_info p
{
    margin: 5px;
}

.comment_fields
{
    width: 100px;
    text-align: right;    
}

.comment_add
{
    border: 1px solid #acbf66;
    padding: 2px;
    font-family: Tahoma, sans-serif;    
}

input.comment_add
{
    width: 200px;
}

textarea.comment_add
{
    width: 500px;
    height: 120px;
    /*background-image: url(bg.gif);
    background-position: bottom right;
    background-repeat: no-repeat; */
}

/* contact stuff */
input
{
    border: 1px solid black;
    padding: 2px;
}

#contacttext, #contact
{   
    margin:50px;
    text-align:left;
}

#contacttext
{
    float: left;     
}

#contact
{
    float: right;
}

#contacttext p
{
    margin: 2px;
}

#contacttext a
{
    color: black;
}

#contacttext .heading
{
    color: brown;
    font-size: 14pt;
}

#contact td
{
    text-align: right;
    padding: 10px;
}

#contact textarea
{
    border: 1px solid black;
}

input[type=image] {
    border: none;
}

select {
    border: 1px solid black;
}

/* Event details */
#event_details
{
    width: 95%;
}

#event_details .title_col
{
    width: 30%;
    text-align: right;
    color: #DA7A31;
    font-weight: bold;
    padding: 5px 15px 5px 5px;
}

#event_details .data_col
{
    width: 70%;
    text-align: left;
    padding: 5px;
}

#policies
{
    font-family: sans-serif;
    font-size: 8pt;
}

#policies p, h1, h2, h3
{
    text-align:left;
    margin: 10px;
}

#policies h1, h2, h3
{
    color: #9b4447;
}

.errors {
    border: 1px solid #990000;
    background: #FFFFD5 url(../images/icons/alert_48.png) no-repeat 10px 5px;
    text-align: left;
    font-size: 9pt;
    padding: 5px 0px 15px 90px;
    margin: auto;
    width: 350px;
}

.errors p {
    color: #990000;    
    font-size: 10pt;
    font-weight: bold;
}

.errors ul {
    list-style-position: inside;
}

/******************************************* CHECKOUT styles *******************************************/

h1
{
    color: #9d4446;
}
 #checkout-container {
     width: 759px;
     float: right;
 }
 
 #checkout-container h1{
     color: #9d4446;
 }
 
 #order-process {
     height: 30px;
     background: #F0F0F0;
     border: 1px solid #D6D6D6;
     margin-top: 12px;
     padding: 8px;
 }
 
 #process-container {
     width: 100%;
     height: 30px;
     text-align: center;
     margin: auto;
 }
 
    #process-container .active,#process-container .inactive {
        position: relative;
        top: 3px;        
        width: 157px;
        line-height: 22px;
        padding: 7px 12px;
        margin-right: 22px;
    }
    
    #process-container .active {
        color: #FFF;
        background: #e68c40;
        font-variant: small-caps;
        font-weight: 700;
    }
    
    #process-container .inactive {
        color: #C0C0C0;
        background: #F9F9F9;
        font-variant: small-caps;
        font-weight: 700;        
    }
    
    
    .info-container {
        margin-top: 10px;
        background: #F0F0F0;
        border: 1px solid #d4d4d4;
    }
    
        .info-container a{
            color: black;
        }
    
        .info-container .title {
            line-height: 9px;
            background: #cad7a1;
            padding: 9px 13px;
            color: #FFF;
        }
        
        .info-container .content {
            text-align: left;
            padding: 9px;
        }
            .info-container .content table {
                margin: auto;
            }
 
            .info-container .content table .row td {
                background:#FFFFFF;
                border-top: 1px solid #D4D4D4;
            }
 
    #shipping-details label, #billing-details label {
            font-weight: bold;
            text-align: left;
    }
    
    #shipping-details {
        width: 367px;
        float: left;
        text-align: left;
    }
    
    #billing-details {
        width: 367px;
        float: right;
        text-align: left; 
    }
    
    #button-container {
        line-height: 10px;
        padding: 7px;
        margin-bottom: 10px;
    }
    
    .order-info-tables {
        text-align: left;
        margin: auto;
        width: 95%;
    }
    
    .order-info-tables input{
        border: 1px solid #cad7a1;
    }
    
    .order-info-tables td {
        line-height: 25px;
    }
    
    
    
/***************************** CART STYLES ***********************************/
    #list-table th {
        padding: 5px;
        font-size: 9pt;   
    }
    #list-table td {
        font-size: 10pt; 
        line-height: 50px;   
    }
    .left_buttons {
        float: left;
    }
    .right_buttons {
        float: right;
    }
    .below-table {
        background-color: #f1f2e0;
        padding: 10px 5px 0px 5px;
        height: 20px;
    }
    .totals {
        width: 290px;
        background-color: #f9f9fa;
        float: right;
        margin: 0;
        padding: 0;
        margin-top: 3px;
        border: 1px solid #d0d0d0;
        text-align: center;
    }
    .totals table {
         width: 220px;
         margin: 0 auto;
    }
    .totals td {
        border: 1px solid #d8d8d8;
        border-width: 0 0 1px 0; 
        line-height: 35px;      
    }
    .totals-headers {
         font-weight: bold;
         color: #575757;      
    }
    .totals-values {
         text-align: right;
    }
    .totals-submit {
        border-width: 0; 
        padding: 10px 0;; 
    }
    #list-table.even {
        border: 3px solid #F00;
    }
    #list-table.odd {
        
    }
    .cart_styles
    {
        margin: 3px 10px 4px 0; padding: 0px 16px; border: 1px solid #d1d1d1; background: #f1f2e0;
    }

.clear {
    clear: both;
}    
    
#main-content {
    width: 100%;
}
    
#main-content #top-panel {
    background: #E4E9C7;
}

#top-panel #left {    
    float: left;
    height: 271px;
    width: 325px;
    background: transparent url(../images/welcome_bg.png) no-repeat -6px 0;
}

#top-panel #right {
    float: left;  
    height: 271px;
    width: 440px;
    padding-left: 5px;
    background: #E4E9C7 url(../images/media_bg.png) repeat-x bottom left;
}

#top-panel .title {
    padding: 10px 0 10px 10px;
    text-align: left;
}

#top-panel p {
    font-size: 9pt;
    text-align: left;
}

#top-panel #left h2 {
    font-size: 9pt;
    color: #9b4447;
}

#top-panel #left p {
    float: left;
    /*width: 160px; */
    padding: 0px 10px;
}

#top-panel #left .image {
    float: right;
    padding: 0px 10px;
}

#top-panel #right .image {
    padding-top: 5px;
}


#news-letter-container #news-letter-signup {
    width: 720px;
    height: 58px;
    padding: 0 10px;
    background: transparent url(../images/newsletter_bg.png) no-repeat top left;
    margin: auto;
}

#news-letter-container #news-letter-signup td {
    height: 48px;
    vertical-align: middle;
}

#breadcrumbs {
                margin: 4px 0;
                width: 100%;
                padding: 5px 5px;
                background: #fff;
                font-size: 10px;
                border: 1px solid #acbf66;
                border-width: 0 0 1px 0;
                position: relative;
                left: -7px;
            }
            
            #breadcrumbs a:link { color: #000000; font-weight: normal; }
            #breadcrumbs a:visited { color: #000000; font-weight: normal; }
            #breadcrumbs a:active { color: #000000; font-weight: normal; }
            #breadcrumbs a:hover { color: #000000; text-decoration: underline; }
                
                #breadcrumbs, #breadcrumbs img {
                    line-height: 22px;
                    vertical-align: middle;
                    padding-right: 3px;
                    padding-left: 3px;
                }


#featured .product-name {
    color: #603d1f;
    font-weight: 700;
}

#featured .product-price {
    color: #8e1a2d;
    font-weight: 700;
}

#featured .product-details {
    padding-top: 8px;
}



/* Notices and Errors */
#message { clear: both; margin-bottom: 1em; }

#message .success {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;    
    background: #E2F1D0 url(/images/icons/check.png) no-repeat left;
    background-position: 10px 7px;
    color: #061A5B; 
    border: 1px solid #ccc;
}
#message .success .text {
    padding-left: 3em;
    font-weight: bold;
}

#message .error {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;    
    background: #FFD9D9 url(/images/icons/warning_16.png) no-repeat left;
    background-position: 10px 7px;
    color: #800; 
    border: 1px solid #ccc;
}
#message .error .text {
    padding-left: 3em;
    font-weight: bold;
}

#editor_container {
    margin: 5px 5px;
}