﻿/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body.editor_background
{
    font-family: Tahoma,Sans-Serif;   
    background: #FFFFFF;
    color:#679377;
    line-height:1.18em;
    font-size:100%;
}

body 
{
    color:#5D3629;
    background: #D6ECDE;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1.18;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:1.4em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#72B1A3;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:3px dotted #F4D3E9;
}

h2
{
	font-size:1.4em;
	font-weight:bold;
	color:#C66AA8;
	padding:14px 0 5px 0;

}
  
h3
{
	font-size:1.2em;
	font-weight:bold;
	color:#C66AA8;
	padding:14px 0 5px 0;
}

h4
{
	font-size:1.1em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0px;
	font-size:1em;
}

ul, ol
{
	padding:0 0 10px 20px;
}

ul li, ol li
{
    margin:0;
	padding:0 0 6px 0;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/


/**********************************************************************************
=Links
**********************************************************************************/

a {color:#C66AA8; text-decoration:none;}
a:hover {text-decoration:underline;}

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
	}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.png) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
    background: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:992px;
}
	
#header
{
    background: url(../images/bg_header.gif) no-repeat 100% 100%;
    margin:0 20px;
    padding:10px 0 0 0;
    height:182px;
}
    #logo
    {
        float:left;
    }
    
    #header_items
    {
        width:422px;
        float:right;
    }
    
        #search
        {
            background: url(../images/bg_search.gif) no-repeat top left;
            height:39px;
            line-height:39px;
            width:210px;
            display:block;
            float:left;
            margin-right:2px;
        }
            #search div
            {
                float:right;
                width:150px;
                margin:11px 0 0;
            }
                #search div div{margin:0;}
                #search input.textbox
                {
                   border:0;
                   background:none;
                   float:left;
                   width:118px;
                   margin:0 4px 0 0;
                }
        
        #aBasket
        {
            background: url(../images/b_basket.gif) no-repeat top left;
            height:39px;
            line-height:39px;
            width:180px;
            display:block;
            padding-right:30px;
            float:left;
            text-align:right;
            color:#DB2620;
            font-weight:bold;
        }

#middle
{
    clear:both;
    margin-top:10px;
}

    #left
    {
        width:189px;
        float:left;
        margin-left:20px;
        display:inline;
    }
        #subnav ul
        {
            list-style-type:none;
            padding:0;
            margin:0 0 20px 0;
            font-size:1.1em;
            font-weight:bold;
            font-family:Arial, Sans-Serif;
        }
        
            #subnav ul li
            {
                border-bottom:3px dotted #D6ECDE;
                padding:0;
            }
                #subnav ul li.last{border:0;}
            
            #subnav ul li a
            {
                color:#684337;
                background: url(../images/bg_subnav.gif) no-repeat right;
                height:21px;
                line-height:21px;
                display:block;
            }
                #subnav ul li a:hover
                {
                    color:#DB2620;
                    text-decoration:none;
                }

             #subnav ul li.selected a{color:#DB2620;background: url(../images/bg_subnav_sel.gif) no-repeat right;}
    #right
    {
        width:762px;
        padding:0 0 0 0;
        display:inline;
        float:right;
        font-family:Verdana, Arial, Sans-Serif;
    }

        #nav
        {
           padding:0;
           margin:4px 0 0 0;
           list-style-type:none;
        }
            #nav li
            {
               font-family:Tahoma, Sans-Serif;
               font-size:1.52em;
               float:left;
               height:35px;
               line-height:35px;
               width:104px;
               text-align:center;
               text-transform:lowercase;
               margin:0 0 0 2px;
               padding:0;
            }
                #nav li a
                {
                   background: url(../images/bg_nav.gif) no-repeat center top;
                   color:#FFFFFF;
                   display:block;
                   text-decoration:none;
                }
                #nav li a:hover
                {
                   background: url(../images/bg_nav_hover.gif) no-repeat center top;
                }
                #nav li.selected a
                {
                   background: url(../images/bg_nav_sel.gif) no-repeat center top;
                   color:#679377;
                }
    
        #content
        {
            clear:both;
            margin:0 0 0 5px;
            padding:10px 0 0 0;
            font-size:1.2em;
        }
            #page_content
            {
                margin:0 42px 0 16px;
                border-bottom:3px dotted #F4D3E9;
                font-family:Verdana, Sans-Serif;
                padding:0 0 10px 0;
            }
                 #page_content p
                 {
                    padding:0 0 1em 0;
                    line-height:1.2em;}
        
        #footer_links
        {
            margin:0;
            padding:20px 0 20px 5px;
            list-style-type:none;
            font-weight:bold;
            font-family:Tahoma, Sans-Serif;
        }
            #footer_links li
            {
                padding:0 53px 0 0;
                margin:0;
                font-size:1.3em;
                text-transform:lowercase;
                text-align:center;
                float:left;
            }
                #footer_links li a
                {
                    color:#5D3629;
                }
            
#footer
{
    background: url(../images/bg_footer.gif) no-repeat center top;
    padding:50px 20px 10px 20px;
    font-weight:bold;
}

    #footer, #footer a
    {
        color:#5D3629;
        text-decoration:none;
        text-transform:lowercase;
    }
    
    #footer span{padding:30px 0 0 10px;}
    
    .copyright
    {
        float:left;
        background: url(../images/img_footer.gif) no-repeat left top;
    }
    
    #footer a{float:left;margin:30px 0 0 115px;}
    #footer a.right{float:right;margin:30px 0 0 0;}
    #footer div{margin: 12px 0 0 0;}
    #footer div a{float: none; margin: 0;}
	  
/**********************************************************************************
=Homepage
**********************************************************************************/

#home_left
{
    float:left;
    width:575px;
}
    #home_left img
    {
        margin:0 16px 15px 0;
        float:left;
    }

#best_sellers
{
    background: url(../images/bg_bestsellers.gif) no-repeat left top;
    float:left;
    width:126px;
    height:548px;
    padding:18px;
    display:inline;
    font-family: Arial, Sans-Serif;
}
    #best_sellers div
    {
        color:#5D3629;
        margin:8px 0 0 0;
    }
        #best_sellers div img{margin-bottom:4px;width:126px;}
        #best_sellers div .brand{font-size:1.2em;display:block;}
        #best_sellers div a{font-size:0.8em;color:#5D3629;font-weight:bold;text-transform:lowercase;}
        
        #best_sellers div .price{font-size:1.2em;display:block;}
            #best_sellers div .price span{font-size:0.6em;vertical-align:top;}

#favorites
{
    clear:both;
    margin-bottom:16px;
}
    #favorites a, .categorythumb a.img
    {
        background: url(../images/bg_favourite.gif) no-repeat left top;
        float:left;
        width:117px;
        height:108px;
        padding:15px 7px 7px;
        margin-right:12px;
        display:inline;
    }
        #favorites a img, .categorythumb a.img img{margin:0;width:117px;height:99px;}
                
#ctl00_homeintro
{
    background:#FAE7F4 url(../images/bg_seo.gif) no-repeat left top;
    font-size:1.1em;
    line-height:1.2em;
    color:#BC4996;
    clear:both;
    margin:20px;
}
    #ctl00_homeintro p
    {
        background:url(../images/bg_seo_btm.gif) no-repeat left bottom;
        display:block;
        padding:15px;
    }
    #ctl00_homeintro a{text-decoration:none;}
    
#home_pictures
{
    z-index:1;
    margin-bottom:16px
}
    #home_pictures img
    {
        z-index:2;
    }
    
    #home_pictures a
    {
        display:block;
        width:560px;
        height:222px;
        text-decoration:none;
    }    

/**********************************************************************************
=LayoutElements
**********************************************************************************/
table.productlist
{
    width:100%;
    padding:0;
    margin:0;
    font-family:Tahoma, Sans-Serif;
    font-size:0.85em;
}
    table.productlist td
    {
        width:164px;
        padding:0 10px 10px 0;
        text-align:center;
        vertical-align:top;
    }
    
    table.productlist td.categorythumb
    {
        width:170px;
        padding:20px 10px 12px 0;
        text-align:center;
        vertical-align:top;
        font-size:1.2em;
    }
    .categorythumb a.img
    {
        float:none;
        display:block;
        margin:0 auto 6px;
    }
        
        table.productlist td img
        {
            margin:0 auto 5px auto;
            display:block;
        }
                
        table.productlist td a
        {
            color:#C66AA8;
            font-weight:bold;
        }
            
        table.productlist td span
        {
            display:block;
            color:#679377;
            font-weight:bold;
            margin:5px 0 0;
        }
        
        
#summary
{
    float:left;
    width:335px;
    margin:20px 0 0 0;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
}      
    #summary h1
    {
        color:#C56AA7;
        padding:0 0 8px 0;
    }
    
    #summary .success
    {
        color:#77A087;
        background:#DCF0E5 url(../images/bg_basketadded.gif) no-repeat 15px 50%;
        padding:0 15px 0 50px;
        height:35px;
        line-height:35px;
        font-weight:bold;
    }
    
    a.back
    {
        background: url(../images/b_back.gif) no-repeat left;
        color:#679377;
        font-size:1.3em;
        padding:0 0 0 20px;
        text-transform:lowercase;
        line-height:2.2em;
        float:left;
    }  
         a.back:hover{text-decoration:underline;}
    
    a.download
    {
        background: url(../images/b_download.gif) no-repeat right;
        color:#BC4996;
        font-size:1.3em;
        padding:0 20px 0 0;
        text-transform:lowercase;
        line-height:2.2em;
        float:right;
    }  
        a.download:hover{text-decoration:underline;}
    
    #summary p, #summary .price, #summary #text
    {
        color:#679377;
    }
        #summary .price span{font-size:0.7em;}
    
    #summary .date
    {
        color:#BC4996;
        font-weight:bold;
    }
    
    #summary p, #summary #text{line-height:1.3em;}
    
    #summary .price{font-size:2em;float:right;}
    
    #summary label
    {
        color:#C66AA8;
        font-size:1.3em;
        float:right;
        text-transform:lowercase;
        margin:0 0 10px 0;
    }
        #summary label select{margin-left:10px;}
        #summary label input{width:20px;}
        
        #summary label.qty
        {
            width:60px;
            float:left;
            margin:3px 10px 40px 112px;
        }
    
    span.out_stock
    {
        display:block;
        margin:3px 0 40px 0;
        padding:0 10px;
        background: #FFD0CF;
        color:#AA0000;
        float:right;
        height:26px;
        line-height:26px;
        font-family:Arial, Sans-Serif;
    }
        
   #images
   {
    float:right;
    width:343px;
    margin:20px 0 0 19px;
   }
    #images span{float:left;}
    #images table{float:left;}
        
#description
{
    color:#679377;
    padding-right:18px;
    clear:both;
    padding:10px 0 0 0;
    line-height:1.18em;
}
    #description p
    {
        padding:10px 0 0;
    }
    #description ul
    {
        float:left;
        margin:10px 50px 10px 0;
    }
        #description ul li{padding:3px 0;}
        
.thumbs
{
    width:343px;
    float:left;
    margin:21px 0 0 0;
}
    .thumb_left img{float:left;}
    .thumb_right img{float:right;}
        
    .thumb
    {
        background: url(../images/bg_thumb.gif) no-repeat left top;
        width:119px;
        height:100px;
        padding:30px 21px 31px;
        margin:0 0 21px 0;
        display:block;
        cursor:pointer;
    }

.related
{
    border-top:3px dotted #F4D3E9;
    margin:10px 0 0 0;
    padding:10px 0 0 0;
    clear:both;
}
    .related img{margin-left:8px;}
    .related table{margin-top:10px;}
    .related table td{padding-right:0;}

    .related .aImage
    {
        background: url(../images/bg_related.gif) no-repeat left top;
        width:119px;
        height:126px;
        padding:25px 16px 0;
        margin:0 auto 5px;
        display:block;
    }
    
        .related .aImage img{margin:0;width:118px;height:99px;}


#category_summary
{
	border-bottom:3px dotted #F4D3E9;
	width:100%;
	padding:0 0 10px 0;

}
    #category_summary div
    {
        color:#679377;
        padding:0;
	    text-align:justify;
    }
    #category_summary img
    {
        float:left;
    }

.news
{
    padding:0 0 14px 0;
    border-bottom:3px dotted #D6ECDE;
}
    .news .thumb
    {
        float:left;
        margin:0;
        cursor:default;
    }
    
    .news div
    {
        float:left;
        width:518px;
        padding:0 0 0 20px;
        line-height:1.2em;
    }

    .news span.date
    {
        font-weight:bold;
        color:#72B1A3;
        display:block;
        margin:0 0 10px 0;
    }

    .news h3
    {
        font-weight:normal;
        font-size:1.4em;
        padding-top:0;
    }
    
table.contact th
{
    padding:4px 10px 5px 0;
    color:#C66AA8;
    vertical-align:top;
}

table.contact td
{
    padding:0 0 5px 0;
}

.phone, .email
{
    background:url(../images/icon_phone.gif) no-repeat left;
    padding-left:42px;
    height:46px;
    line-height:46px;
    margin-left:40px;
    float:left;
}

     .email
     {
        background:url(../images/icon_email.gif) no-repeat left;
        line-height:23px;
        padding-left:56px;
     }

/*****************************************************************
=Basket
******************************************************************/
#tblBasket th
{
    font-weight:bold;
    color:#AA498A;
    padding:0 10px 0 0;
}

#tblBasket tr.details th, tr.details td
{
    border-bottom:#D1EFDB 2px dotted;
}

#tblBasket td.title
{
    width:375px;
    line-height:1.2em;
}

#tblBasket td.top, #tblBasket th.top
{
    vertical-align:top;
    padding-top:2px;
}

#tblBasket tfoot th
{
    text-align:right;
}

#tblBasket tfoot input.text
{
    margin:0 0 6px 0;
    width:110px;
}

#tblBasket #total th, #tblBasket #total td
{
    background:#FFEFFA;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
}

.basketitem
{
    color:#83AF92;
    font-weight:bold;
}

#giftwrap
{
    float:left;
}

    #giftwrap table td
    {
        width:71px;
    }
    
    #giftwrap img
    {
        cursor:pointer;
    }
    
#ulAttriubtes
{
    color:#AA498A;
    margin:14px 0 0 0;
}

/*****************************************************************
=Paging
*****************************************************************/
table.paging
{
    width:100%;
}

table.paging td.prev, table.paging td.next
{
    width:50px;
}

table.paging td.message
{
    text-align:center;
}
table.paging a
{
    color:#679377;
    font-weight:bold;
    line-height:18px;
    font-size:1.09em;
}
    .aNextPage
    {
        background:url(../images/b_page_next.gif) no-repeat right;
        padding-right:25px;
    }
    .aPrevPage
    {
        background:url(../images/b_page_back.gif) no-repeat left;
        padding-left:25px;
    }
    
/*****************************************************************
=Infoboxes
*****************************************************************/
div.validation, div.warning, span.warning, div.error , span.error , div.info, span.info, div.success, span.success, .helptextbox
{
	background-position: 15px 50%;
	display:block;
	margin:0 0 5px 0;
	padding: 13px 20px 5px 45px;
	text-align: left;
	height:auto!important;
	height:2em;
	min-height:2em;
}

div.warning, span.warning
{
	background: #FFF9CF url(../images/alert.gif) no-repeat 15px 50%;
	color:#6D6B69;
}
	
div.error, span.error, div.validation
{
	background: #FFD0CF url(../images/error.gif) no-repeat 10px 10px;
	color:#AA0000;
	padding: 1em 20px 5px 35px;
	margin:0 0 15px 0;
}
	div.error li, span.error li{margin-top:5px;}
	.validation ul{color:#AA0000;list-style-type:none;padding-left:0;}

div.info, span.info, .helptextbox
{
	color:#3C6177;
	background: #E3ECF1 url(../images/info.gif)  no-repeat 15px 50%;
}
    .helptextbox{padding-bottom:0;position:relative;}
	.helptextbox a.hide
	{
		color:#3C6177;
		background: url(../images/hide.gif) right no-repeat;
		padding:0 15px 0 0;
		text-decoration:none;
		text-transform:lowercase;
		font-size:0.8em;
		position:absolute;
		right:10px;
		bottom:5px;
	}

div.success, span.success
{
	color:#277923;
	background: #DBEFD6 url(../images/success.gif) no-repeat 15px 50%;
}

.lockedout
{
	text-align: left;
	padding: 10px 0 10px 45px;
	margin:0 0 0 0;
	display:block;
	line-height:15px; 
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
}

* html .zoom_zm1 span
{
    display:none!important;
}