td,p,input,select{
font-size:11px;
}
#tablemain,#tableviewcart,#tableproducts,#tablesearch,#cartcontent{background-color: #ffffff}
#tablemain,#tablesearch,#tableproducts, #productscontent, #tableviewcart {width: 762px}

#sidebar {height:350px}
.topsellers { color: #707070; font-size: 8pt}
.freehostage { font-size: 10pt; color: #404040; font-weight: bolder}
.footer-f {color: #ffffff; font-size: 10pt; font-family: arial,helvetica,verdana}
p { margin: 0px; font-size: 10px; font-family: arial}
.text-home {padding-left:10px; padding-right:10px}
td.s4b,td.s5b,td.s3b {height:20px; padding-left: 7px; background-image: url("../images/dottedline.gif"); background-repeat: no-repeat; background-position: center bottom}
a.s4,a.s5,a.s3 {text-decoration: none; font-family: arial.helvetica,verdana}
.special td table td {vertical-align:top}
.special td table td a{font-weight: bold;text-decoration:none; color: #303030}


.prodname a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7D7D7D;
	text-decoration: none;
}
.prodname a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7D7D7D;
	text-decoration: none;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2CC147;
	text-decoration: none;
}

.title a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2CC147;
	text-decoration: none;
}
.title a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2CC147;
	text-decoration: none;
}
.box1 {
	border: 1px solid #E0EEF0;
	padding: 6px;
}
.prodname2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3C7E8E;
	text-decoration: none;
}

.orderform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
td.s23,td.s24,td.s25 {text-align: left;height:16px;padding-left:20px}
a.s23,a.s24,a.s25 {text-decoration: none}
h1.headtitle {color: #ffffff; font-family:arial,helvetica,verdana; font-size: 11pt;margin-top:10px}

a.s4,a.s3,a.s5 {font-size: 10pt}

#tableproducts {}

img.fleft1 {
	float: left;
	margin: 1px 15px 14px 0;
}

/* Global properties added by Rob 23/11/11 for image slider*/
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#9d9d9d;min-width:984px;background:url(../images/body.jpg) center 0 repeat}
.bg {width:100%;background:url(../images/bg.jpg) center 0 no-repeat}
.main {width:984px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}

/* header added by Rob 23/11/11 for image slider */
header {width:100%;margin-bottom:-16px;position:relative;z-index:1}
.row-3 {width:100%;min-height:1px;position:relative;z-index:2}

/* slider added by Rob 23/11/11 for image slider */
.slider-wrapper {overflow:hidden;width:732px;position:absolute;top:-5px;left:0;background:#fff;border-radius:0 18px 0 0;-moz-border-radius:0 18px 0 0;-webkit-border-radius:0 18px 0 0}
.slider {height:300px;width:732px;margin:25px auto}
.items {display:none}
.pagination {position:absolute;top:0;z-index:999}
.banner {width:732px;height:300px;position:absolute;top:92px;left:98px}
.prev {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;left:25px;top:132px;z-index:99;background:url(../images/slider-control.png) left top no-repeat}
.prev:hover {background-position:left bottom}
.next {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;right:20px;top:132px;z-index:99;background:url(../images/slider-control.png) right top no-repeat}
.next:hover {background-position:right bottom}
.b1 {color:#0f0f0f;font-size:50px;line-height:1.2em;display:block;letter-spacing:-3px}
.b2 {color:#f3c14e;font-size:80px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-4px;margin:-12px 0 13px -5px}
*+html .b2 {margin:-12px 0 5px -5px}
.b3 {color:#0f0f0f;font-size:17px;line-height:1.2em;display:block}
.b4 {color:#ffffff;font-size:50px;line-height:1.2em;display:block;letter-spacing:-4px;margin:-12px 0 13px -5px}
.b5 {color:#0f0f0f;font-size:25px;line-height:1.2em;display:block}
.c1 {color:#f3c14e;font-size:50px;line-height:1.2em;display:block;letter-spacing:-3px}
.c3 {color:#f3c14e;font-size:17px;line-height:1.2em;display:block}
*+html .b2 {margin:-12px 0 5px -5px}


.details_content table td.mainimage{padding: 10px; }
/*  .details_content table td.mainimage img{width: 400px;} removing this allows zoomed image to be larger*/

.details_content table td.mainimage-thumbs{padding: 10px;}

.details_content table {
	border: 1px solid #E0EEF0;
	padding: 6px;
}
.technical table {
	border: 0px solid #E0EEF0;
	padding: 0px;
}




/*


   Magic Zoom Plus v2.0.9 DEMO
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magiczoomplus/


*/

.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 0px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; 
}


/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}