/************************************************************************************************************
    COMMON STYLES
*************************************************************************************************************/	

/* Global "reset" of styles causes trouble for stuff like raeditor, therefore just add each main container here */
html * { padding:0px; margin:0px; border:solid 0px; list-style-type:none; }
html { font-size: 11px;	color:#333333; }
html { height:100%; width:100%; padding:0px; margin:0px; border:solid 0px; }
html,
input,
textarea,
select { font-family: Arial; }

/*If the font-size property is set to use the em unit, then you have to specify the font-size for the input, select and textarea*/
input,
textarea,
select { font-size: 1em; border: solid 0px #e2e3ea; border-top-color: #abadb3; }
form { height:100%; }
a { text-decoration:none; color: #003366; }
a:hover { text-decoration:underline; }
h1 { font-size: 14px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; }
abbr { border-bottom:dotted 1px #000000; }
hr { height: 2px; font-size: 1px; background: url(../images/bg_horizontal_div.gif) left center repeat-x; margin: 10px 0 10px 0; }

	
.contentContainer { overflow: auto; background-color: #fff; }		
.clearSpace { clear:both; font-size:1px; height:0px; }
	
/* Form styles */
ul.form { }
	ul.form li { padding-bottom: 10px; }
	ul.form li textarea { width: 95%; }	
	ul.form li input.text { width: 95%; }
		
/* Product rating */
.productRating { overflow: auto; }
	.productRating li { float: left; width: 20px; text-align: center; }
		
/* Error handling */
#errorFeedback { padding: 10px 20px; border-bottom: solid 1px #e1e1e1; background-color: #ededed; }
    #errorFeedback .content { color: #ff0000; background-color: #fff; border: solid 1px #e1e1e1; padding: 5px; }
        #errorFeedback .content h2 { }
        #errorFeedback .content p { }
        
/* Common product styles */
.productPrice   { color: #ec520f; font-weight: bold; }
.productTitle   { color: #003366; }

/* Common category header */

h2.categoryHeader
	{
		color:#fff;
		padding-left:25px;
		background-color:#333;
		padding-bottom:10px;
	}

/* Error messages */
	
	.errorMessages
		{
			border: solid 5px #FFFFFF;			
			padding:5px 5px 5px 25px;
			color:#000000;
			background-color:#ff0000;
			font-weight:bold;
		}
		
		li.ValidateError input
			{
				background-color:#ff0000;
				color:#fff;
			}
		li.ValidateError select
			{
				background-color:#ff0000;
				color:#fff;
			}
			
			
			
/* IE6 Warning */

    #ie6msg
    {
        border: 1px solid #CCCCCC; 
        margin:20px;
        background: #FFFFFF none repeat scroll 0% 0%; 
        width: 1000px;        
        height: 220px;         
        top: 97px; 
        left: 306.5px;                
        list-style-type: none; 
        clear:both;
    }
    #ie6msg h2
    {
        padding-top:10px;
        padding-bottom:10px;
    }
    #ie6msg p
    {
        padding-bottom:10px;        
    }
    #ie6msg .browser
    {        
        margin: 1px auto;         
        width: 100px; 
        height: 100px;        
    }
    #ie6msg .browsers
    {
        padding: 0px 0px 20px 160px;
        list-style-image: none; 
        list-style-position: outside; 
        list-style-type: none;  
        display:block;      
    }   
    #ie6msg .browsers li
    {
        margin: 0pt 10px 10px 0pt; 
        background: transparent url(/ModuleCommon/images/i6warning/background_browser.gif) no-repeat scroll left top;                
        width: 120px; 
        height: 122px;
        float:left;
    }
    #ie6msg #ie
    {
        background: transparent url(/ModuleCommon/images/i6warning/browser_ie.gif) no-repeat scroll left top; 
    }
    #ie6msg #ff
    {
        background: transparent url(/ModuleCommon/images/i6warning/browser_firefox.gif) no-repeat scroll left top; 
    }
    #ie6msg #chrome
    {
        background: transparent url(/ModuleCommon/images/i6warning/browser_chrome.gif) no-repeat scroll left top; 
    }
    #ie6msg #safari
    {
        background: transparent url(/ModuleCommon/images/i6warning/browser_safari.gif) no-repeat scroll left top; 
    }
    #ie6msg #opera
    {
        background: transparent url(/ModuleCommon/images/i6warning/browser_opera.gif) no-repeat scroll left top; 
    }