﻿/* CSS Document */

BODY {
margin:0px;
padding:0px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #030;
background: #ffc;
}

/* Link properties */

A:link {
	color: #030;
	text-decoration: none;

}

A:visited {
	color: #030;
	text-decoration: none;

}

A:active {
	color: #030;
	text-decoration: none;

}

A:hover {
	color: #409fff;
	text-decoration: none;

}

/* Main text headings */

h1
{font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
color:#409fff;
text-decoration:none;
font-weight:bold;
margin:3px 5px 5px 3px;}

h2
{font-family: tahoma, Arial, Helvetica, sans-serif;font-size:14px;
color:#409fff;
text-decoration:none;
font-weight:bold;
margin:0px 5px 5px 3px;
padding:5px 0px 0px 5px;}

h3
{font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color: #409fff;
text-decoration:none;
font-weight:bold;
margin:5px 5px 5px 3px;
text-align:right;
}

.small {
	font-size: 11px;
}

/* Footer text */

.footertext {
font-family: tahoma, Arial, Helvetica, sans-serif;
margin:0px;
padding:5px 0px 5px 0px;
font-size:10px;
color: #030;
}

/* Titles */

.t1 {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#336699;
text-decoration:none;
font-weight:bold;
}
.t2 {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#96968A;
text-decoration:none;
font-weight:bold;
}

/* Main body */

.maincontent {
border-top-style:dotted;
border-top-width:2px;
border-top-color:#409fff;
margin:3px 10px 30px 0px;
padding:0px 10px 5px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color:#030;

} .maincontent img {float:left;margin:5px 5px 5px 0px;}

.maincontent2 {
border-top-style:dotted;
border-top-width:2px;
border-top-color:#409fff;
margin:3px 220px 0px 0px;
padding:0px 10px 5px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color:#030;
}

.maincontent2 img {float:left;margin:5px 0px 5px 5px;}

.maincontentres {
border-top-style:dotted;
border-top-width:2px;
border-top-color:#409fff;
margin:3px 220px 0px 0px;
padding:0px 10px 5px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color:#030;
}

.lwrap {
width:182px;
margin-top:15px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
padding:0px;
}

.indent {
	margin: 0 15px 0 15px;
}

/* Left content */

.lcontent {
border-left-style:solid;
border-left-color:#eee;
border-left-width:5px;
width:172px;
margin:0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;font-size:11px;
color: #030;
text-decoration:none;
text-align:left;
font-weight:normal;
padding:5px 3px 10px 5px;
background-color: #EEE;
}

.leftshadow {
width:182px;
height:6px;
padding:0px;
margin-top:0px;

}
.leftshadow img {padding:0px;margin:0px;float:right;}

.separator {
border-top-width:1px;
border-top-style:dotted;
border-top-color:#989898;
margin-right:5px;
margin-left:5px;
margin-top:10px;
}

/* News boxes */

.newsheader{
background-image:url(images/left_subh.gif);
background-position:top;
background-repeat:no-repeat;
width:182px;
margin-left:auto; margin-right:auto; margin-top:15px;margin-bottom:0px;
height:17px;
text-align:right;
padding:1px 5px 0px 0px;
font-family: tahoma, Arial, Helvetica, sans-serif;font-size:10px;
color:#fff;
font-weight:bold;
}
.newscell{
background-color:#EEE;
width:182px;
margin-left:auto; margin-right:auto; margin-top:-1px;margin-bottom:0px;
min-height:30px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #030;

}

.newscell p {padding:5px 5px 15px 10px;margin-top:0px;}

/* Right content */

.rcontent {
background-color:#EEE;
width:168px;
margin-left:auto;
margin-right:auto;
border-left-style:solid;
border-left-width:5px;
border-left-color:#eee;
min-height:30px;
margin-top:18px; margin-bottom:0px;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color: #030;
padding:5px 3px 10px 5px;
text-align: left;
}

.rightshadow {
text-align:right;
width:168px;
height:7px;
padding:0px;
margin-top:0px;
margin-bottom:5px;
float:right;
}
.rightshadow img {padding:0px;margin:0px;float:right;}

/* Bullet list */

ul {
list-style-image:url(images/bullet.gif);
list-style-type:none;
}

p img {margin-left:5px;}


#wrap{
margin:0px;
padding:0px;
width:100%;
}

/* Header section 

#header{
 background:#ffc;
 margin:0px 0px 0px 0px;
font-size: 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
 }*/
 
#header {
    background-image:url(images/template/bannerleft.jpg);
	height: 105px;
	width: 100%;
	background-repeat: no-repeat;
	margin: 0;
}

#header2 {
    background-image:url(images/template/bannerright.jpg);
	height: 105px;
	width: 100%;
	background-repeat: no-repeat;
	background-position:right;
	margin: 0;
}

#blueline1 {
    background-color: #97cbff;
	color: #030;
	padding: 2px 15px;
    text-align: right;
	margin: 0;
	font-size: 100%;
}

.nomargin {
    margin: 0px;
	font-weight: bold;
}

#nav {
    margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 100%;
}

#nav li {
    margin: 0;
	padding: 0;
	float: left;
	margin: 0 1px 0 0;
	display: inline;

}

#nav a {
	padding: 0 15px;
	float: left;
	color: #ffc;
	text-decoration: none;
	line-height: 1.3;
	background-color: #030;
	border: 1px solid #030;

}

/*#nav li:hover {
    color: #003300;
	background: #cccc00 url(images/template/cornerleft.gif) no-repeat bottom left;

}*/

#nav a:hover {
    color: #030;
	background-color: #cf9;
	border: 1px solid #030;
}

#contentx {
    clear: both;
}
 
 /* Top navigation
 
#topnav ul
{
padding-left: 0;
margin-left: 5px;
margin:0px 0px 0px 0px;
background-color: #9FB5FF;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 18px;
}

#topnav ul li { display: inline; }

#topnav ul li a
{
padding: 0.2em 1em;
background-color: #9FB5FF;
color: #FFF;
text-decoration: none;
float: left;
border-right: 1px solid #EEE;
}

#topnav ul li a:hover
{
background-color: #F89961;
color: #fff;
} */

/* Left positioning */

#left {
width:191px;
margin:0px 0px 10px 0px;
padding:0px 0px 20px 0px;
/*background-color:#ebe8de;
border-right-width:3px;
border-bottom-width:3px;
border-left-width:5px;
border-top-width:0px;
border-style:solid;
border-right-color:#EFEEEE;
border-bottom-color:#EFEEEE;
border-left-color:#ffc;*/
float:left;
min-height:15px;}

/* Right positioning */

#right {
margin-left:196px;
background-color:#ffc;
min-height:30px;
text-align:left;
padding:10px 10px 15px 15px;
min-width:560px;
color: #030;

}

/* Footer positioning */

#bottomimg {
    background-image:url(images/template/imgbottomright.jpg);
	height: 105px;
	width: 100%;
	background-repeat: no-repeat;
	background-position:right;
	background-color: #ffc;
	color: #030;
}

#blueline2 {
    background-color: #97cbff;
	color: #030;
	margin: 50px 0 0 0;
	clear: both;
	text-align: center;
}

#footer {
background-image:url(images/footer2.gif);
height:55px;
margin:0px 0px 0px 0px;padding:0px;
width:100%;
min-width:760px;
overflow:hidden;
clear:both;
}

#footer img {padding:0px;margin:0px;float:left;}

#footer a {
text-decoration:none;}

/* Right positioning */

#rightcol {
width:180px;
float:right;
min-height:30px;
background-color:#ffc;
margin:0px 0px 0px 10px;
padding:0px;
text-align:center;
color: #030;
}

#stretch {width:760px;height:1px;clear:both;margin:0px 0px 10px 0px;padding:0px;}
.img-centre { 	margin-right:10px; }

form {margin: 0;padding: 0;
}

.yellowfront{
	background-color: #ff9;
	padding:5px 5px 10px 10px;
	color: #030;
}

.yellowfrontlogo{
	background-color: #ff9;
	background-image: url(images/template/logo2.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding:5px 5px 10px 10px;
	text-align: center;
	color: #030;
}

/* left yellow nav boxes */

.lblueback{
	background-color: #9cf;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-right: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.lpinkback{
	background-color: #fcf;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-right: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.lgreenback{
	background-color: #cf9;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-right: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.lpurpleback{
	background-color: #ccf;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-right: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.lorangeback{
	background-color: #fc6;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-right: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

/* right yellow nav boxes */

.rblueback{
	background-color: #9cf;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #c66;
	border-left: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.rpinkback{
	background-color: #fcf;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #c66;
	border-left: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.rgreenback{
	background-color: #cf9;
	padding: 0 3px 3px 0;
	border-bottom: 1px solid #c66;
	border-left: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.rpurpleback{
	background-color: #ccf;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #c66;
	border-left: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.rorangeback{
	background-color: #fc6;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #c66;
	border-left: 1px solid #c66;
	margin-top: 10px;
	color: #030;
}

.textleft {
text-align: left;
}

	/* classes CSS styles */

#fptnails {
	width: 90%;
}

.tnail {
	float: left;
	width: 106px;
	border: 1px solid #fc6;
	margin: 0 15px 15px 0;
	padding: 5px;
	text-align: center;
	color: #030;
	background-color: #fff;
}

.tnail img {
  border: none;
}

.cboth {
  clear: both;
}

.cleft {
  clear: left;
}

.copy {
font-family: tahoma, Arial, Helvetica, sans-serif;
margin:0px;
padding:5px 0px 5px 0px;
font-size:10px;
color: #030;
text-align: center;
}

.bold {
	font-weight: bold;
}

.cs{
	width: 120px;
	background-color: #f5c1ff;
	border: 2px solid #bb76e1;
	text-align: center;
	font-size: 13px;
	padding: 2px;
	margin: auto;
}


/* PRODUCT OPTIONS */

.prodname, .detailname {
font-size: 18px;
font-weight: bold;
}

.prodprice, .detailprice {
font-size: 16px;
font-weight: bold;
}

.maincontentres {
border-top-style:dotted;
border-top-width:2px;
border-top-color:#409fff;
margin:3px 220px 0px 0px;
padding:0px 10px 5px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color:#030;
}

.linklayout {
margin: 25px 0px 25px 0px;
}

.imgres {
padding: 20px 10px 10px 0px;
}

