/* CSS Document */

html { min-height: 101%; margin-bottom: 1px; }

body{
margin: 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #000000;
}

#holder{
margin: 10px auto;
width: 978px;
}
h4{
	font-size: 16px;
	color: #000000;
}
.top-menu{
float: left;
margin-left: 10px;
}
.top-menuR, .top-menuR2{
float: left;
color: #999;
margin-top: 25px;
font-size: 13px;
}
/*.top-menuR{margin-left: 380px; text-transform: uppercase;}
.top-menuR2{margin-left: 299px; text-transform: uppercase;}*/
.top-menuR{margin-left: 430px; text-transform: uppercase;}
.top-menuR2{margin-left: 349px; text-transform: uppercase;}

.topmenu2:link, .topmenu2:active, .topmenu2:visited{color: #FFFFFF;}
.topmenu:link, .topmenu:active, .topmenu:visited, .topmenudn:link, .topmenudn:active, .topmenudn:visited, .topmenu2:link, .topmenu2:active, .topmenu2:visited{
text-transform: uppercase;
font-size: 13px;
text-decoration: none;
}
.topmenu:link, .topmenu:active, .topmenu:visited, .topmenudn:link, .topmenudn:active, .topmenudn:visited{
margin-top: 25px;
padding: 0px 8px;
float: left;
color: #999999;
}
.topmenu2:hover{color: #999;}
.topmenu:hover, .topmenudn:link, .topmenudn:active, .topmenudn:visited{color: #FFFFFF;}

.logo{float: left;}

#content{
margin: 10px 0px;
background-color: #FFFFFF;
float: left;
width: 978px;
color: #000000;
}
.comingsoon{
float: left;
padding: 55px 0px 0px 20px;
height: 377px;
}

#Lcol_home{
float: left;
width: 978px;
height: 440px;
}
#Lcol_about, #Lcol_stockists, #Lcol_contact{
float: left;
/*background-position: right;
background-repeat: no-repeat;*/
width: 938px;
padding: 15px 15px 0 15px;
min-height:417px;
height:auto !important;
height:417px;
margin: 5px;

}
/*#Lcol_about{
background-image: url(../images/trina.jpg);
}*/

#Lcol_contact2{
float: left;
background-position: right;
background-repeat: no-repeat;
width: 748px;
padding: 15px 5px 5px 20px;
min-height:423px;
height:auto !important;
height:423px;

}

/*#Lcol_stockists{
background-image: url(../images/stockists.jpg);
line-height: em;
background-repeat: no-repeat;
background-position: right;
}*/

.nicelink{
text-decoration: none;
color: #666666;
}
.nicelink:hover{text-decoration: underline;}

.stockists-Lcol{
float: left;
width: 650px;
}
.about-top{
float: left;
width: 750px;
}
.about-bot{
float: left;
width: 660px;
}
.prod-holder{
	float: left;
	margin: 5px;
	background: url(../images/prod-holder-rptr.jpg) repeat-y;
}
#Lcol{
	float: left;
	width: 210px;
	padding: 5px 20px 0 10px;
/*	background-color: #d7d9d8;*/
	/*margin: 5px 0 5px 5px;*/
}
#Rcol{
float: left;
width: 726px;
padding: 0;
/*padding: 0px 15px 10px 15px;
_padding: 0px 15px 15px 15px;*/
border-top: solid 2px #d7d9d8;
border-left: solid 2px #d7d9d8;
/*margin: 5px 0;*/
}
#Rcol-featured{
float: left;
width: 728px;
padding: 0px;
height:432px;
}

#Rcol-prod{
float: left;
width: 727px;
/*padding: 0 0 20px 0px;*/
}

.prod-L{
float: left;
width: 415px;
border: 2px solid #D7D9D8;
/*margin-top: 5px;*/
min-height:443px;
height:auto !important;
height:443px;
}
.prod-nav{
float: left;
width: 355px;
padding: 0 30px 10px 30px;
}
.navlnk, .navlnk2{
float: left;
color: #000000;
text-decoration: none;
text-transform: uppercase;
width: 70px;
font-size: 11px;
}
.navlnk2, .navlnk2-dn{text-align: right;}
.navlnk:hover, .navlnk2:hover{text-decoration: underline;}

.navlnk-dn, .navlnk2-dn{
float: left;
color: #999;
text-transform: uppercase;
width: 70px;
font-size: 11px;
}

.viewsbox{
float: left;
width: 215px;
text-align: center;
font-size: 11px;
}
.views{
	cursor: pointer;
}
.noProds{
	float: left;
	width: 699px;
	/*margin: 5px 0 0 0;*/
	padding: 20px 0 0 25px;
	border-right: 2px solid #D7D9D8;
	border-bottom: 2px solid #D7D9D8;
	min-height:423px;
	height:auto !important;
	height:423px;
}
.prod-R{
float: left;
width: 300px;
/*margin: 5px 0 0 0;*/
padding: 20px 0 0 5px;
border-top: 2px solid #D7D9D8;
border-right: 2px solid #D7D9D8;
border-bottom: 2px solid #D7D9D8;
min-height:423px;
height:auto !important;
height:423px;
}
.prod-R-top{
float: left;
height: 315px;
}
.prod-R-bot{
float: left;
}
.proddiv{
float: left;
width: 240px;
text-align: center;
border-bottom: solid 2px #d7d9d8;
border-right: solid 2px #d7d9d8;
min-height:288px;
height:auto !important;
height:288px;
}
.proddiv p{
text-transform: uppercase;
}
.proddiv a{
text-decoration: none;
color: #000000;
}
.colourPicker{
	text-transform:uppercase;	
}

.inputbox{
width: 173px;
_width: 170px;
}

.loginbutt{
width: 175px;
color: #FFFFFF;
background-color: #666666;
border: none;
padding: 3px 0px;
font-weight: bold;
}
.loginbutt:hover{
color: #000033;
}

.loginfrm{
background-color: #000000;
width: 180px;
color: #FFFFFF;
padding: 10px;

}
.locname{
background-color: #000000;
color: #FFFFFF;
padding: 1px 5px;
width: 70px;
margin: 0 5px 6px 0;
}

.error{color: #FF0000;}

h1{
font-size: 22px;
color: #666666;
text-transform: uppercase;
margin-top: 15px;
margin: 0px;
}
.collname{
margin-bottom: 0px;
color: #000000;
}
.prodname{
/*background-color: #666;
color: #fff;*/
padding: 5px 0px 5px 10px;
text-transform: uppercase;
font-size: 15px;
	color: #000000;
}

h2{
font-size: 18px;
color: #666666;
text-transform: uppercase;
padding: 0px;
}
h3{
font-size: 14px;
text-transform: uppercase;
margin: 0;
padding-left: 1px;
}

.subcat:link, .subcat:active, .subcat:visited, .subcatdn:link, .subcatdn:active, .subcatdn:visited{
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
width: 188px;
font-weight: bold;
}
.cat, .catdn{
text-transform: uppercase;
text-decoration: none;
width: 188px;
font-weight: bold;
font-size: 15px;
}
.cat{color: #ffffff;}
.catdn{color: #000000;}

.subcat:link, .subcat:active, .subcat:visited, .subcatdn:link, .subcatdn:active, .subcatdn:visited{font-size: 15px;}
.subcatdn:link, .subcatdn:active, .subcatdn:visited, .subcat:hover{color: #000000;}

#Lcol ul{list-style: none; padding-left: 10px; _margin-left: 0;}
#Lcol ul.main{padding-left: 0; margin-left: 9px;}
#Lcol ul.main li ul {margin:0;padding: 0;}

.mainimg{
float: left;
}

#footer{
color:#999999;
float: left;
}
.foot{float: left;}

.footlinks:link, .footlinks:active, .footlinks:visited{
text-transform: uppercase;
color: #999999;
font-size: 11px;
text-decoration: none;
}

.by{
float: left;
margin-left: 507px;
_margin-left: 406px;
}

.byline:link, .byline:active, .byline:visited, .byline2:link, .byline2:active, .byline2:visited{
color: #999999;
text-decoration: none;
}

.byline2:hover{text-decoration: underline;}

.bullet{
list-style: disc;
}

.addcolour{
float: left;
}

.gstnote{
font-style: italic;
font-size: 10px;
}