/* Can Do Int IE Stylesheet */

/*  ==  Elements  =======================*/

h1 {
	font : bold 1.5em Verdana, Arial, sans-serif
}

h2 {
	font : bold 1.3em Verdana, Arial, sans-serif
}
h3 {
	font : bold 1.1em Verdana, Arial, sans-serif
}
h4 {
	font : bold 0.9em Verdana, Arial, sans-serif
}

p {
	font : normal 1em Verdana, ariel, sans-serif
}

a {
	color : blue;
	text-decoration : underline
}

a:hover {
	color : Black;
	text-decoration : none
}

a:active {
	color : #3300FF;
}

a:visited {
	color : #993366;
}

ul {
	font-family : verdana,Ariel,sans-serif;
	font-size : 1em;
	color : #3300FF;
}

li {
	color : #3300FF;
}

li a {
	color : #3300FF;
	text-decoration : underline;
}

li a:link {
	color : #3300FF;
}

li a:visited {
	color : #993366;
}

li a:hover {
	color : Black;
}

body {
	color : #333366;
	font : verdana, ariel, san-serif;
	margin : 0px 0px 0px 0px;
	background : #FFFFEE;
	}

/*  ==  Classes  =======================*/

.container {
	width : auto ; 
	height : auto ;
	margin : 0 ; 
	border : 0px solid #333333 ;
	padding : 0px 0px 0px 0px;
}

.header {
	height : 80px;
	padding : 5px 8px;
	background : url(../Images/backgroundgroup.gif) repeat-x;
	color : #333366;
	font : 0.8em Verdana, sans-serif;
	text-transform : uppercase;
	border-bottom : 1px solid Black;
}

.navshadow {
background :   url(../Images/shadow.gif) repeat-x;
}

.logo {
	border : 0px;
	float : left;
	background:   url(Images/logo.gif);
	z-index : 2;
}

.APPA {
	border :0px solid Black;
	float : none;
	display : block;
	text-align : center;
	}

.smltxt {
	font : 0.9em Verdana, sans-serif
}

.content {
	width : auto ; 
	height : auto ;
	margin : 0px 100px  ; 
	padding : 1em ;
	border : 0em solid #333333 ;
}

.prodimageleft{
	border : 1px solid Black;
	background-color : White;
	float : left;
	margin : 0px 15px 15px 0px;
	padding : 0px 0px 0px 0px;
	clear : both;
}

.prodimageright{
	border : 1px solid Black;
	background-color : White;
	float : right;
	margin : 0px 15px 15px 15px;
	padding : 0px 0px 0px 0px;
}

/*  ==  Border interferes with rad-o-koolz animated gif ===  */
  
.SWaGimageright{
	border : 0px solid Black;
	background-color : White;
	float : right;
	margin : 0px 15px 0px 15px;
	padding : 0px 0px 0px 0px;
}

.coloursample{
	width : 4em;
	height : 1em;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border : 0px solid Black;
}

/*  ==  ID's  ===========================*/

#navbar {
	height : 20px;
	width : 100%;
	border-top : solid #FFF 1px;
	border-bottom : 1px solid black;
	background-color : #339999;
	padding-right : 10px;
}

#navbar ul {
	margin : 0px;
	padding : 0px;
	background : #336699;
	font-family : Ariel,Helvetica,sans-serif;
	font-size : 0.9em;
	color : #336699;
	line-height : 20px;
	white-space : nowrap;
}

#navbar li {
	display : inline;
	list-style-type : none;
	float : right;
}

#navbar li a {
	color : White;
	padding : 7px 10px;
	text-decoration : none
}

#navbar li a:link {
	color : #FFFFFF;
}

#navbar li a:visited {
	color : #99CCCC;
}

#navbar li a:hover {
	color : #000066;
}

#navbar li strong {
	color : #333333;
}

/* This style defines the footer */

#footer {
	height : 20px;
	width : 100%;
	color : #FFFFFF;
	clear : both;
	background : #339999;
	font : 0.9em sans-serif;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	margin : 60px 0px 0px 0px;
	padding-left : 15px;
}

#footer a {
	color : Blue;
	text-decoration : underline;
}

#footer a:hover {
	color : Yellow;
	text-decoration : none;
}

#createdby{
	display : block;
	list-style-type : none;
	float : right;
}