body
	{
		margin: 0px 0px 30px 0px;
        color: #737373;  
		background-color: #CCCCFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
input, textarea, select
	{
		font-family:Arial, Helvetica, sans-serif;	
		font-size:10px;
	}	

button
	{
		border: #A9A5BC solid 1px;
		font-size: 10px;
		padding: 2px;
	}  
		
A:link, A:visited, A:visited		{	color: #84819d;	text-decoration: underline;    }	
A:hover								{	color: #737373;	text-decoration: none;    }		

#container
	{

		margin-left: AUTO;
		margin-right: AUTO;
		width: 900px;

	}

#title
	{
		position: relative;
		background-color: #FFFFFF;
		padding: 0px 0px 0px 0px;

	}

	#title div.nav
		{
			position: absolute;
			top: 5px;
			right: 95px;
			font-size: 11px;
            text-align: right;
            line-height: 15px;
            width: 50%;
		}
        
     #title div.nav span
        {
        
        }

    #title div.shoppingbag
        {
            position: absolute;
            top: 40px;
            right: 20px;
            font-size: 10px;
            text-align: right;
            line-height: 15px;
            padding-right: 25px;
        }    
        
    #title div.shoppingbag img
        {
            position: absolute;
        	border:0px;
        	top: -5px;
        	right: 0px;
        }                   
        
	#title div.nav A
		{
			color: #666666;	text-decoration: none;
		}

	#title div.nav A:hover
		{
			color: #CCCCCC;	text-decoration: none;
		}

#nav_top
	{
		position: relative; top: 0px;
		background-color: #823fb0;
		font-size:11px;
		padding: 0px 15px;
	}

	#nav_top div.nav
		{
			float:left;
		}

	#nav_top div.nav ul
		{
			padding: 0px;
			margin: 0px;
		}		
		
	#nav_top div.nav ul li
		{
			display: inline-block;
			padding: 8px 15px 8px 0px;
			margin: 0px;
		}
		
	#nav_top div.nav ul li a
		{
			color: #FFFFFF;	
			text-decoration: none;
			text-transform: uppercase;
		}
		
	* html #nav_top div.nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}
	
	#nav_top div.nav ul li a:hover
		{
			color: #fefecf;
			text-decoration: none;
		}

	#nav_top div.cust_service
		{
		
			float:right;
			color: #fefecf;
			font-weight: bold;
			font-size: 13px;
			padding: 7px 0px;
		}
#main_area
	{
		position: relative;
	  	background-color: #FFFFFF;
	  	min-height: 450px;
	}



#column_left
    {
        float: left;
        margin-top: 20px;    
        width: 200px;
        padding-left: 20px;
    }
    
#column_left h2
    {
         color: #555;
         font-size: 20px;
         font-weight: normal;
         margin:0px 0px 15px 0px;
    }

#column_left a
    {
        color : #555555;
        text-decoration: none; 
    }    

#column_left a:hover
    {
        color : #555555;
        text-decoration: underline; 
    } 
    
#column_left_link 
        {
           margin: 8px 0; 
        }  
    
    #column_left_category
        {
           margin: 8px 0; 
        }  
        
    #column_left_category .selected
        {
            font-weight: bold;
            border-bottom: 1px solid #847F9F;
        }
              
    #column_left_product
        {
            margin: 5px 0px 5px 15px;
                   
        } 
         
    #column_left_product .view_item
        {
            padding: 5px 0px 5px 0px;
            font-weight: bold;
        }
 
 
 
    
#column_right
    {
        float: left;
        margin-top: 20px;
        width: 580px;
        padding: 20px 60px 50px 40px;
        line-height: 1.75em;    
    }

#quoteBox
{
    float:right;
    width: 140px;
    background-color: #EDECF0;
    border: 1px solid #CCC;
    padding: 15px;
    margin-left: 20px;
    font-size: 10px;
    line-height: 15px;
}     
         
.clear
    {
        clear:both;
    }    

#crumb_trail
    {
        position: absolute;
        margin-top: -32px;
        margin-bottom: 10px;
        font-size: 10px;
    }
    
h1
    {
        
        font-size: 18px;
        font-weight: normal;
        margin: 0px 0px 15px 0px;
    }

h2
    {
        font-size: 14px;
        font-weight: bold;
        margin:0px;
    }    
    
.indented
    {
        margin-left: 10px;
    }
    
 #bottom
    {
        text-align: center;

        font-size: 10px;
    }
	#bottom div.purple
		{
			background-color: #823fb0;
			height: 30px;
		}
    #bottom div.nav
        {
            color: #84819d;
            margin: 10px 0px 10px 0px;
        }

    #bottom div.nav a
        {
            color: #84819d;
            margin: 0px 10px 0px 10px;
            text-decoration: none;
        }

    #bottom div.nav a:hover
        {
            color: #CCCCCC;
            margin: 0px 10px 0px 10px;
            text-decoration: none;
        }
    #bottom div.info
        {
            color: #84819d;
        }
    
/* Product Page*/  

    .list_category
        {
            margin-top: 20px;
            margin-bottom: 20px;
            padding-bottom: 20px; 
            border-bottom: 1px solid #ccc;
        }

    .list_category_product
        {

        }

    #product_box
        {
            float: left;
            margin-top: 30px;
            margin-left: 0px;
            margin-right: 30px;
            text-align: center;
            font-size: 10px;
        }
    #product_box a:hover
        {
            text-decoration: none;
        }
            
    #product_box img
        {
          
            border: 2px solid #A9A5BC;   
            text-decoration: none;
        }    
    
	#product_box a img
        {
            text-decoration: none;
        }          
         
    #product_box a:hover img
        {
            border: 2px solid #666;   
            text-decoration: none;
        }  
     
    #item_special_info
    {
        background-color: #FEFECB;
        border: 1px solid #CCCCCC;
        color: #84819D;
        padding : 15px;
    } 
    #bag_item_special_info
    {
        background-color: #FEFECB;
        border: 1px solid #CCCCCC;
        color: #84819D;
        padding : 2px;    
    }
/* Category Page*/

        #list_product_box
        {
                margin-top: 20px;
                margin-bottom: 20px;
                padding-bottom: 20px; 
                border-bottom: 1px solid #ccc;
        }

        #list_product_box  .image
        {
            float: left;
            width: 150px;
            text-align: center;
        }

        #list_product_box  .image img
        {
                width: 110px; 
                border: 3px solid #A9A5BC;  
        } 

        #list_product_box  .info
        {
            float: left;
            width: 430px;
        }
     
/* View Item Page*/  
    #view_item
    {
         margin: 20px 0;
    } 
     
    #view_item .image
    {
        float: left;
        width: 150px;
        text-align: center;
        font-size: 10px;
    }

    #view_item .image a:hover img
    {
        border: 2px solid #666666;       
        margin: 0px;
    }

    #view_item .image img
    {
          border: 2px solid #A9A5BC; 
          margin: 0px;
    }

    #view_item .image a
    {
        text-decoration: none;
        color: #A9A5BC;
        
    }

    #view_item .image a:hover
    {
        text-decoration: none;
        color: #666666;
    }

    #view_item  .info
    {
        float: left;
        width: 410px;
        padding-left: 20px;
    }

    #view_item .attribute  
    {
    	position: relative;
        margin: 15px;
    }
     
     #view_item .attribute .name 
    {
        float: left;
        width: 140px;
        font-weight: bold;
    }

    #view_item .attribute .input 
    {
        float: left;
        width: 210px;
    }

    #view_item .attribute .edit_input  
    {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 10px;
    }


/* HOME Page*/      
    #main_area_highlite
	    {
		    position: relative;
	    }
    
    #main_area_highlite div.image
        {
            float: left;
            width: 592px;
        }
        
	#main_area_highlite div.info
		{
            float: left; 
			width: 301px;
			color: #737373;
		}

	#main_area_highlite div.info h1
		{
            margin: 0px 0px 0px 0px; 
            font-weight: normal; 
            font-size: 20px;
            color: #823fb0;
		}

	#main_area_highlite div.info div.about_ns
		{
			padding: 10px 20px;
		}

	#main_area_highlite div.info div.press
		{
			border-top: 1px solid #823fb0;
			padding: 10px 20px;
			
		}		
		
 /* Retailers Page*/      
#map_canvas
    {
        margin-top: 30px;
        height: 400px; 
        border: 1px solid #ccc;
    }   
    
#map_canvas_contact_info
    {
        margin-top: 20px;
        height: 350px; 
        border: 1px solid #ccc;
    }   
#map_canvas a
    {
        color : #555555;  
    } 
 
#list_location
    {
        line-height: 1.65em;
        font-size: 10px;
        width: 90%;
    }
    

        
 /* IMPORTANT MESSAGE*/    
        
        #important_message
        {
            font-size:12px;
            text-align:center;
            background-color: #FEFECB;
            padding: 15px 0;
            color:#000000; 
            position: fixed;
            width: 100%;
            top:0px;
            z-index: 30;            
        }
               
        #error_message
        {
            font-size:12px;
            text-align:center;
            background-color: #990000;
            padding: 15px 0;  
            color:#FFF;
            position: fixed;
            width: 100%;
            top:0px;
            z-index: 30;
        }  
        
        #error_message a
        {
            color:#FFF;
            font-size: 10px;
            margin: 10px;
        }     
        
        #correction_message
        {
            color: #990000;
            background-image:URL('../../image/theme/icon_correction_arrow.gif ');
            background-repeat: no-repeat;
            background-position: left;    
            padding-left: 20px;
            text-align: left;
        }
        
        #correction_highlight
        {
            color: #990000;
            background-color: #f9f9f9;
        }        
        
        #correction_highlight input, #correction_highlight select
        {
            color: #990000;
            border: 1px solid #990000;
        }          
        
/* SHOPPING BAG */ 

#list_bag_items_top
{
        margin-top: 30px;
      border-bottom: 1px solid #ccc;
      font-weight: bold;

}

#list_bag_items_top .remove
    {
        float:left;
        width: 50px;
        font-size: 10px; 
        text-align: center;         
    }

#list_bag_items_top .quantity
    {
        float:left;
        width: 70px;
    }
    
#list_bag_items_top .info
    {
        float:left;
        width: 300px; 
    }    
#list_bag_items_top .price_each
    {
        float: left;
        width: 75px;
    }
    
#list_bag_items_top .total
    {
        float: right;
        text-align: right;
        width: 75px;
        padding-right: 10px;  
    }
    

#list_bag_items
{
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
}

#list_bag_items .remove
    {
        float:left;
        width: 50px;     
        text-align: center;
    }

#list_bag_items .quantity
    {
        float:left;
        width: 70px;
    }
 
#list_bag_items .quantity input
    {
        
        width: 35px;
    } 
    
#list_bag_items .info
    {
        float:left;
        width: 300px; 
        
    }    
#list_bag_items .price_each
    {
        float: left;
        width: 75px;
    }
    
#list_bag_items .total
    {
        float: right;
        text-align: right;
        width: 75px;
        padding-right: 10px; 
    }
    
#list_bag_items_bottom
{
     margin: 20px 0;
}

#update
{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: right; 
    background-color: #f7f7f7;      
}
/* order review */
#discount_code
{
    background-image:URL('../../image/theme/bg_discount_code.png');
    Background-repeat: repeat;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: right;  
         
}

    #discount_code .input
    {
        float: right;
        width: 200px;
        text-align: left;
    }
     
    #discount_code .input button
    {
        float: right;
    }

    #discount_code .description
    {
        float: left;
        text-align: left;
    }

#gift_certificate
{
    background-image:URL('../../image/theme/bg_discount_code.png');
    Background-repeat: repeat;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: right;  
}
    #gift_certificate  .input
    {
        float: right;
        width: 200px;
        text-align: left;
        
    }
     
    #gift_certificate  .input button
    {
        float: right;
    }

    #gift_certificate  .description
    {
        float: left;
        text-align: left;
    }
    
 #discount_total
    {
        text-align: right; 
        padding: 5px; 
        background-image:URL('../../image/theme/bg_discount_code.png');
        Background-repeat: repeat;
        border-bottom: 1px solid #ccc;
        background-color: #f7f7f7;
    }
    
#grand_total
{
    padding: 20px 10px;
    border-bottom: 1px solid #CCC;
}  

.shop_button
{ 
    float:left;
}

.total_button
{ 
    float:right;
    font-size: 14px;
    font-weight: bold;    
}

/* checkout */

    #checkout_login
    {
        margin: 10px 5px;
    }

    #checkout_login .name
    {
        float: left;
        width: 100px;
        margin: 5px 0px;
    }
     
    #checkout_login .input
    {
        float: left;
        width: 150px;
        margin: 5px 0px;
    }

    #checkout_login input
    { 
        width: 99%;   
    }

/* register */

#customer_user_info_form
{

}

    #customer_user_info_form .name
    {
        float: left;
        width: 175px;
        margin: 5px 0px;
    }
     
    #customer_user_info_form .input
    {
        float: left;
        width: 360px;
        margin: 5px 0px;
    }

    #customer_user_info_form input
    { 
        width: 99%;   
    }

#customer_billing_address_form    
{

}
    #customer_billing_address_form .name
    {
        float: left;
        width: 175px;
        margin: 5px 0px;
    }
     
    #customer_billing_address_form .input
    {
        float: left;
        width: 360px;
        margin: 5px 0px;
    }

    #customer_billing_address_form input
    { 
        width: 99%;   
    }    
    
    #customer_billing_address_form input.city
    { 
        width: 100px;   
    }
    
    #customer_billing_address_form select.state
    { 
        width: 125px;   
    }
    
    #customer_billing_address_form input.zip
    { 
        width: 50px;   
    }        
    

    
#payment_method_form
{

}

    #payment_method_form  .name
    {
        float: left;
        width: 100px;
        margin: 5px 0px;
    }
     
    #payment_method_form  .input
    {
        float: left;
        width: 150px;
        margin: 5px 0px;
    }

/* egift form */

#egift_form
{
	border-top: 1px solid #CCC; 
	padding: 10px; 
}
    
    #egift_form  .name
    {
        float: left;
        width: 90px;
        
        padding: 5px 5px 5px 0px;
        text-align: right;
    }
     
    #egift_form  .input
    {
        float: left;
        width: 170px;
        margin: 5px 0px;
    }
    
    
    #egift_form .input input
    {
        width: 99%;
    }
    
    #egift_form .texarea textarea
    {
        width: 99%;
        height: 90px;
    }   
    
    .submit 
    {
		border-top: 1px solid #CCC; 
		padding: 10px; 
		text-align: right;    	
    }
    
    #egift_form .left
    {
    	float: left;
    	width: 280px;
    }
    
    #egift_form .right
    {
    	float: left;
		width: 280px;    	
    } 
    
#contact_form
{
    	    border-top: 1px solid #cccccc;
    	    padding: 10px;
}

    #contact_form .name
    {
        float: left;
        width: 125px;
        margin: 5px 0px;
    }
     
    #contact_form .input
    {
        float: left;
        width: 400px;
        margin: 5px 0px;
    }

    #contact_form .input input, #contact_form .input textarea
    {
        width: 99%;
    }  
    
    #contact_form .input textarea
    {
        height: 90px;
    }  

    
    .button_require
    {
    	    padding: 10px;
    	    border-top: 1px solid #cccccc;
    }

    .button_require button
    {
		float:right;
    }