/*
genwareukcss.css
*/

/*## Clear all browser default margins and paddings ##*/
* {
	margin:0;
	padding:0;
}
/*#### Layout styles ####*/
body {
	font-size:76.1%;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	line-height:1.3em;
	text-align: center;
	/*background: #3f3f3f url(images/darkstripes.gif) repeat top left;*/
	background-color:#eff0ea;
}
html, body {
	height: 100%;
}
#container {
	text-align:left;
	min-width:990px;
	width:auto !important;
	width:1000px;
	margin:0 auto;
	height: 100%;
}
a {
	color:#eee;
}
a.ectlink {
	color: #000033;
	text-decoration: none;
}
ul {
	margin-left:1.5em;
}
p {
	margin:4px 0 4px 12px;
}
h1{
	margin:12px 0;
}
h2{
	margin:12px 0;
}
h3{
	margin:4px 0 4px 12px;
}
.bigger {
	font-size:1.5em;
}
.underlined{
	text-decoration:underline;
}
.indented {
	padding-left: 12px;
}

/*## Header Styles*/
#header {
	height:186px;
  	background: #1F1F1F url(images/darkstripes.gif) repeat top left;
	color: #fff;
	position:relative;
}
#leftheader {
	float: left;
	height:186px;
	width: 285px;
	background: #3f3f3f url(images/topbannerleft.jpg) no-repeat top left;
	color: #fff;
}
#rightheader {
	float: right;
	height:186px;
	width: 325px;
	background: #3f3f3f url(images/topbannerright.jpg) no-repeat top right;
	color: #fff;
}
#tbmimg {
	float:right;
}
#header form{
	position:absolute;
	top:8px;
	left:228px;
}
#header form label{
	font-weight:bold;
}
#header form input.txtbox{
	border: solid 1px #111;
	padding: 2px;
}
#header form input.sbmit{
	border:solid 1px #eee;
	color:#fff;
	background-color:#3f3f3f;
	font-weight:bold;
}
#header h3 {
	position:absolute;
	top:134px;
	left: 290px;
	font-size:22px;
	line-height:32px;
	font-weight:bold;
}


/*## Main Layout*/
#main {
  	background: #1F1F1F url(images/darkstripes.gif) repeat top left;
	color:#eee;
}
#layoutT{
	width:100%;
}
#layoutT .lcol, #layoutT .rcol{
	width:192px;
}
#layoutT .mcol {
	border: solid #3f3f3f 1px;
	border-top-width:0;
	font-size:12px;
}
#layoutT .mcol a {
	color: #111;
}
#layoutT .mcol h3 {
	padding: 5px;
	padding-top: 10px;
}
#topRow, #topRow a{
	color: #111;
}
#topRow th, #topRow td {
	background: #acacac url(images/lightstripes.gif) repeat top left;
	padding:6px 12px;
}
#topRow th {
	padding:6px 12px;
	width:168px !important;
	width:192px;
	border-bottom: solid #3f3f3f 1px;
	font-size:15px;
}
#topmenu {
	text-align: center;
	font-weight: bold;
}
#mainContentTD {
	background-color: #fff;
	color: #111;
}
#mainContent {
	margin:8px;
}

#footer {
	padding:6px;
	text-align:center;
}
.catname1 {
	text-align: left;
}
.catdesc {
	padding: 4px;
}
.cpd td {
	padding: 2px 5px;
}
.cpd {
	text-align: left;
	width: 100%;
}
.cpdhl, .prod3image, .prod3details, .prod3quant, .prod3buy {
	text-align: center;
}
.prod3name {
	font-weight: bold;
}
.prod3description {
	padding: 3px 6px;
}
.prod3price, .prod3pricetaxinc {
	text-align: right;
}
.prod3pricetaxinc, .vatprice {
	color: #8F8F8F;
	font-weight: normal;
}
.detailvatprice {
	color: #8F8F8F;
	font-weight: normal;
	font-size: 0.8em;
}
.prod3details a {
	color: red;
}
h4#topsellerstitle {
	background: url(images/lightstripes.gif) top left;
	color:#111;
	padding: 4px 4px 4px 12px;
	font-size:15px;
	font-weight: bold;
	margin: 12px 0;
}
ul#topsellers {
	margin: 0 0 20px 0;
	padding-left:8px;
}
#topsellers li {
	/*margin: 2px;
	padding: 8px;*/
	margin:0.5%;
	padding:2.5%;
	list-style-type: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: 196px;
	overflow: hidden;
	float:left;
	/*width:172px;*/
	width:26%;
	border:solid 1px #222;
}
h4#featprodstitle {
	background: url(images/lightstripes.gif) top left;
	color:#111;
	padding: 4px 4px 4px 12px;
	font-size:15px;
	font-weight: bold;
	margin: 12px 0;
}
ul#featprods {
	margin: 0 0 20px 0;
	padding-left:8px;
}
#featprods li {
	/*margin: 2px;
	padding: 8px;*/
	margin:0.5%;
	padding:2.5%;
	list-style-type: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: 196px;
	overflow: hidden;
	float:left;
	/*width:172px;*/
	width:26%;
	border:solid 1px #222;
}
.abheader {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	padding: 8px;
	background-color: #3B3B3B;
	color: #fff;
}
div.detailname {
	font-size:1.2em;
	padding-bottom:4px;
	border-bottom:solid 1px #444;
}
div.detailprice {
	font-size:1.2em;
	padding-top:4px;
	border-top:solid 1px #444;
	margin:4px 0 10px;
	font-weight:bold;
}
div.detailprice #pricediv0.price {
	background-color: #D6FFCF;
}
div.detailaddrow {
	padding-top:4px;
	padding-bottom:8px;
}
div.detailaddrow input {
	vertical-align: middle;
}
div.notifyme {
	padding-top:4px;
	padding-bottom:4px;
}
div.notifyme a {
	font-weight: bold;
	font-size:1em;
	background-color: #FDFF4F;
	text-decoration:none;
}
div.askaquestion {
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
	font-weight: bold;
	color: #000;
	width: 33%;
	float:left;
}
div.askaquestion a {
	color: #000;
}
div.pagenums {
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
	font-weight: bold;
	color: #000;
	width: 33%;
	float:left;
}
div.pagenums a {
	color: #000;
}
div.emailfriend {
	float: right;
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
	font-weight: bold;
	color: #000;
	width: 33%;
}
div.detailfooter {
	position: relative;
	width:100%;
	background-color: #EBEBEB;
}
.cleardiv {
	clear:both;
	line-height: 0;
	font-size:1px;
}
#gabdiv {
	width: 100%;
  	background: #e12222 url(images/grababarginbg.gif) repeat top center;
	text-align: center;
}
#gabdiv a {
	display: block;
}
/*#featprods, #newprods {
	border:groove 5px #444;
	padding: 5px;
}
#featprodstitle, #newprodstitle {
	margin: -5px;
        padding: 8px 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	border-bottom:groove 3px #444;
  	background: #1F1F1F url(images/darkstripes.gif) repeat top left;
        color: #fff;
}*/
/*### Left and Right columns */
#catMenu {
	margin-top:12px;
	list-style-type:none;
}
#catMenu a, #genMenu a{
	text-decoration:none;
}
#genMenu {
	list-style-type:none;
}
.colDiv {
	width:192px;
	margin-top:12px;
}
.colDiv p{
	margin:6px
}
.colDiv h4{
	text-align:left;
	background: #acacac url(images/lightstripes.gif) repeat top left;
	color:#111;
	padding:4px;
	padding-left:12px;
	font-size:15px;
	font-weight: 800;
	margin-bottom:12px;
}
.colDiv h3{
	text-align:center;
	margin:8px 0 15px;
	font-size:17px;
}
.roundC {
	width:164px;
	margin:12px auto;
	color: #111;
}
.roundC a {
	color: #111;
	text-decoration: none;
}
.rcMid {
	margin:0;
	background-color:#fff;
	padding:2px 12px;
}
.rcTop {
	margin:0;
	background: url(images/topround.gif) top left no-repeat;
	padding:2px 12px;
	height: 24px;
}
.rcBott {
	margin:0;
	padding:2px 12px;
	background: url(images/botround.gif) bottom left no-repeat;
	height: 24px;
}
#minicartimg {
	margin-bottom: -6px;
}
a.cartred {
	color:#f22;
	font-weight:bold;
}
td.catname3 {
	text-align:center;
}
/*
### START ###### Feedback Form
*/
#fbbody {
	background-color: #fff;
	text-align: center;
}
#feedback {
	width: 350px;
}
#fbcontent {
	padding-top: 8px;
	text-align: left;
}
#fbcontent label {
	font-weight: bold;
}
#fbfooter {
	padding-top: 8px;
}
.fbphone {
	font-weight: bold;
	font-size: 15px;
}
.fbmsg {
	padding-top: 100px;
	text-align: center;
}
/*
### START ###### Contact Form
*/
#request_form_table th, #request_form_table td {
	padding:2px 3px;
}
#request_form_table h5 {
	padding:3px;
	background-color:#ccc;
	font-size: 15px;
}
.address {
	font-size: 14px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#contactform {
	margin-left: 20px;
	padding-top: 10px;
}
.contactformtitle {
	font-weight: bold;
	font-size: 18px;
}
.required {
	color: #911;
	font-weight: bold;
	font-size: 16px;
}
.msg {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
/*
### START ###### Styles for the Left Popout Menu
*/
#leftMenuList,#rightMenuList {
	position:relative;
	/*background:#fff;*/
	color:#fff;
	padding:1px;
	z-index:2;
	width:185px !important;
	width /**/:187px;
	text-align: left;
}
#leftMenuList li.menuTitle, #rightMenuList li.menuTitle{
	background-color: #000032;
	text-align:center;
	color:#fff;
	font-weight: bold;
	padding:5px;
	width:177px !important;
	width /**/:187px;
	margin-bottom:1px;
	margin-top:-2px;
	margin-left:-1px;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}
#leftMenuList a, #rightMenuList a{
	display:block;
	font:bold 11px/16px arial,helvetica,sans-serif;
	/*white-space:nowrap;*/
	padding:3px 0 3px 2px;
	width:183px !important;
	width /**/:185px;
}
#rightMenuList a{
	padding:2px 2px 2px 0;
}
#leftMenuList li li a, #rightMenuList li li a {
	border-left: ridge 1px #ccc;
	border-right: ridge 1px #ccc;
}
#leftMenuList li li a, #leftMenuList li ul{
	border-right-color:#777;
	border-top-color: #777;
	border-bottom-color: #777;
}
#rightMenuList li li a, #rightMenuList li ul{
	border-left-color:#777;
	border-top-color: #777;
	border-bottom-color: #777;
}
#leftMenuList ul, #rightMenuList ul{
	/*border: solid 0 #f2f2f2;
	border-top-width: 1px;
	border-bottom-width: 1px;*/
}
#leftMenuList a, #rightMenuList a{
	/*background:#fff;*/
	color:#fff;
	text-decoration:none;
}
#leftMenuList a,
#rightMenuList a{
	color:#fff;
}
#leftMenuList a:hover, #leftMenuList a:active,
#rightMenuList a:hover, #rightMenuList a:active{
	color:#333;
	background:#fff;
}

#leftMenuList li,#rightMenuList li{
	list-style-type:none;
}
#leftMenuList ul li, #rightMenuList ul li{
	position:relative;
}
#leftMenuList li ul{
	position:absolute;
	top:0;
	left:185px;
	display:none;
	background: #3f3f3f url(images/darkstripes.gif) repeat top left;
	/*visibility: hidden;*/
}
#rightMenuList li ul{
	position:absolute;
	top:0;
	left:-187px;
	display:none;
}
/* Fix IE. Hide from IE Mac \*/
* html #leftMenuList ul li{float:left;height:1%;}
* html #leftMenuList ul li a{height:1%;}
* html #rightMenuList ul li{float:left;height:1%;}
* html #rightMenuList ul li a{height:1%;}
/* End */
div#leftMenuList ul,
div#leftMenuList ul ul,
div#leftMenuList ul ul ul,
div#rightMenuList ul,
div#rightMenuList ul ul,
div#rightMenuList ul ul ul{
	margin:0;
	padding:0;
	list-style-image:none;
	width:183px;
}
div#leftMenuList ul ul,
div#leftMenuList ul ul ul,
div#leftMenuList ul ul ul ul,
div#leftMenuList ul ul ul ul ul,
div#leftMenuList ul li:hover ul ul,
div#leftMenuList ul li:hover ul ul ul,
div#leftMenuList ul li:hover ul ul ul ul,
div#leftMenuList ul li:hover ul ul ul ul ul,
div#leftMenuList ul li.over ul ul,
div#leftMenuList ul li.over ul ul ul,
div#leftMenuList ul li.over ul ul ul ul,
div#leftMenuList ul li.over ul ul ul ul ul,
div#rightMenuList ul ul,
div#rightMenuList ul ul ul,
div#rightMenuList ul ul ul ul,
div#rightMenuList ul ul ul ul ul,
div#rightMenuList ul li:hover ul ul,
div#rightMenuList ul li:hover ul ul ul,
div#rightMenuList ul li:hover ul ul ul ul,
div#rightMenuList ul li:hover ul ul ul ul ul,
div#rightMenuList ul li.over ul ul,
div#rightMenuList ul li.over ul ul ul,
div#rightMenuList ul li.over ul ul ul ul,
div#rightMenuList ul li.over ul ul ul ul ul{
	display:none;
	/*visibility: hidden;*/
}
div#leftMenuList ul li:hover ul,
div#leftMenuList ul ul li:hover ul,
div#leftMenuList ul ul ul li:hover ul,
div#leftMenuList ul ul ul ul li:hover ul,
div#leftMenuList ul ul ul ul ul li:hover ul,
div#leftMenuList ul li.over ul,
div#leftMenuList ul ul li.over ul,
div#leftMenuList ul ul ul li.over ul,
div#leftMenuList ul ul ul ul li.over ul,
div#leftMenuList ul ul ul ul ul li.over ul,
div#rightMenuList ul li:hover ul,
div#rightMenuList ul ul li:hover ul,
div#rightMenuList ul ul ul li:hover ul,
div#rightMenuList ul ul ul ul li:hover ul,
div#rightMenuList ul ul ul ul ul li:hover ul,
div#rightMenuList ul li.over ul,
div#rightMenuList ul ul li.over ul,
div#rightMenuList ul ul ul li.over ul,
div#rightMenuList ul ul ul ul li.over ul,
div#rightMenuList ul ul ul ul ul li.over ul{
	display:block;
	background: #3f3f3f url(images/darkstripes.gif) repeat top left;
	/*visibility: visible;*/
}

div#leftMenuList ul li:hover ul li a,
div#leftMenuList ul li:hover ul li:hover ul li a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#leftMenuList ul li.over ul li a,
div#leftMenuList ul li.over ul li.over ul li a,
div#leftMenuList ul li.over ul li.over ul li.over ul li a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over ul li a,
div#rightMenuList ul li:hover ul li a,
div#rightMenuList ul li:hover ul li:hover ul li a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a,
div#rightMenuList ul li.over ul li a,
div#rightMenuList ul li.over ul li.over ul li a,
div#rightMenuList ul li.over ul li.over ul li.over ul li a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over ul li a{
	/*color:#333;
	background-color: #fff;*/
}
div#leftMenuList ul li:hover a,
div#leftMenuList ul li:hover ul li:hover a,
div#leftMenuList ul li:hover ul li:hover ul li:hover a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a,
div#leftMenuList ul li.over a,
div#leftMenuList ul li.over ul li.over a,
div#leftMenuList ul li.over ul li.over ul li.over a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over a,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over a,
div#rightMenuList ul li:hover a,
div#rightMenuList ul li:hover ul li:hover a,
div#rightMenuList ul li:hover ul li:hover ul li:hover a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a,
div#rightMenuList ul li.over a,
div#rightMenuList ul li.over ul li.over a,
div#rightMenuList ul li.over ul li.over ul li.over a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over a,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over a{
	/*color:#333;
	background-color: #fff;*/
}

#leftMenuList a.x{
	font-weight:bold;
	padding-right:16px;
	width:167px !important;
	width /**/:185px;
	color:#fff;;
	/*background:#fff url(nav/images/fadearrow1.gif) center right no-repeat;*/
}
#leftMenuList a.x:hover, #leftMenuList a.x:active{
	color:#333;
	background:#fff center right no-repeat;
}

#rightMenuList a{
	padding-left:16px;
	width:167px !important;
	width /**/:185px;
}
#rightMenuList li ul li a{
	padding-left:2px;
	width:181px !important;
	width /**/:185px;
}
#rightMenuList a.x{
	font-weight:bold;
	padding-left:16px;
	width:167px !important;
	width /**/:185px;
	color:#000032;
	/*background:#fff url(nav/images/fadearrow1b.gif) center left no-repeat;*/
}
#rightMenuList a.x:hover, #rightMenuList a.x:active{
	color:#333;
	background:#fff center left no-repeat;
}

div#leftMenuList ul li:hover ul li a.x,
div#leftMenuList ul li:hover ul li:hover ul li a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#leftMenuList ul li.over ul li a.x,
div#leftMenuList ul li.over ul li.over ul li a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over ul li a.x{
	/*background:#fff url(nav/images/fadearrow1.gif) center right no-repeat;*/
}
div#rightMenuList ul li:hover ul li a.x,
div#rightMenuList ul li:hover ul li:hover ul li a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a.x,
div#rightMenuList ul li.over ul li a.x,
div#rightMenuList ul li.over ul li.over ul li a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over ul li a.x{
	/*background:#fff url(nav/images/fadearrow1b.gif) center left no-repeat;*/
}

div#leftMenuList ul li:hover a.x,
div#leftMenuList ul li:hover ul li:hover a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#leftMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#leftMenuList ul li.over a.x,
div#leftMenuList ul li.over ul li.over a.x,
div#leftMenuList ul li.over ul li.over ul li.over a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over a.x,
div#leftMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over a.x{
	/*background:#fff url(nav/images/fadearrow2.gif) center right no-repeat;*/
}
div#rightMenuList ul li:hover a.x,
div#rightMenuList ul li:hover ul li:hover a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#rightMenuList ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a.x,
div#rightMenuList ul li.over a.x,
div#rightMenuList ul li.over ul li.over a.x,
div#rightMenuList ul li.over ul li.over ul li.over a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over a.x,
div#rightMenuList ul li.over ul li.over ul li.over ul li.over ul li.over ul li.over a.x{
	/*background:#fff url(nav/images/fadearrow2b.gif) center left no-repeat;*/
}

/*
### END ###### Styles for the Left Popout Menu
*/