@import url(/edithtml/scripts/style/awesome.css);
@import url(/edithtml/scripts/style/tables.css);

/* START OF KNOWN NEEDED CSS CLASSES */

body {
background-color:#412956;
    margin:0;
    background-image:url("/ieditor/assets/background/background_pwp.jpg");  background-repeat:repeat; 
	font-size: 12pt;	
	font-family: "Arial", Arial, Verdana; 	
	color: #FCF8F8;     
         
}


font family {
	font-family: "Arial", Arial, Verdana; 	
	font-size: 12pt;	    
}
form {
    margin:0px;
    padding:0px;
}
select {
	font-size: 12px;	
	font-family: "Arial", Arial, Verdana; 	
}
label {
	font-size: 12px;	
	font-family: "Arial", Arial, Verdana; 	
	color: #FCF8F8;
   	text-align:right;    
}
input {
	font-size: 13px;	
	font-family: Arial; 	
	background:#efefef;
	color:#000;
	font-weight: bold;
    margin-bottom: 3px;
}
textarea {
	font-size: 13px;	
	font-family: Arial; 	
	background:#efefef;
	color:#000;
}

img {
    border : 0px;
    border-collapse: collapse;
    text-decoration: none;
 }

p {
margin:0px;
}

/* WEBSITE LINKS */
a {
	color: #FFFFFF; 
    text-decoration: underline	;
}
a:visited {
	color: #FFFFFF; 
    text-decoration: underline;
}
a:hover {
	color: #FFFFFF; 
    text-decoration: underline;
}

/* SPECIALS CSS */

.specials {
 color: #fcf8f8;
 font-size: 10pt;
}

/* CONTROLS THE MAIN TEMPLATE AREAS */


#maintable {
    width:860px;      
}


#main_body_area {
	width:692px;
    height: 100%;
    padding:9px;    
    margin:0px;
    text-align: left;
}

#pagebodycolumn {
	width:710px;
	background-color:#412956;	
}

#topnavcolumn {
	
}
#topnavcolumn li{
	text-align:center;
}


#bottomnavcolumn {
background-color:#412956;background-color:#412956;
}
#bottomnavcolumn li{
	text-align:center;
}

#leftnavcolumn {
width:150px;
background-color:#412956;
}
#leftnavcolumn li{
	text-align:left;
}
#leftnavcolumn li.imgnav {
	width:auto;
}

#rightnavcolumn {
width:0px;
background-color:#412956;   
}

#rightnavcolumn li{
	text-align:left;
}
#rightnavcolumn li.imgnav {
	width:auto;
}

#emailnavvertical {
	width:100%;
}
.adminbuttons {
	font-weight: bold; 
    font-size: 8pt; 
    color: black;  
    text-decoration: none;   
    font-family: Arial, Helvetica, sans-serif;
}

.zeropadtable {
    border-collapse:collapse;
    border-spacing: 0px;   
}  
.zeropadtable td {
    padding:0px;   
}  

.contactdetails {
	font-weight: bold;
    font-size: 8pt; 
}
.contactdetailslg {
    font-size: 10pt; 
}
.title {
	font-size: 13pt;
}
.maintitle {
	font-size: 14pt;
	font-weight: bold;    
}
.description {
	font-size: 8pt;
}
.redtext {
	color: red;
}
.greentext {
	color: green;
}
.orangetext {
	color:#FF6600;
}
.greytext {
	color:#999999;
}
.whitetext {
	color:#fff;
}
.whitetext a {
	color:#fff;
}
.whitetext a:hover {
	color:#fff;
}
.whitetext a:visited {
	color:#fff;
}
.smallboldtext{
    font-size:8pt;
    font-weight:bold;
}
.smallboldtext a {
    font-size:8pt;
    font-weight:bold;
}
.smallboldtext a:visited {
    font-size:8pt;
    font-weight:bold;
}
.smallboldtext a:hover {
    font-size:8pt;
    font-weight:bold;
}
.boldtext{
    font-size:10pt;
    font-weight:bold;
}
.smalltext{
    font-size:8pt;
}
.blacktext {
color:#000;
}
.updatedsuccess {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
    background-color:#009900;
}
.updatedsuccess a {
	color: #FFCC00;
}
.updatedsuccess a:hover {
	color: #FFCC00;
}
.updatedsuccess a:visited {
	color: #FFCC00;
}
.light {
	color: #000;
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 3px;
	background: #f0f0f0;
}
.light td {
	border-bottom: 1px solid #666;
}

/* STANDARD PAGES */

        .standardvertical {
	        width: auto;
            margin:0px; 
            padding:0px; 
            font-weight: bold; 
            font-size: 9pt; 
            color: #FFFFFF;  
            background-color:#412956;                            
        }
        .standardvertical li {
            width:100%;         
            list-style:none; 
            margin-bottom:0px;    
        }

        .standardvertical input, select {
            font-weight: bold; 
            font-size: 8pt; 
            color: black;  
            text-decoration: none;   
            font-family: Arial, Helvetica, sans-serif;
        }
        .standardvertical li a {
            width:auto; 
            padding:3px;
            display:block;
            cursor:pointer;             
            color:#FFFFFF; 
            text-decoration: none;
            background-color:#412956;    
        }
        .standardvertical li a:hover{ 
             color:#FFFFFF;
             text-decoration:none;    
             background-color:#1647CF; 
        }
        .standardvertical a:visited{
             color:#FFFFFF;
             text-decoration:none;    
        }
        .standardvertical li:hover {
            position:relative;
        }
		.standardvertical li.imgnav{
        	font-size:0px;
        }
        .standardvertical li.imgnav a{
            padding:0px;
            line-height:0px;

             background-color:#412956;

             width:auto;    
        }
        .standardvertical li.imgnav a:hover{

             background-color:#1647CF;
            
             width:auto;             
        }
    
        .standardhorizontal {
	        width: auto;
            margin:0px; 
            padding:0px; 
            font-weight: bold; 
            font-size: 9pt;
            color: #FFFFFF;  
            background-color:#412956;                            
        }
        .standardhorizontal li {
            width: 215px;    
            list-style:none; 
            display:inline-block;
        }
        .standardhorizontal input, select {
            font-weight: bold; 
            font-size: 8pt; 
            color: black;  
            text-decoration: none;   
            font-family: Arial, Helvetica, sans-serif;
        }        
        .standardhorizontal li a {
            color:#FFFFFF; 
            padding:6px;
            cursor:pointer;                 
            text-decoration: none;
            background-color:#412956;                            
            display:block;   
        }
        .standardhorizontal li a:hover{ 
            color:#FFFFFF;
            text-decoration:none; 
            background-color:#1647CF;        
        }
        .standardhorizontal a:visited{
            color:#FFFFFF;
            text-decoration:none;    
        }
        .standardhorizontal li:hover {
            position:relative;
        }
		.standardhorizontal li.imgnav{
        	width:auto;
        }        
        .standardhorizontal li.imgnav a{
            padding:0px;
            line-height:0px;

            background-color:#412956;
   
			width:auto;          
        }
        .standardhorizontal li.imgnav a:hover{
        
             background-color:#1647CF;             

			width:auto;              
        }


/* EXTRA PAGES */
        .extrahorizontal li {
            width: 172px;    
        }
        
        .extravertical {
            width:auto;
        }
        .extravertical li {
            margin-bottom:0px;    
			width:100%;                         
        }
        .extravertical li a {
        
            width:auto; 
            
        }



/* CUSTOMER PAGES */
        .customerhorizontal li {
            width: 172px;    
        }
        
        .customervertical {
            width:auto; 
        }
        .customervertical li {
            margin-bottom:0px;    
            width:100%;             
        }
        .customervertical li a {
        
            width:auto; 
            
        }




/* EMAIL NEWSLETTER PAGES */
/* ''' EMAIL NEWSLETTER USING HORIZONTAL VALUE IN CSS */
        .newslettervertical {
            width:auto; 
        }
        .newslettervertical li {
            width:100%; 
        }        
        .newslettervertical li a {
        
            width:auto; 
            
        }



/* EVENTS PAGES */
        .eventshorizontal li {
            width: 123px;    
        }
        
        .eventsvertical {
            width:auto; 
        }
        .eventsvertical li {
            margin-bottom:0px;    
            width:100%;             
        }
        .eventsvertical li a {
        
            width:auto; 
            
        }

/* FORUMS PAGES */

        .forumsvertical {
            width:100%; 
        }
        .forumsvertical li {
            margin-bottom:0px;    
        }
        .forumsvertical li a {
        
            width:auto; 
            
        }



/* LEARNING CENTRE PAGES */
/* ''' LEARNING CENTRE USING HORIZONTAL VALUE IN CSS */        
        .learningvertical {
            width:auto; 
        }
        .learningvertical li {
            margin-bottom:0px;    
            width:100%;             
        }
        .learningvertical li a {
        
            width:auto; 
            
        }



/* PRODUCTS CATEGORY PAGES */
.categorieshorizontal {
	font-size: 9pt; 
	color: F4E403;   
	background-color:#412956;    
}
.categorieshorizontal li a {
	color: F4E403;
	background-color:#412956;
    text-decoration:none; 
}
.categorieshorizontal li a:hover{
	color: F4E403;
	background-color:#077641;
    text-decoration:none; 
}
.categorieshorizontal a:visited{
	color: F4E403;
	text-decoration:none; 
}

.categorieshorizontal li.imgnav a{
    background-color:#412956;             
}
.categorieshorizontal li.imgnav a:hover{
    background-color:#077641;             
}   


.categoriesvertical {
	font-size: 9pt; 
	color: F4E403;
    width: auto;
	background-color:#412956;    
}
.categoriesvertical li {
    width:100%;     
}
.categoriesvertical li a {

    width:auto;     
    
	color: F4E403;
	background-color:#412956;
    text-decoration:none; 
    margin-bottom:0px;      
}
.categoriesvertical li a:hover{
	color: F4E403;
	background-color:#077641;
    text-decoration:none; 
}
.categoriesvertical a:visited{
	color: F4E403;
	text-decoration:none; 
}

.categoriesvertical li.imgnav a{
    background-color:#412956;             
}  
.categoriesvertical li.imgnav a:hover{
    background-color:#077641;             
}      

.subcategories {
	font-size: 9pt; 
}
li.subcategories a{
	line-height:1.5em;
}
li.imgnav {
    margin:0px;
    vertical-align:middle;
}

.cartFreightInfo {
background-color:#FFCC00;
color:#000;
}

/* New responsive CSS */

.websiteheader {
    width:860px;
    padding:0px;
}

/* Font Awesome */
.fa {
color:#2980B9;
}

/* END OF KNOWN NEEDED CSS CLASSES */