
/* FONT SETTINGS */
font, a, .txtWhi, td { font-family: Tahoma, Verdana, Arial; }
.f7 	{ font-size: 7pt; color: #666; }
.f8 	{ font-size: 8pt; color: #666; }
.f9 	{ font-size: 9pt; color: #666; }
.f10 	{ font-size: 10pt; color: #666; }
.f11 	{ font-size: 11pt; color: #666; }
.f12 	{ font-size: 12pt; color: #666; }
.txtWhi { color: #FFFFFF }

/* LINK SETTINGS */
a 		{ color: #006699; text-decoration: none }
a:hover	{ color: #0099CC; text-decoration: none }
.lnkWhi { color: #FFFFFF; text-decoration: none }
.lnkWhi:hover { color: #FFFFFF; text-decoration: none }


/* GENERAL */
body { margin: 0px; }

form {
	padding: 0px; 
	margin: 0px;
}

#search {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	color: #999;
	font-size: 10pt; 
	font-style: italic;
	border: 0px;
	height: 22px;
	width: 275px;
	background-image: url(/gfx/layout/hdr_search.gif);
	padding-left: 10px;
	padding-top: 5px;
	}
	
.hdrText {
	color: #DD7746;
	font-size: 8pt;
	height: 16px;
	margin-bottom: -3px;
	margin-top: -2px;
	}

.menuLnk, menuLnkOn, .menuLnkOn {
	font-family: Verdana, Geneva, sans-serif;
	color: #F4F4F4;
	text-decoration: none;
	font-weight: bold;
	}

.menuLnk:hover {
	color: #F1F1F1;
	}
	
.menuLnkOn {
	color: #FC0;
	}
	
.menuLnkOn:hover {
	color: #FC0;
	}

.menuHdr {
	background-color: #C1C1C1;
	height: 21px;
	padding-left: 10px;
	padding-top: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFF;
	}

.menuBck {
	background-color: #B9B9B9;
	padding: 5px;
	padding-left: 10px;
	padding-top: 6px;
	}

.menuSpacer {
	background-image:url(/gfx/layout/menu_div.gif); 
	height: 3px; 
	background-color: #B9B9B9;
	}
	
.menuBckOn {
	background-color: #B9B9B9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#AAAAAA');
	background: -webkit-gradient(linear, left top, left bottom, from(#898989), to(#AAAAAA));
	background: -moz-linear-gradient(top,  #898989,  #AAAAAA); 
	padding: 5px;
	padding-left: 10px;
	padding-top: 6px;
	}
	
.ftrLine {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 12pt;
	font-weight: bold;	
	color: #F4F4F4;
	}

.ftrCaption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #777;
	font-weight: bold;
	height: 30px;
	}
	
.ftrCaption:hover {
	text-decoration: underline;
	color: #888;
	}

.ftrLnk {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #999;
	}
	
.ftrLnk:hover {
	text-decoration: underline;
	color: #888;
	}
	
.ftrCols {
	line-height: 18px;	
	}

/* HOME */

.ofrTitle {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #336666;
	font-weight: bold;
	height: 18px;
	}

.ofrPrc {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #C00;
	font-weight: bold;
	height: 18px;
	padding-top: 2px;
	padding-left: 8px;
	}

.ofrVat {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #777;
	height: 18px;
	font-weight: normal;	
	}

.ofrCat {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	color: #960;
	height: 28px;
	font-weight:normal;
	margin-right: 20px;
	}

.ofrLine {
	height: 18px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #960;
	font-size: 10pt;
	margin-bottom: 10px;
	}


.ofrImg {
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	border-left: 1px solid #999;
	padding: 2px;
	width: 122px;
	height: 120px;
	float: left;
	}
	
.ofrItems {
	background-image: url(/gfx/ofr_back_off.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #999; 
	padding: 2px;
	width: 210px;
	float: left;
	}

.ofrItem {
	padding-top: 4px;
	padding-left: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	color:#666;
	padding-bottom: 4px;
	}
.specOfrImg {
	border: 1px solid #999;
	}

.specOfrImg:hover {
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;	
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius: 3px;
	
	border: 1px solid #777;
	}
	
.srchImgBox { 	
	position:relative;
	}	
.srchImgBox div { 	
	padding: 4px; 
	border: 1px solid #CCC;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius: 3px;
	
	margin-bottom: 5px;
	}
	
.srchImgBox:hover div {
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;	
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius: 3px;
	
	border: 1px solid #777;
	position: absolute;
}
	
.specOfrLine {
	height: 18px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #960;
	font-size: 10pt;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 4px;
	border: 1px solid #999;	
	
	/*
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;	
	*/
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#CCCCCC');
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#CCCCCC));
	background: -moz-linear-gradient(top,  #DDDDDD,  #CCCCCC); 
	background-color: #CCCCCC;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius: 3px;

	border: 1px solid #CCC;
	}


.prdCentre {
	border-bottom: 1px #660 solid;
	height: 18px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #660;
	font-size: 10pt;
	margin-bottom: 10px;
	}

.prdCtrTitle {
	height: 18px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #660;
	font-size: 10pt;
	}

.prdCtrIntro {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #999;
	font-size: 8pt;
	}
	
.artLnks {
	color: #777;	
	}

/* SEARCH RESULTS */

.srchPrc {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #900
	}

.srchPrcDtls {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	color: #777;
	}
	
.srchTitle {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	color: #999;
	background-color: #f4f4f4;
	border-bottom: 1px solid #DDD;
	}
	
.catLine {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color: #556145
	margin-bottom: -5px;
	margin-top: 0px;
	}

/* PRODUCT PAGE */

.prdPrc {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #900
	}

.prdPrcDtls {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	color: #777;
	}
	
.prdTitle {
	font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	color: #663;
	font-weight: bold;
	line-height: 20px;
	margin-top: -3px;
	}

/* GENERAL CONTENT */

.subTopic {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	}

.pgTitle {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	color: #555;
	margin-top: -3px;
	margin-bottom: -5px;
	}
	
.relArts {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	border-bottom: 1px solid #CCC;
	}
	
.relCont {
	margin-right: 15px; 
	margin-left: 15px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
	}
	
/* FORMS */ 
button, input[type="button"]  {
	border-width: 1px;
	border-top: 1px solid #F3F0BC;
	border-left: 1px solid #F3F0BC;
	border-bottom: 1px solid #946C23;
	border-right: 1px solid #946C23;
}

input[type="text"], input[type="password"] {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FAFAFA;
	border: 1px solid #BBBBBB;
	padding: 2px;
}

select {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FAFAFA;
	border: 1px solid #BBBBBB;
	padding: 2px;
}

input[type="text"]:hover, input[type="password"]:hover  {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 2px;
}

input[type="button"], input[type="submit"] {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #FFCC00;
}

textarea {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FAFAFA;
	padding: 2px;
}

textarea:hover  {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FFFFFF;
	padding: 2px;
}

button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #FFCC00;
}

button:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #F7C400;
}

.frmLine {
	border-bottom: 1px solid #BBB;
	height: 22px;
	}

#banners div{
	display:inline-block;
	left:0;
}
.slidingElement { 
	display: none; 
}

.handleSlidingElement { 
	cursor:pointer;
	background-color:#C1C1C1;
	padding-left:4px;
	height:22px;
	clear:both;
}

.archive{
	margin:0px;
	list-style-image:none;
	list-style-type:none;
	padding-left:14px;
}
.oldPrice{
	text-decoration:line-through;
	color:#600;
}

.ofrLineTitle{ color: #006699; text-decoration: none }
.ofrLineTitle:hover{ color: #0099CC; text-decoration: none }
.tooltip {
	display:none;
	background:transparent url(/gfx/black_arrow.png);
	font-size:10pt;
	height:95px;
	width:180px;
	padding:15px 15px 15px 15px;
	color:#fff;	
	font-family:Tahoma, Geneva, sans-serif;
}
.tooltip.bottom {
	background:url(/gfx/black_arrow_bottom.png);
	padding-top:30px;
	height:80px;
}
