

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

/* START OF KNOWN NEEDED CSS CLASSES */

body {
background-color:#ffffff;
    margin:0;
     
	font-size: 12pt;	
	font-family: "Arial, Helvetica, sans-serif", Arial, Verdana; 	
	color: #000000;     
         
}


font family {
	font-family: "Arial, Helvetica, sans-serif", Arial, Verdana; 	
	font-size: 12pt;	    
}
form {
    margin:0px;
    padding:0px;
}
select {
	font-size: 12px;	
	font-family: "Arial, Helvetica, sans-serif", Arial, Verdana; 	
}
label {
	font-size: 12px;	
	font-family: "Arial, Helvetica, sans-serif", Arial, Verdana; 	
	color: #000000;
   	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: #0000FF; 
    text-decoration: underline	;
}
a:visited {
	color: #660066; 
    text-decoration: underline;
}
a:hover {
	color: #0000FF; 
    text-decoration: underline;
}

/* SPECIALS CSS */

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

/* CONTROLS THE MAIN TEMPLATE AREAS */


#maintable {
    width:920px;      
}


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

#pagebodycolumn {
	width:920px;
	background-color:#ffffff;	
}

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


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

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

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

#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: #006980;  
            background-color:transparent;                            
        }
        .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:#006980; 
            text-decoration: none;
            background-color:transparent;    
        }
        .standardvertical li a:hover{ 
             color:#006980;
             text-decoration:none;    
             background-color:transparent; 
        }
        .standardvertical a:visited{
             color:#006980;
             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:transparent;

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

             background-color:transparent;
            
             width:auto;             
        }
    
        .standardhorizontal {
	        width: auto;
            margin:0px; 
            padding:0px; 
            font-weight: bold; 
            font-size: 9pt;
            color: #006980;  
            background-color:transparent;                            
        }
        .standardhorizontal li {
            width: 920px;    
            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:#006980; 
            padding:6px;
            cursor:pointer;                 
            text-decoration: none;
            background-color:transparent;                            
            display:block;   
        }
        .standardhorizontal li a:hover{ 
            color:#006980;
            text-decoration:none; 
            background-color:transparent;        
        }
        .standardhorizontal a:visited{
            color:#006980;
            text-decoration:none;    
        }
        .standardhorizontal li:hover {
            position:relative;
        }
		.standardhorizontal li.imgnav{
        	width:auto;
        }        
        .standardhorizontal li.imgnav a{
            padding:0px;
            line-height:0px;

            background-color:transparent;
   
			width:auto;          
        }
        .standardhorizontal li.imgnav a:hover{
        
             background-color:transparent;             

			width:auto;              
        }


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



/* CUSTOMER PAGES */
        .customerhorizontal li {
            width: 184px;    
        }
        
        .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: 131px;    
        }
        
        .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: #000000;   
	background-color:#FFFFFF;    
}
.categorieshorizontal li a {
	color: #000000;
	background-color:#FFFFFF;
    text-decoration:none; 
}
.categorieshorizontal li a:hover{
	color: #000000;
	background-color:#FFFFFF;
    text-decoration:none; 
}
.categorieshorizontal a:visited{
	color: #000000;
	text-decoration:none; 
}

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


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

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

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

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

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

/* New responsive CSS */

.alert {
	margin: 10px auto; 
    padding: 8px; 
    border:none; 
    background-color:#CC0000; 
    width:auto; 
    text-align:center; 
    color:#fff;
    max-width: 300px; 
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
    width: auto;
}

.alert-error {
    background:#ffecec url('../images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.alert-success {
    background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.alert-warning {
    background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.alert-notice {
    background:#e3f7fc url('../images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
.notification-success {
    background:#e9ffd9;
    border:1px solid #a6ca8a;
}
.notification-warning {
    background:#fff8c4;
    border:1px solid #f2c779;
}
.notification-error {
    background:#ffecec;
    border:1px solid #f5aca6;
}

.txt-right {
text-align:right;}

.txt-left {
text-align:left;}


.txt-center {
text-align:center;}

.boldtxt{
    font-weight:bold;
}
.txt-8{
    font-size:8pt;
}
.txt-10{
    font-size:10pt;
}
.txt-12{
    font-size:12pt;
}

input {
    border: 1px solid #dadada;
    border-radius: 3px;
}
input:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
textarea {
    border: 1px solid #dadada;
    border-radius: 3px;
}
textarea:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
.required-input { 
    outline: none;
    border-color: #D12122;
    box-shadow: 0 0 10px #D12122;
}
.rnd-crner-3{border-radius:3px;}
.rnd-crner-5{border-radius:5px;}
.rnd-crner-8{border-radius:8px;}
.rnd-crner-10{border-radius:10px;}


/* END OF KNOWN NEEDED CSS CLASSES */

#homepage #main_body_area table:nth-of-type(6) td:nth-child(2) {
	display:none;
}
#homepage #main_body_area table:nth-of-type(7) td:nth-child(2) {
	display:none;
}

body:not(#homepage, #contact) #main_body_area table:nth-of-type(2) td:nth-child(2) {
	display:none;
}
body:not(#homepage, #contact) #main_body_area table:nth-of-type(3) td:nth-child(2) {
	display:none;
}
