body { margin: 4px; font-family: verdana, ariel, helvetica; font-size: 11px;}
table { margin: 0px; font-family: verdana, ariel, helvetica; font-size: 11px;}
a {font-size: 11px; color: #524BAB; text-decoration: underline;}
a:hover {color: #7E6ACA; text-decoration: none;}
hr {height: 1px; color: #cccccc; background: #cccccc; border}
h1 {font-size: 22px; color: #524BAB; line-height: 26px; margin:12px 0px 8px 0; padding:0px; text-transform: lowercase;}
h1 a{font-size: 14px; margin:10px 0px; padding:0px; color: #524BAB;}
h2 {font-size: 14px; margin:10px 0px; padding:0px; color: #B5B0DE;}
h2 a{font-size: 14px; margin:10px 0px; padding:0px; color: #524BAB;}
h3 {font-size: 13px; margin:0px 0px; padding:0px; color: #524BAB}
ul {margin: 10px 50px;}
li {margin: 0px; padding: 0px; list-style-image: url("/images/catarrow2.gif"); }

label{font-weight: 100; color: #000000; font-size: 12px; text-align: left; vertical-align: center; }
p {font-size: 12px; margin:10px 0px; padding:0px; line-height: 19px;}
#banner { height: 27px; background: #CB0000 url("http://www.kybotech.co.uk/brand_bar_family/bannerbg.gif"); white-space: nowrap; padding:0px 5px; overflow: none; }
#bannerlogo {width: 100px; height: 27px; background: url("http://www.kybotech.co.uk/brand_bar_family/bannerlogo.gif") no-repeat ;}
#banner h1 {font-size: 11px; font-weight: 100; color: #000000; margin:0px; padding:0px;}
form {font-size: 11px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px;}
.formstyle {font-size: 12px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px;}
select {border: 1px solid #000000; font-size: 12px;}
input {font-size: 11px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px; }
li {padding: 3px; }

.promobanner {text-align: center; height: 97x; width: 100%; margin: 0px 0px 20px 0px; padding: 0px; background: url("/images/promobg.gif") repeat-x; display: block;  }
.promobanner h5 {text-align: center; height: 97px; margin: 0px ; padding: 0px; width: 100%;  background: url("/images/promobanner.jpg") no-repeat top center;}

/* NEW BANNER X ------*/
.boxbannerx {width: 100%; height: 100px; background: #ffffff url("/images/bannerxbg.gif");}
.boxbannerx span{width: 100%;  display: block; background: url("/images/bannerxright.gif") no-repeat top right;}
.boxbannerx h2 {display: block;  font-size: 13px; width: 100%; margin: 0px; background: url("/images/bannerxleft.gif") no-repeat top left; color: #000000; font-weight: 600; }
.boxbannerx div {text-align: center; background: url("/images/bannerxmain.gif") no-repeat center center;}
/* END NEW BANNER X --*/

#fpoffers           { width:100%; height: 140px; overflow: hidden; margin: 15px 0px; padding: 0px;  background: #996666 url("/images/fpofferbg.gif") repeat-x; background-position: 0 0;}
#fpoffers  ul       { margin: 0px; width:100%; list-style: none; text-align: center; }
#fpoffers  li       { width: 315px; height: 140px; display: inline; margin: 0px; padding: 0px; text-align: center;}
#fpoffers  a		{  width: 315px; text-align: center; color: #000000; float: left;  margin: 0px; padding: 0px;}

.fta {text-align: center; margin: 20px 0px;}
/* ---------------------------------------------------------------------- */
/* LAYOUT CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */ 
* { 
    -moz-box-sizing: border-box; 
} 
#lh-col{position:absolute; top:170px; left:0; width:150px; z-index:4; overflow: visible; margin-left: 4px; padding-right: 0px; background: url("/images/dot.gif") right top repeat-y;}
#lh-col h4 { line-height: 17px; text-transform: lowercase; font-size: 17px; color: #524BAB; padding: 5px 8px 5px 7px; margin: 0px 0px 10px 0px; background: #E6E4F6 url("/images/dot3.gif") right bottom repeat-x;}
#lh-col h4 a {  background-image: none; text-transform: lowercase; font-size: 17px; color: #524BAB; margin: 0px; text-decoration: underline; padding: 0px; background: none; }
#lh-col h4 a:hover {  background-image: none;  text-transform: lowercase; font-size: 17px; color: #524BAB; margin: 0px; text-decoration: none; padding: 0px; }
#lh-col h4 div a { text-transform: none; font-size: 9px; color: #524BAB; margin: 0px; background: ; text-decoration: underline; padding: 0px;}
#lh-col h4 div a:hover {  background-image: none;  text-transform: none; font-size: 9px; color: #524BAB; margin: 0px; text-decoration: none; padding: 0px; }
#lh-col h2 { background-image: none; line-height: 17px; text-transform: lowercase; font-size: 17px; background: #FFC414  url("/images/dot3.gif") right bottom repeat-x;  color: #ffffff; padding: 5px 8px 5px 7px;  margin: 10px 0px 10px 0px;}
#lh-col h2 div a { background-image: none; text-transform: none; font-size: 9px; color: #ffffff; margin: 0px; background: ; text-decoration: underline; padding: 0px; }
#lh-col h2 div a:hover { background-image: none;  text-transform: none; font-size: 9px; color: #ffffff; margin: 0px; text-decoration: none; padding: 0px; }
#lh-col a { display: block; font-size: 11px; color: #524BAB; margin: 0px; padding: 2px 5px 6px 25px; text-transform: lowercase; background: url("/images/arrowl.gif") left center no-repeat;}
#lh-col a:hover { color: #524BAB; text-decoration: none;  background: url("/images/arrowl2.gif") left center no-repeat;}
#lh-col ul { list-style-type: none; margin: 0px; padding: 0px;}
#lh-col li { list-style-type: none; margin: 0px; padding: 0px;}
.numofprods { float: right; position: relative; top: -19px; left: -5px; font-size: 9px;}

#rh-col{position: absolute; top:170px; right:0; width:150px; z-index:3; border-left: 3px solid #999999; margin-right: 4px;}
#rh-col h4{text-transform: lowercase; font-size: 12px; background: url("/images/menuh.gif") no-repeat left bottom;  color: #ffffff; padding: 0px; margin: 0px;}
#rh-col a {font-weight: 800; color: #000000; margin: 0px; padding: 6px 5px;}
#rh-col a:hover{ color: #000000;}
#rh-col ul{list-style-type: none; padding: 0px; margin: 0px;}
#rh-col li {padding: 0px; margin: 0px;}

#rh-col2{ position:absolute; top:170px; right:0; width:150px; z-index:3; padding: 0px 0px 0px 0px; margin-right: 4px;}
#rh-col2 h4{text-transform: lowercase; font-size: 12px; background: url("/images/menuh.gif") no-repeat bottom; color: #ffffff; padding: 5px 0px 5px 5px; margin: 0px;}
#rh-col2 ul{list-style-type: none; padding: 0px; margin: 0px;}
#rh-col2 li {padding: 0px; margin: 0px;}


#hdr {width:100%;  text-align: left;}
#hdr div {width:100%; text-align: left;}
#c-block {width:100%; z-index:1;}
#c-col { margin:0 160px 0 160px; position:relative; background:#ffffff; z-index:2; }

#c-colwide { margin:0 20px 0 20px; position:relative; background:#ffffff; color: #333333; z-index:2; }

#c-colleft { margin:0  4px 0 160px; position:relative; background:#ffffff; color: #333333; z-index:2; }

#sitetext { margin: 0px 170px; text-align: center; border-bottom: 1px solid #E8E6F6;}
#sitetext h1 {font-size: 11px; font-weight: 100; padding: 4px 0 4px 0px; margin: 0px; line-height: 14px; text-transform: normal;}
#sitetext h2 {font-weight: 100;  border: 0px; margin: 0px; padding: 0px; font-size: 10px; line-height: 14px; text-transform: normal;}

#sitemesstext {clear: both; display: block; width:100%; margin: 0px 165px 0px 165px; text-align: center; padding: 4px;}

#mainImageCaption {margin: 3px 0px; padding: 0px; font-size: 10px;}
.mainimageh {}
/* ---------------------------------------------------------------------- */
/* HEADER CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#header {background: #ffffff; height: 70px; width: 100%;}
#basket { float: right; position: absolute; top: 0px; right: 5px; font-size: 11px;}
#basket a {font-size: 11px;}
#personalbar { font-size: 11px; white-space: nowrap; height: 36px; text-align: left; position: absolute; top: 2px; right: 150px; background: url("") no-repeat; padding: 2px 5px;}
#personalbar a { font-size: 11px;}
#headerbox { white-space: nowrap; width: 117px; height: 50px; position: absolute; top: 27px; right: 150px; background: url("/") no-repeat;}
#headerbox div { margin: 2px 0 0 6px;}
#headerbox a {font-size: 11px; font-weight: 800;}
#headerbox row {  clear: both; padding-top: 3px; margin: 0px;}
#headerbox span.line {  float: left; width: 75px; font-size: 12px; font-weight: 800; text-align: left; margin: 0px;}
#searchbox { clear: both; background:  #342E80 url("/images/phone.gif") top right no-repeat; width: 100%; font-size: 12px; color: #ffffff; padding: 7px;  height: 35px; vertical-align: center;}
#searchbox a { font-size: 12px;}

.catdesc {line-height: 15px; padding: 0px 0px 10px 0px;}

#targettop                 { text-align: center; width:100%; height: 38px; overflow: hidden; margin: 0px auto; }
#targettop ul              { margin: 7px auto 0px auto; list-style: none; width: 780px; text-align: center; }
#targettop li              { display: inline; margin: 0px; padding: 0px; text-align: right;}
#targettop a               { font size: 11px; TEXT-TRANSFORM: lowercase; text-align: center; color: #ffffff; float: left; background: url("/images/lefttop.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 20px; text-decoration:none; line-height: 12px; }
#targettop a span          {margin: 0px; float: none; display: block; background: url("/images/righttop.gif") no-repeat right top; padding: 10px 8px 10px 0px; font-weight: 800;  }
#targettop a:hover         { text-decoration:none; background-position: 0% -150px; color: #ffffff; }
#targettop a:hover span    { background-position: 100% -150px; color: #ffffff;}

#icon { height: 30px; position: relative; top: -2px ;right: 3px ; float: left; overflow: hidden; }
.saveicon {width: 46px; height: 20px; clear: right; background: url("/images/saleicon.gif") top left no-repeat; margin: 0px 0px;}

#frontcattree { width: 100%; margin: 10px 0px 10px 0px; padding: 0px; background: #E6E4F6; border: 1px solid #CBC7E6; }
#frontcattree h2  { font-size: 10px; font-weight: 100; margin: 0px 0px 5px 0px; padding: 0px; text-transform: lowercase;} 
#frontcattree h2 a { font-size: 17px; font-weight: 800; margin: 5px 0px; padding: 0px;} 
#frontcattree a { margin: 0px; padding: 0px; font-size: 11px;} 
#frontcattree h1 {margin: 0px; text-align: left; font-size: 10px; font-weight: 800; padding: 5px ; color: #524BAB; text-transform: lowercase;} 


#content {width: 100%; min-width: 400px; margin: 0px 0px 0px 0px;}
#content p{font-size: 11px; line-height: 14px;}

.specialoffer {color: #CB0000;}


.staritem {width: 142px; height: 42px; position: static; top: 100px; right:0; top: -230px;  background: url("/images/staritem.gif"); }


.boxgreenwhite 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px;}
.boxgreenwhite H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #ffffff;  display: block;}
.boxgreenwhite H2 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxgreenwhite H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.boxgreenwhite H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxgreenwhite table {padding: 0px; margin: 0px;}
.boxgreenwhite th	{ margin: 0px; text-align: left; color: #524BAB; padding: 4px 4px 4px 4px; font-weight: 800; font-size: 13px; text-transform: lowercase;  border-bottom: 8px solid #E8E6F6; }
.boxgreenwhite th a	{ margin: 0px;  text-align: left; color: #524BAB; font-weight: 800; font-size: 13px;}
.boxgreenwhite td	{ margin: 0px; text-align: left; padding: 4px 4px 4px 4px; font-size: 11px; }
.boxgreenwhite div	{ font-weight: 100; color: #000000; font-size: 11px; text-align: left; padding: 0px 0px 4px 0px;}
.boxgreenwhite div a	{ font-weight: 100; font-size: 12px;}
.boxgreenwhite a {  font-size: 11px; font-weight: 100;}


.boxnoborder 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px;}
.boxnoborder  H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #ffffff;  display: block;}
.boxnoborder  H2 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxnoborder  H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.boxnoborder  H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxnoborder  th	{ margin: 0px; text-align: left; color: #ffffff; padding: 5px; font-weight: 800; font-size: 12px; background: #524BAB;}
.boxnoborder  th a	{ margin: 0px;  text-align: left; color: #ffffff; padding: 5px; font-weight: 800; font-size: 11px; background: #524BAB;}
.boxnoborder  td	{ margin: 0px; text-align: left; padding: 0px 5px; font-size: 12px; }
.boxnoborder  div	{ font-weight: 100; color: #000000; font-size: 10px; text-align: left; padding: 5px;}
.boxnoborder  div a	{ font-weight: 800;}
.boxnoborder  a {  font-size: 13px;}

.boxgreenfilters 		{width: 100%;  font-size: 10px; margin: 5px 0px 0px 0px; background: #A49FDF; border-bottom: 0px; color: #ffffff; }
.boxgreenfilters div    {padding: 5px;}
.boxgreenfilters a 		{ font-size: 10px; font-weight: 800;}
.boxgreenfilters H3	{ font-size: 12px; padding: 0px; font-weight: 800; color: #ffffff; display: block; margin: 0px;}
.boxgreenfilters H2 {margin: 0px; padding: 5px; font-weight: 800; background: #cccccc; font-size: 12px; color: #000000; display: block;}
.boxgreenfilters p 	{ margin: 5px 0px; padding: 0px;}

.boxblue { width: 100%; font-size: 12px; background-color: ##A49FDF; margin: 0px 0px 10px 0px;  padding: 0px; border: 1px solid #524BAB;}
.boxblue H2	{margin: 0px; background-color: #524BAB; padding: 5px 5px; font-weight: 800; text-transform: uppercase; font-size: 12px; color: #ffffff; display: block;}
.boxblue H2 a { font-size: 11px; font-weight: 800; margin: 0px; padding: 0px; color: #ffffff; text-transform: uppercase; display: block;}
.boxblue H2 a:hover { font-weight: 800; color: #ffffff;}
.boxblue HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F;}
.boxblue div { padding: 5px 5px;  color: #000000; font-size: 11px; text-align: left; overflow: hidden; }
.boxblue .abvsmall { margin: 5px 0px 0px 0px;  color: #000000; font-size: 11px; text-align: left;}
.boxblue .small	{  color: #666666; height: 15px; overflow: hidden; font-size: 9px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 5px 10px}
.boxblue a { font-size: 12px; text-decoration: none; font-weight: 800;}
.boxblue a:hover { text-decoration: underline;}
.boxblue p { margin: 5px 0px;  padding: 0px;}
.boxblue row {  font-size: 12px;  clear: both; padding-top: 3px;}
.boxblue span.line {  float: left; width: 140px; font-size: 12px; font-weight: 800; text-align: left; margin-right:10px;}
.boxblue input {width: 430px; height: 22px; padding: 0px; margin: 0px; vertical-align: middle; padding: 2px;}
.boxblue textarea {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 430px; padding: 2px; height: 150px;}
.boxblue select {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 200px; height: 22px; padding: 2px;}
#btnSend, #btnClear { font-size: 12px; width: 100px;}

.boxcontactus { width: 100%; font-size: 12px; background: #ffffff; border: 1px solid #3366cc; margin: 0px 0px 10px 0px;  padding: 10px; color: #262626;}
.boxcontactus .abvsmall { margin: 5px 0px 0px 0px;  color: #000000; font-size: 11px; text-align: left;}
.boxcontactus .small	{  color: #000000; height: 15px; overflow: hidden; font-size: 9px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 5px 0px}
.boxcontactus row {  font-size: 11px;  clear: both; padding-top: 3px; }
.boxcontactus span.line {  float: left; width: 140px; font-size: 12px; color: #262626; font-weight: 800; text-align: left; margin-right:10px;}
.boxcontactus input {width: 200px;font-size: 12px;  padding: 0px; margin: 0px; vertical-align: middle; margin: 0px 0px 2px 0px;}
.boxcontactus textarea {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 430px; padding: 2px; height: 150px;}
.boxcontactus select {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 430px; height: 22px; margin: 0px 0px 2px 0px;}


.boxnarrow 		{width: 100%;  font-size: 10px; margin: 15px 0px; font-weight: 800; color: #aaaaaa;}
.boxnarrow div 		{padding: 0px;}
.boxnarrow a 		{ font-size: 12px;}
.boxnarrow H3	{ font-size: 10px; padding: 0px; font-weight: 800; color: #524BAB; display: block; margin: 0px;}
.boxnarrow H2 {margin: 0px; padding: 5px 0px; font-weight: 800; font-size: 12px; color: #FFB200; }
.boxnarrow p 	{ margin: 5px 0px; padding: 0px;}
.boxnarrow ul {margin: 0px; padding: 5px 25px;}
.boxnarrow ul a{font-size: 10px; font-weight: 100;}
.boxnarrow li {margin: 0px; padding: 1px 0; list-style-image: url("/images/arrowrightsm.gif"); }

.filterselect { PADDING: 0px; font-size: 12px; MARGIN: 2px 0px; vertical-align: middle; width:130px;}
.filterselect2 { PADDING: 0px; font-size: 12px; MARGIN: 2px 0px; vertical-align: middle; width:120px;}
.paging { font-size: 11px; color: #342E80; background: #E8E6F6; padding: 4px; font-weight: 800;}
.paging a{font-size: 11px; font-weight: 800; }
.paging div {padding: 0px; font-weight: 100; float: left;}
.paging span {color: #8B86C9;}
.paging2 { font-size: 11px; color: #342E80; padding: 4px; font-weight: 800;}
.paging2 a{font-size: 11px; font-weight: 800; }
.paging2 div {padding: 0px; font-weight: 100; float: left;}
.paging2 span {color: #8B86C9;}

.boxyellow 		{ width: 100%; font-size: 11px; background-color: #ffffff; margin: 0px 0px 25px 0px;  padding: 0px; border: 1px solid #FFC414;}
.boxyellow H2	{ background-color: #FFC414; margin: 0px 0px 0px 0px; padding:5px 5px; font-weight: 800; font-size: 12px; color: #ffffff; display: block;}
.boxyellow H2 a	{font-size: 11px; color: #ffffff; text-decoration: underline; font-weight: 100;}
.boxyellow H2 a:hover {font-size: 11px; color: #ffffff; text-decoration: none; font-weight: 100;}
.boxyellow HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F;}
.boxyellow div{ padding: 5px 5px;  color: #000000; font-size: 11px; text-align: left;}
.boxyellow label	{ font-weight: 150px; color: #000000; font-size: 11px; width: 150px; text-align: left; clear: both; vertical-align: top;}
.boxyellow a	{ font-size: 11px; color: #000000; text-decoration: none;}
.boxyellow a:hover	{ color: #000000; text-decoration: underline;}
.boxyellow p	{ margin: 5px 0px; padding: 0px; font-size: 11px; line-height: 12px;}

.boxorange 		{ width: 100%; font-size: 11px; margin: 0px 0px 20px 0px;  padding: 0px; overflow: visible;}
.boxorange a { font-weight: 800; font-size: 11px; color: #333333; text-decoration: none;}
.boxorange a:hover { color: #000000; text-decoration: underline;}
.boxorange H2	{ font-size: 17px; line-height:18px; color: #524BAB; margin: 0px; padding:0px; font-weight: 800;  text-transform: lowercase;}
.boxorange H2 span	{ font-size: 17px; margin: 0px; padding:0px 2px; font-weight: 800;  text-transform: lowercase;}
.boxorange H2 a	{ padding: 0px; margin: 0px; font-size: 17px; font-weight: 800; color: #524BAB; text-transform: lowercase; text-decoration: underline;}
.boxorange H2 a:hover	{  padding: 0px; margin: 0px; font-size: 17px; font-weight: 800; color: #524BAB; text-transform: lowercase; text-decoration: none;}
.boxorange H3	{ background-color: #524BAB; margin: 0px; padding: 5px 5px; font-weight: 800; font-size: 12px; color: #ffffff; display: block; text-transform: lowercase;}
.boxorange H3 a	{  font-size: 11px; font-weight: 100; color: #ffffff;text-transform: lowercase; text-decoration: underline;}
.boxorange H3 a:hover	{  font-size: 11px; font-weight: 100; color: #ffffff;text-transform: lowercase; text-decoration: none;}
.boxorange HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F;}
.boxorange div { background: #E6E4F6; padding:5px 5px 5px 5px; line-height: 12px;  color: #000000; font-size: 11px; text-align: left; overflow: auto; border: 1px solid #524BAB; border-bottom: 0px;}
.boxorange p { margin: 4px 0px; line-height: 12px;  padding: 0px; font-size: 11px;}
.boxorange li { list-style-type: none; line-height: 16px; font-size: 11px; list-style-position: inside; }

.boxgreen {border: 1px solid #524BAB; border-top: 0px; margin: 0px 0px 20px 0px;}
.boxgreen h2 {background-color: #524BAB; margin: 0px; padding:5px 5px; font-weight: 800; font-size: 12px; color: #ffffff; display: block; text-transform: lowercase;}
.boxgreen h5 {font-size: 17px; margin: 2px 0px; padding: 0px;}
.boxgreen h6 {font-size: 13px;  margin:  2px 0px; padding: 0px;}
.boxgreen div {padding: 10px; margin: 0px;}

.prodlist { text-align: left; height: 175px; line-height: 14px; margin: 0; padding: 0px 10px 15px 10px;}
.prodlist a{ font-weight: 100; padding: 2px 0; font-size: 12px;}
.prodlist span a{ font-size: 10px; font-weight: 100;  line-height: 15px;}
.prodlist span img{ margin: 0px;}
.prodlist div{line-height: 14px; margin: 2px 0px;}

.prodlist img { margin: 0px 8px 4px 0px;}

.headline {margin: 0px; padding: 4px 0px; clear: both;}
/* ---------------------------------------------------------------------- */
/* CATEGORY OFFER CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.featured 		{ width: 100%; font-size: 11px; margin: 8px 0px 20px 0px;  padding: 0px; }
.featured  a { font-weight: 100; color: #524BAB; font-size: 11px; text-decoration: none;}
.featured  a:hover {  text-decoration: color: #524BAB; underline;}
.featured span a { font-weight: 800; color: #524BAB; font-size: 12px; text-decoration: none;}
.featured  H2	{ font-size: 17px; line-height:18px; color: #524BAB; margin: 0px; padding:0px; font-weight: 800;  text-transform: lowercase;}
.featured  H2 span	{ font-size: 17px; margin: 0px; padding:0px 2px; font-weight: 800;  text-transform: lowercase;}
.featured  H2 a	{ padding: 0px; margin: 0px; font-size: 17px; font-weight: 800; color: #524BAB; text-transform: lowercase; text-decoration: underline;}
.featured  H2 a:hover	{  padding: 0px; margin: 0px; font-size: 17px; font-weight: 800; color: #524BAB; text-transform: lowercase; text-decoration: none;}
.featured  H3	{ background-color: #524BAB; margin: 0px; padding: 5px 5px; font-weight: 800; font-size: 12px; color: #ffffff; display: block; text-transform: lowercase;}
.featured  H3 a	{  font-size: 11px; font-weight: 100; color: #ffffff;text-transform: lowercase; text-decoration: underline;}
.featured  H3 a:hover	{  font-size: 11px; font-weight: 100; color: #ffffff;text-transform: lowercase; text-decoration: none;}
.featured  HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F;}
.featured  div { background: #E6E4F6; padding:0px; line-height: 20px;  color: #000000; font-size: 11px; text-align: center; overflow: auto; border: 1px solid #524BAB; border-bottom: 0px;}
.featured  p { margin: 4px 0px; line-height: 12px;  padding: 0px; font-size: 11px;}
.featured  li { list-style-type: none; line-height: 16px; font-size: 11px; list-style-position: outside; }

.product h1 { font-size: 17px; color: #FFB200; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-weight: 800; text-transform: none; background: url("/images/dot3.gif") bottom repeat-x; text-transform: lowercase;}
.product h1 a {font-size: 17px; margin: 0px; padding: 0px; font-weight: 800; color: FFB200;}
.product h2 { font-size: 10px; padding: 5px 0px 5px 10px; margin: 0px; font-weight: 100; background: url("/images/catarrow.gif") left top no-repeat; background-position: 0px 7px; }
.product h2 a {font-size: 17px; margin: 25px 0px 25px 5px; padding: 0px; font-weight: 800; color: 524BAB; }
.product h2 a:hover {font-size: 17px; margin: 24px 0px 24px 5px; padding: 0px; font-weight: 800; }
.product h3 { color: A49FDF; font-size: 11px; padding: 5px 0px 5px 10px; margin: 0px; font-weight: 100; background: url("/images/catarrow2.gif") left top no-repeat; background-position: 0px 7px; }
.product h3 a {color: A49FDF; font-size: 11px; margin: 24px 0px 24px 5px; padding: 0px; font-weight: 100; }
.product h3 a:hover {color: A49FDF; font-size: 11px; margin: 24px 0px 24px 5px; padding: 0px; font-weight: 100;}

/* ---------------------------------------------------------------------- */
/* SPECIAL OFFER CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

.specialoffer1 { text-align: center; margin: 0 0 15px 0; line-height: 17px;}
.specialoffer1 img { margin: 5px 0px;}
.specialoffer1 a {font-size: 12px; font-weight: 800; line-height: 14px;}
.specialoffer1 H2 { text-align: left; font-size: 17px; color: #CB0000; background: #ffffff url("/images/boxhead2.gif") no-repeat; background-position: 0px 10px; margin: 0px; padding:0px 5px; font-weight: 800;  text-transform: lowercase;}
.specialoffer1 h2 a{ text-transform: none; font-size: 17px; font-weight: 100; background: #CB0000; color: #ffffff; text-decoration: none;}
.specialoffer1 h2 a:hover{ color: #CB0000; text-decoration: underline;}
.specialoffer1 H2 span	{ font-size: 17px; background: #ffffff; margin: 0px; padding:0px 2px; font-weight: 800;  text-transform: lowercase;}
.specialoffer1 h3 { font-size: 14px; background: #CB0000; display: block; margin: 0px; padding: 5px; color: #ffffff; text-transform: lowercase;}
.specialoffer1 h3 a{ text-transform: none; font-size: 11px; font-weight: 100; background: #CB0000; color: #ffffff; text-decoration: none;}
.specialoffer1 h3 a:hover{ color: #ffffff; text-decoration: underline;}
.specialoffer1 div {padding: 5px 5px;  border: 1px solid #CB0000; border-top: 0px; border-bottom: 0px;}

.specialoffer2 { color: #CB0000;  font-weight: 800; text-align: center; margin: 0 0 15px 0;}
.specialoffer2 a {font-size: 12px; font-weight: 800;}
.specialoffer2 h2 { text-transform: lowercase; font-size: 14px; background: #CB0000; display: block; margin: 1px; padding: 5px; color: #ffffff;}
.specialoffer2 h2 a{ text-transform: none; font-size: 11px; font-weight: 100; background: #CB0000; color: #ffffff; text-decoration: none;}
.specialoffer2 h2 a:hover{ color: #ffffff; text-decoration: underline;}
.specialoffer2 div { font-size: 16px; color: #CB0000; padding: 5px}

/* ---------------------------------------------------------------------- */
/* DECORATION & MISC CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#mainimage {}
img.imgt2 {width: 70px; height: 70px; border: 3px solid #E6E4F6;}
a:hover img.imgt2 {width: 70px; height: 70px; border: 3px solid #FFB502;}
a:active img.imgt2 {width: 70px; height: 70px; border: 3px solid #FFB502;}

.popup {font-size: 11px; margin: 20px; padding: 0px; line-height: 18px; text-align: left;}
.popup p {font-size: 11px; margin: 20px; padding: 0px; line-height: 18px; text-align: left;}
.popup  h2 { text-transform: lowercase; font-size: 15px; color: #A49FDF; margin: 0px; padding: 0px; margin: 10px 0px;} 
.popup  h1 { text-transform: lowercase; font-size: 22px; font-weight: 800; color: #524BAB; margin: 10px 0px; padding: 0px;} 
.popup a {font-size: 11px;}
.popup h5 {font-size: 17px;  }
.popup h6 {font-size: 13px;  }
.popup .row {  font-size: 12px;  clear: both; margin: 10px 0px;}
.popup span.line {  float: left; width: 100px; font-size: 12px; font-weight: 800; text-align: left; margin: 2px;}
.popup ul a{font-weight: 100;}
.popup li {margin: 0px; padding: 0px; list-style-image: url("/images/catarrow2.gif"); }

.box {padding: 10px;}
.dotv {background: url("/images/dot.gif") repeat-y center top; width: 1px; height:3px;}
.doth {background: url("/images/dot2.gif") repeat-x center center; height:1px;}
.dottop {background: url("/images/dot2.gif") repeat-x bottom bottom; width: 350px; text-align: right; padding: 3px 10px 7px 10px;}


/* ---------------------------------------------------------------------- */
/* FOOTER CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#footersearch {text-align: center; margin: 30px 0% 0px 0%; background: #342E80; height: 35px; clear: both; text-transform: lowercase; font-weight: 800;}
#footersearch div {  background: #342E80 ; height: 35px; clear: both;}
#footersearch div div {   background: #342E80; height: 35px; padding: 6px; clear: both;}
#footertext { background: #DBD9F2; text-align: center; margin: 0px auto; line-height: 20px; clear: both; font-size: 10px;}
#footertext a {text-align: center; margin: 0px auto; line-height: 18px; clear: both; font-size: 11px;}


/* ---------------------------------------------------------------------- */
/* CONTENT BLOCKS CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.productfeat { text-align: center;  margin: 5px 0px; width: 100%}
.productfeat a {background: #E8E6F6; font-size: 11px; padding: 5px 10px; color: #524BAB; display: block;  margin: 1px 0px;  line-height: 12px;   }
.productfeat a:hover {color: #524BAB; background: #FFC414; text-decoration: none; display: block; font-weight: 100;}
/* ---------------------------------------------------------------------- */
/* PRODUCT MENUS CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#target                 { margin: 0px 0px 0px 0px; text-transform: lowercase;  }
#target ul              { margin: 0px 0 0 5px; padding: 0px; list-style: none; }
#target li              { display: inline; margin: 0px; padding: 0px; }
#target a               { text-transform: lowercase; font size: 11px;  text-align: center; color: #ffffff; float: left; background: url("/images/lefttop.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 20px; text-decoration:none; line-height: 12px; }
#target a span          {margin: 0px; float: none; display: block; background: url("/images/righttop.gif") no-repeat right top; padding: 10px 8px 10px 0px; font-weight: 800;  }
#target a:hover         { text-decoration:none; background-position: 0% -150px; color: #ffffff;}
#target a:hover span    { background-position: 100% -150px; color: #ffffff;}
.onglets {border-bottom: 5px solid #FFC414; overflow: hide; margin: 0px 0px 0px 0px;}


/* ---------------------------------------------------------------------- */
/* PRICING CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.pricingbox {color: #000000; padding:2px 0px; font-weight: 400; font-size: 12px; }
.pricingbox h3 {font-size: 16px; color: #524BAB; margin: 0px 0; padding: 0px; font-weight: 800; text-transform: lowercase;}
.pricingbox form {margin: 12px 0px;}
.pricingbox input {margin: 1px 1px 1px 0px;}
.pricingbox select { margin: 1px 1px 1px 0px; font-size: 11px; font-family: verdana, ariel, helvetica; width: 280px;}
.marginprice {padding: 0px 0px 0px 0px;}


.price { color: #CB0000; font-weight: 800; font-size: 11px; text-transform:  lowercase; }
.price2 { color: #CB0000; font-weight: 800; font-size: 13px; text-transform:  lowercase; }
.price3 {font-size: 15px; color: #CB0000; font-weight: 800; text-transform:  lowercase; }
.price4 {font-size: 11px; color: #CB0000; font-weight: 800; text-transform: lowercase; }
.saving {color: #CB0000; font-size: 10px; font-weight: 100;}
.wasprice { font-size: 11px; color: #999999; font-weight: 100;  text-decoration: none; text-transform:  lowercase;}
.rrp { font-size: 11px; color: #888888; font-weight: 100; text-transform:  lowercase;}


.options { color: #000000; font-size: 11px; }
.options a{ color: #000000; font-size: 11px; }
.options a:hover{color: #000000; }

.cookiecrumbs {margin: 0px 0 0px 0; font-size: 11px; color: #928DD2; width:100%; font-weight: 800; padding: 4px 0 4px 0px; line-height: 14px; border-bottom: 1px solid #E8E6F6; }
.cookiecrumbs a {  font-size: 11px; font-weight: 100;  padding: 0px; margin: 0px; color: #FFB200; text-decoration: underline;}
.cookiecrumbs a:hover { text-decoration: none;}

.headbar {background:#dddddd; color: #000000; }
.itembar {background:#eeeeee; color: #000000; }

.details { background: #E6E4F6; }