/*****************
 LINKS
 *****************/

A:hover { color: #663399; }

/*****************
 FORMS
 *****************/

form.inline { display:inline; }
input.searchinput {border: 1px solid #666666; background-color: #ccbbdd; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
textarea.searchinput {border: 1px solid #666666; background-color: #ccbbdd; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
input.searchsubmit { border: 1px solid #666666; background-color: #330066; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #ffffff; }
select.searchselect {border: 1px solid #666666; background-color: #ccbbdd; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; width: 200px; }


/*****************
 NO MARGIN UL
 *****************/

UL.nomargin {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
}

UL.nomargin LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}

/*****************
 IMAGE FLOATS
 *****************/

img { border: 0px; }

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}


/*****************
 IMAGE BORDERS
 *****************/

.bordered {
	border-style:solid;
	border-color: #330066;
	border-width:1px;
      }

/*****************
 PARAGRAPHS
 *****************/

p { margin-top: 10px}
p.compact { margin: 0px}
p.indent { text-indent: 20px; margin-top: 10px}
p.justify { text-align: justify;}


/*****************
 FONTS
 *****************/


.bodytext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em}
.bodytextmed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.bodytextsmall { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.7em}
.bodytextbig { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em}
.headertext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em}
.taglinetext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.footertext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.bodytextbigger { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.6em}

/*****************
 HEADINGS
 *****************/

h1 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.2em; display:inline; color: #330066;}
h2 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; display:inline; color: #330066; padding: 0px 0px 0px 15px; background: url(images/h2back.gif) no-repeat 0 1px;}
h3 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; display:inline; color: #666666;}


/*****************
 TABLES
 *****************/
.whitetable { border: 1px solid #330066; background-color: #ffffff; padding: 5px; }


/*****************
 MAIN NAV LIST
 *****************/

#mainnav ul {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	width: 740px;
}

#mainnav ul li {
	font-size: 0.8em;
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	display: inline;
}

#mainnav ul li a {
	color: #ffffff;
	text-decoration: none;
}

#mainnav ul li a:hover {
	color: #ccbbdd;
	text-decoration: none;

}


/*****************
 UL SIDE NAV
 *****************/


ul.sidenavlist{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	width: 200px;
}

ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	line-height:1.4em;
	width: 200px;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	background: url(images/sidenavicon.gif) no-repeat 0 2px;
	padding: 0px 0px 0px 15px;
	color: #000000;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active{
	color: #330066;
	text-decoration: underline;
}

/* APPLY HERE OVERRIDES */
ul.sidenavlist  li.here {
 	font-weight: bold;
}


/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.sidenavheader {
	width: 180px;
	margin: 15px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	color: #330066;
 	font-weight: bold;
 	font-size: 0.9em;
 	text-transform: uppercase;
 	letter-spacing : -1px;
 	background: #E1D9E8;
 	border-bottom: solid #330066;
	border-width:1px;
}

ul.sidenavlist li.sidenavheader a:link, ul.sidenavlist li.sidenavheader a:visited{
	padding: 0px 0px 0px 0px;
	background: #E1D9E8;
	color: #330066;
	text-decoration: none;
}

ul.sidenavlist  li.sidenavheader a:hover, ul.sidenavlist  li.sidenavheader a:active{
	padding: 0px 0px 0px 0px;
	background: #E1D9E8;
	color: #663399;
	text-decoration: none;
}

/*****************
 UL SITE MAP
 *****************/


ul.sitemaplist{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	width: 245px;
}

ul.sitemaplist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	line-height:1.4em;
}

ul.sitemaplist a:link, ul.sitemaplist a:visited{
	background: url(images/sitemapicon.gif) no-repeat 0 2px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-decoration: none;
}

ul.sitemaplist a:hover, {
	color: #330066;
	text-decoration: underline;
}

/* APPLY HERE OVERRIDES */
ul.sitemaplist  li.here {
 	font-weight: bold;
}


/* APPLY HEADER OVERRIDES */
ul.sitemaplist  li.sitemapheader {
	width: 180px;
	margin: 15px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	color: #330066;
 	font-weight: bold;
 	font-size: 0.9em;
 	text-transform: uppercase;
 	letter-spacing : -1px;
 	border-bottom: solid #330066;
	border-width:1px;
}

ul.sitemaplist li.sitemapheader a:link, ul.sitemaplist li.sitemapheader a:visited{
	padding: 0px 0px 0px 0px;
	color: #330066;
	text-decoration: none;
}

ul.sitemaplist  li.sitemapheader a:hover, ul.sitemaplist  li.sitemapheader a:active{
	padding: 0px 0px 0px 0px;
	background: #F5F2F7;
	color: #663399;
	text-decoration: none;
}


/*****************
 NORMAL LINK LIST
 *****************/


ul.normallink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none
}

ul.normallink li {
	margin-left:0px;
	line-height:16px;
	background: url(images/sidenavicon.gif) no-repeat 0 2px;
}

ul.normallink a:link, ul.normallink a:visited {
	padding-left:15px;
	display:inline;
	text-decoration:none;
	width:100%;
 	position:relative;
	color: #330066; text-decoration: none;
}

ul.normallink a:hover {
	color: #330066; text-decoration: underline;
}



/*****************
 ORDERED LIST
 *****************/

OL.nomargin {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
}


/*****************
 LINKS
 *****************/

#breadcrumb a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #000000; text-decoration: none }
#breadcrumb a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #000000; text-decoration: none }
#breadcrumb a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #000000; text-decoration: underline }

#footer a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #330066; text-decoration: none }
#footer a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #330066; text-decoration: none }
#footer a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #ffffff; text-decoration: none }

.features a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #330066; text-decoration: none }
.features a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #330066; text-decoration: none }
.features a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #330066; text-decoration: underline }

a.boldhead:link, a.boldhead:visited{
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	color: #330066;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing : -1px;
	border-bottom: solid #330066;
	border-width:1px;
	margin: 15px 0px 3px 0px;
}

a.boldhead:hover{color: #663399;}

/*****************
 PRODUCT COLUMNS
 *****************/

.leftColumn {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	color: #000000;
	font-size: 12px;
	float:left;
	clear:left;
	width:250px;
}

.rightColumn {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	color: #000000;
	font-size: 12px;
	float:left;
	clear:right;
}

	.productTitle {
		font-weight: bold;
		margin: 10px 0px 4px 0px;
		height:30px;
	}

	.productText {
		margin: 0px 5px 0px 0px;
	}


/*****************
 Quotation
 *****************/

 .quotation {
 	border: 1px solid #330066;
 	background: #CCBBDD;
 	padding: 2px;
 }


/*****************
 Christmas
 *****************/
 
 #christmas {
    color: #fff;
    border: 2px solid #FFF;
    padding: 10px;
    font-size: 1em;
    line-height: 1.4em;
    background-image: url(images/bg-christmas.jpg);
    background-repeat: repeat;
 }
 
.spoffer {
    padding: 5px;
    background: #306;
    color: #FFF;
}

#quotationform {
    font-family: Verdana, Helv, Sans-Serif;   
    font-size: 0.8em;
}

    #quotationform h2 {
        border-bottom: 1px solid #333; 
        font-size: 1em;
        text-transform: uppercase;
        background: none;
        padding: 3px 0px;
        display: block;
        margin: 15px 0px 0px 0px;
    }

    #quotationform p {
        margin: 15px 0px 5px 0px;
    }

    #quotationform input.text {
        margin-bottom: 5px;
        vertical-align: text-top;
    }
    
    #quotationform input.full {
        width: 100%;
    }
    
    #quotationform label {
        float: left;
        display: block;
        width: 160px;
        text-align: left;
        padding: 0px 10px 0px 0px;  
        margin: 1px 0px 5px 5px;
        line-height: 22px; 
    }
    
    #quotationform textarea {
        margin: 0px 0px 5px 0px;   
    }
    
        #quotationform textarea.full {
            width: 100%;   
            height: 100px;
        }
        
        #quotationform label.full {
            width: 100%;
        }
    
    .breaker {
        clear: both;   
    }