/* CSS Document */
/*  */

* {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body 	{line-height: 1;
	  	color: #000;
	   	background: url() repeat-x;
	   	font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.bodyText 	{line-height: 1.5;
	  	color: #000;
	   	font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
}


h4 { color: #999;
	font-weight: lighter;
	font-size: 130%;
	margin-bottom: 10px

}

p {color: #333; line-height: 1.5; margin-bottom: 10px; font-size: 100% }
span.largetext {font-size: 120%}
span.smalltext {font-size: 80%}
span.redlarge {font-size: 108%; color:#cc0000; font-weight: bold}
span.grey {color:#666}

a:link, a:visited {color:#000; text-decoration: none }
a:hover {text-decoration: none }
a:link.active, a:visited.active {font-weight: bold}

div.clear { clear: both;}


/* START TEMPLATE STYLES */
/* -------------------------------- */
#container {width: 987px; margin: auto;  }
#header{ background:url(/images/template/header_bg.jpg) no-repeat; height: 123px;}
#logo { float: left; margin-left: 5px }
#delivery {color:#cc0000; font-size: 12pt; font-weight: bold; width: 360px; height: 20px; float: right; margin: 45px 10px 0px 0px; padding: 4px 0px 4px 35px; background:url(/images/template/delivery_icon.png) no-repeat 0% 50%;  }


#nav { float:left; color: #333; font-size: 120%; margin-bottom: 15px}
/* -------------------------------- */
 /* START First Level Links */
 /* -------------------------------- */
#nav ul {list-style-type: none; padding: 0; margin: 7px 0 0 10px; list-style: none;  }
#nav li {display: inline; float: left; position: relative;   }
#nav ul li a:link, #nav ul li a:visited {list-style-type: none;  padding: 10px 10px 10px 10px; color:#fff; display: block; overflow:hidden; text-align: center; color:#333333}
#nav ul li a:hover {color: #666666}
#nav ul li a:link.submenu, #nav ul li a:link.visited { background:url(/images/template/nav_dropdown_hover.gif) no-repeat 90% 13px; padding-right: 20px}
#nav ul li {display: inline;  float:left; position:relative;  background:url(/images/template/nav_divider.jpg) no-repeat 100% 100%; }
/* -------------------------------- */
/* END First Level Links */
/* -------------------------------- */

/* -------------------------------- */
/* START 2nd Level Links */ 
/* -------------------------------- */
#nav li ul { display: none; position: absolute; top: 1em; left: 0; }
#nav li > ul {top: auto;left: auto;	}
#nav li:hover ul, #nav li.over ul{ display: block; }
#nav ul li ul {display: none; background: #fff; }
/* -------------------------------- */
/* END 2nd Level Links */ 
/* -------------------------------- */

/* specific to non IE browsers */
#nav ul li:hover a { color:#666; } /*Main Nav Link When Drop Down appears */
#nav ul li:hover ul { display:block; position:absolute; width:130px; margin-left: -2px; margin-top: -2px; border-bottom: 1px solid #ccc; font-size: 80%  }
#nav ul li:hover ul li a.hide {background:#fff; color:#666;  }
#nav ul li:hover ul li:hover a.hide {color:#fff; }
#nav ul li:hover ul li ul {display: none;  }
#nav ul li:hover ul li a {display:block; color:#333; text-align: left; width: 115px;padding: 10px 10px 10px 4px; background: #eee; border-top: 1px solid #999;  } /*Drop Down appearance */
#nav ul li:hover ul li a:hover {color:#666; background: #fff; border-top: 1px solid #ccc } /*Drop Down hover appearance */


#leftcol, #rightcol { width: 173px; float:left}

/* -------------------------------- */
/* START DEPARTMENT NAVIGATION STYLES */ 
/* -------------------------------- */
#departments, #otherservices, #brands, #shoppingbasket, #hirebasket, #bestsellers {background:url(/images/template/boxes_middle.jpg) repeat-y; margin-bottom: 10px}

/* -------MAIN COLOURED LINKS AUDIO VIDEO PHOTO------ */
#departments ul.main {margin: 0px 0px 0px 1px; list-style-type: none; padding-bottom: 5px; display: block }
#departments ul.main li {margin-bottom: 5px}
#departments ul.main li a:link, #departments ul.main li a:visited {color:#fff; font-weight:bold; font-size: 110%; background:url(/images/template/depmain_bullet.png) no-repeat 0% 4px;  padding-left: 10px;  }
li.audiodep {background: #0099cc; color:#fff; width: 158px; padding:4px 4px 0px 4px}
li.lightingdep {background: #8560a8; color:#fff; width: 158px; padding:4px 4px 0px 4px}
li.videodep {background: #669933; color:#fff; width: 158px; padding:4px 4px 0px 4px }
li.photodep {background: #f06500; color:#fff; width: 158px; padding:4px 4px 0px 4px}
li.toolsdep {background: #333333; color:#fff; width: 158px; padding:4px 4px 0px 4px}
/* -------END MAIN COLOURED LINKS AUDIO VIDEO PHOTO------ */

/* -------AUDIO SUB NAV LEVEL 1------ */
#departments ul.main li ul.audiosub {background:#f6f6f6; width: 158px; padding: 4px 8px 5px 0px; margin: 4px 0px 0px -4px; }
#departments ul.main li ul.audiosub li  {padding: 2px 0px 0px 10px; }
#departments ul.main li ul.audiosub li.audioactive { background: #acdae9 url(/images/template/audiosubactive.png) no-repeat 94% 3px; display: block; width: 156px; border-top: 2px solid #0099cc; padding-bottom: 2px } /*when sub category is active*/
#departments ul.main li ul.audiosub li a:link,#departments ul.main li ul.audiosub li a:visited {color:#333; font-weight: normal; font-size: 108%; background:none;  padding-left: 0px}
#departments ul.main li ul.audiosub li a:hover {color:#0099cc; font-weight: normal; font-size: 108%;}
/* -------END AUDIO SUB NAV LEVEL 1------ */

/* -------LIGHTING SUB NAV LEVEL 1------ */
#departments ul.main li ul.lightingsub {background:#f6f6f6; width: 158px; padding: 4px 8px 5px 0px; margin: 4px 0px 0px -4px}
#departments ul.main li ul.lightingsub li  {padding: 2px 0px 0px 10px;}
#departments ul.main li ul.lightingsub li.lightingactive { background: #ba94dd url(/images/template/lightingsubactive.png) no-repeat 94% 3px; display: block; width: 156px; border-top: 2px solid #8560a8; padding-bottom: 2px } /*when sub category is active*/
#departments ul.main li ul.lightingsub li a:link,#departments ul.main li ul.lightingsub li a:visited {color:#333; font-weight: normal; font-size: 108%; background:none;  padding-left: 0px}
#departments ul.main li ul.lightingsub li a:hover {color:#ba94dd; font-weight: normal; font-size: 108%;}
/* -------END LIGHTING SUB NAV LEVEL 1------ */

/* -------VIDEO SUB NAV LEVEL 1------ */
#departments ul.main li ul.videosub {background:#f6f6f6; width: 158px; padding: 4px 8px 5px 0px; margin: 4px 0px 0px -4px}
#departments ul.main li ul.videosub li  {padding: 2px 0px 0px 10px;}
#departments ul.main li ul.videosub li.videoactive { background: #d9f1c1 url(/images/template/videosubactive.png) no-repeat 94% 3px; display: block; width: 156px; border-top: 2px solid #669933; padding-bottom: 2px } /*when sub category is active*/
#departments ul.main li ul.videosub li a:link,#departments ul.main li ul.videosub li a:visited {color:#333; font-weight: normal; font-size: 108%; background:none;  padding-left: 0px}
#departments ul.main li ul.videosub li a:hover {color:#669933; font-weight: normal; font-size: 108%;}
/* -------END VIDEO SUB NAV LEVEL 1------ */

/* -------PHOTO SUB NAV LEVEL 1------ */
#departments ul.main li ul.photosub {background:#f6f6f6; width: 158px; padding: 4px 8px 5px 0px; margin: 4px 0px 0px -4px}
#departments ul.main li ul.photosub li  {padding: 2px 0px 0px 10px;}
#departments ul.main li ul.photosub li.photoactive { background: #fba769 url(/images/template/photosubactive.png) no-repeat 94% 3px; display: block; width: 156px; border-top: 2px solid #f06500; padding-bottom: 2px } /*when sub category is active*/
#departments ul.main li ul.photosub li a:link,#departments ul.main li ul.photosub li a:visited {color:#333; font-weight: normal; font-size: 108%; background:none;  padding-left: 0px}
#departments ul.main li ul.photosub li a:hover {color:#f06500; font-weight: normal; font-size: 108%;}
/* -------END PHOTO SUB NAV LEVEL 1------ */

/* -------TOOLS SUB NAV LEVEL 1------ */
#departments ul.main li ul.toolssub {background:#f6f6f6; width: 158px; padding: 4px 8px 5px 0px; margin: 4px 0px 0px -4px}
#departments ul.main li ul.toolssub li  {padding: 2px 0px 0px 10px;}
#departments ul.main li ul.toolssub li.toolsactive { background: #a19e9b url(/images/template/toolssubactive.png) no-repeat 94% 3px; display: block; width: 156px; border-top: 2px solid #333333; padding-bottom: 2px } /*when sub category is active*/
#departments ul.main li ul.toolssub li a:link,#departments ul.main li ul.toolssub li a:visited {color:#333; font-weight: normal; font-size: 108%; background:none;  padding-left: 0px}
#departments ul.main li ul.toolssub li a:hover {color:#000000; font-weight: normal; font-size: 108%;}
/* -------END TOOLS SUB NAV LEVEL 1------ */

/* -------AUDIO SUB NAV LEVEL 2------ */
#departments ul.main li ul.audiosub2 {background:#fff; padding: 4px 4px 5px 5px; margin: 4px 0px 0px -10px}
#departments ul.main li ul.audiosub2 li  {padding-left: 10px}
#departments ul.main li ul.audiosub2 li a:link.arrow, #departments ul.main li ul.audiosub2 li a:visited.arrow  {background:url(/images/template/audiosub2.gif) no-repeat 100% 50%; padding-right: 15px}
#departments ul.main li ul.audiosub2 li a:link, #departments ul.main li ul.audiosub2 li a:visited {color:#333; font-weight: normal; font-size: 100%; background:none;  padding-left: 0px}
#departments ul.main li ul.audiosub2 li a:hover {color:#0099cc; font-weight: normal; }
/* -------END AUDIO SUB NAV LEVEL 2------ */

/* -------LIGHTING SUB NAV LEVEL 2------ */
#departments ul.main li ul.lightingsub2 {background:#fff; padding: 4px 4px 5px 5px; margin: 4px 0px 0px -10px}
#departments ul.main li ul.lightingsub2 li  {padding-left: 10px}
#departments ul.main li ul.lightingsub2 li a:link.arrow, #departments ul.main li ul.lightingsub2 li a:visited.arrow  {background:url(/images/template/audiosub2.gif) no-repeat 100% 50%; padding-right: 15px}
#departments ul.main li ul.lightingsub2 li a:link, #departments ul.main li ul.lightingsub2 li a:visited {color:#333; font-weight: normal; font-size: 100%; background:none;  padding-left: 0px}
#departments ul.main li ul.lightingsub2 li a:hover {color:#ba94dd; font-weight: normal; }
/* -------END LIGHTING SUB NAV LEVEL 2------ */

/* -------VIDEO SUB NAV LEVEL 2------ */
#departments ul.main li ul.videosub2 {background:#fff; padding: 4px 4px 5px 5px; margin: 4px 0px 0px -10px}
#departments ul.main li ul.videosub2 li  {padding-left: 10px}
#departments ul.main li ul.videosub2 li a:link.arrow, #departments ul.main li ul.videosub2 li a:visited.arrow  {background:url(/images/template/videosub2.gif) no-repeat 100% 50%; padding-right: 15px}
#departments ul.main li ul.videosub2 li a:link, #departments ul.main li ul.videosub2 li a:visited {color:#333; font-weight: normal; font-size: 100%; background:none;  padding-left: 0px}
#departments ul.main li ul.videosub2 li a:hover {color:#669933; font-weight: normal; }
/* -------END VIDEO SUB NAV LEVEL 2------ */

/* -------PHOTO SUB NAV LEVEL 2------ */
#departments ul.main li ul.photosub2 {background:#fff; padding: 4px 4px 5px 5px; margin: 4px 0px 0px -10px}
#departments ul.main li ul.photosub2 li  {padding-left: 10px}
#departments ul.main li ul.photosub2 li a:link.arrow, #departments ul.main li ul.photosub2 li a:visited.arrow  {background:url(/images/template/photosub2.gif) no-repeat 100% 50%; padding-right: 15px}
#departments ul.main li ul.photosub2 li a:link, #departments ul.main li ul.photosub2 li a:visited {color:#333; font-weight: normal; font-size: 100%; background:none;  padding-left: 0px}
#departments ul.main li ul.photosub2 li a:hover {color:#f06500; font-weight: normal; }
/* -------END PHOTO SUB NAV LEVEL 2------ */

/* -------TOOLS SUB NAV LEVEL 2------ */
#departments ul.main li ul.toolssub2 {background:#fff; padding: 4px 4px 5px 5px; margin: 4px 0px 0px -10px}
#departments ul.main li ul.toolssub2 li  {padding-left: 10px}
#departments ul.main li ul.toolssub2 li a:link.arrow, #departments ul.main li ul.toolssub2 li a:visited.arrow  {background:url(/images/template/audiosub2.gif) no-repeat 100% 50%; padding-right: 15px}
#departments ul.main li ul.toolssub2 li a:link, #departments ul.main li ul.toolssub2 li a:visited {color:#333; font-weight: normal; font-size: 100%; background:none;  padding-left: 0px}
#departments ul.main li ul.toolssub2 li a:hover {color:#000000; font-weight: normal; }
/* -------END TOOLS SUB NAV LEVEL 2------ */

/* -------------------------------- */
/* END DEPARTMENT NAVIGATION STYLES */ 
/* -------------------------------- */

img.border {margin: 5px 0px 0px 8px; border: 1px solid #ccc}

a.arrowupbtn {background:url(/images/template/arrow_up.jpg) no-repeat;  width: 28px; height: 26px; display:block; margin: 4px 0 0px 70px; }
a.arrowupbtn:hover {background-position: 0px -26px; }

a.arrowdownbtn {background:url(/images/template/arrow_down.jpg) no-repeat;  width: 28px; height: 26px; display:block; margin: 4px 0 0px 70px; }
a.arrowdownbtn:hover {background-position: 0px -26px; }

a.bestsellersarrowupbtn {background:url(/images/template/arrow_up.jpg) no-repeat;  width: 28px; height: 26px; display:block; margin: 4px 0 0px 70px; }
a.bestsellersarrowupbtn:hover {background-position: 0px -26px; }

a.bestsellersarrowdownbtn {background:url(/images/template/arrow_down.jpg) no-repeat;  width: 28px; height: 26px; display:block; margin: 4px 0 0px 70px; }
a.bestsellersarrowdownbtn:hover {background-position: 0px -26px; }

#footer {background:url(/images/template/footer_bg.jpg) no-repeat; width: 987px; min-height: 75px; text-align:center; color: #333; margin-bottom: 10px }
#footer ul {list-style-type: none; margin: 0px 0px 0px 270px; padding-top: 30px}
#footer li {display: inline; float: left; margin: 0px 10px 0px 10px; background:url(/images/template/footer_divider.jpg) repeat-y 100% 50%; padding: 0px 20px 6px 0px}
#footer a:link, #footer a:visited {color: #333; text-decoration:none; font-size: 108% }
#footer a:hover {color: #000 }
#footer p {font-size: 100%; margin-top: 10px;color:#666 }
#footer a:link.genesis, #footer a:visited.genesis {font-size:100%; color:#666}
#footer a:hover.genesis {color:#cc0000}


/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START CONTENT STYLES */
/* -------------------------------- */


#maincontent {float:left; width: 620px; margin: 0px 10px 20px 10px }
#maincontent ul { margin: 10px 0px 0px 50px}
#maincontent li {color: #666; list-style-type:square; line-height: 1.2}

#breadcrumb {color:#999999;margin-bottom: 6px}
#breadcrumb a:link, #breadcrumb a:visited {color:#999999}
#breadcrumb a:hover {color:#000}

#banner {background:url(/images/template/banner.jpg) no-repeat; width: 618px; height: 258px; margin-bottom: 10px}
#banneraudio {float:left; width: 200px; margin: 89px 0px 0px 5px}
#bannervideo {float:left; width: 222px; margin: 89px 0px 0px 0px}
#bannerphoto {float:left; width: 185px; margin: 89px 0px 0px 0px}

#featured_product {width: 620px; float:left; background:url(/images/template/featured_middle.jpg) repeat-y; margin-bottom: 15px}
img.featuredtitle {z-index: 1; position:absolute}
#featured_price {color:#fff; font-size: 123%; font-weight: bold;  width: 133px; float:left; padding-top: -25px; margin: 10px 0px 0px 65px; z-index: 40; position:absolute; }
#featured_img {position: relative; margin-left: 20px; float:left; width: 257px}
#featured_info {padding: 0px 10px 0px 10px; width: 320px; float:left}
#featured_title {color:#000;font-size: 138.5%; font-weight: bold; margin-bottom:10px }
#featured_blurb {color:#333; font-size: 108%; line-height: 120%; margin-bottom: 20px}
#featured_btns {float:left; width: 320px}

#latest_special {float:left; width: 618px; background:url(/images/template/latest_special_middle.jpg) repeat-y;}
div.latest_special_prod {float:left; width: 280px; margin: 10px 5px 10px 5px; padding: 0px 5px 10px 5px; background:url(/images/template/latest_special_bg.jpg) no-repeat 50% 100%}
div.latest_special_title {color:#000; font-size: 116%; font-weight: bold; margin-bottom: 10px; line-height: 123%}
div.latest_special_descrip {float:left; width: 125px;font-size: 100%; line-height: 116%; margin-left: 5px; }
img.latestimg {float:left;}
div.latest_special_price {color:#cc0000; margin-top: 10px; font-size: 123%; font-weight: bold}
div.latest_special_btns {float:left; width: 280px}
img.latest_special_bottom {margin-top: -15px}

div.vertdivider { width: 5px; min-height: 200px; float:left; border-left: 1px solid #eee; margin-left: 10px}
div.vertdivider_cat { width: 5px; min-height: 260px; float:left; border-left: 1px solid #eee; margin-left: 10px}
div.hr { height: 5px; border-top:1px solid #eee; float:left; width: 618px; margin: -2px 0px 0px 2px}
div.hr hr { display: none;}

#shoppingbasket {margin-bottom: 10px}
#basketDropZone {width: 157px; margin: 5px 5px 5px 5px; background:url(/images/template/shopping_middle.jpg) repeat-y;}
#basketDropZone p {padding: 5px; font-size: 100%; width: 90px; float:left}

#hirebasket {margin-bottom: 10px}
#hirebasketDropZone {width: 157px; margin: 5px 5px 5px 5px; background:url(/images/template/shopping_middle.jpg) repeat-y;}
#hirebasketDropZone p {padding: 5px; font-size: 100%; width: 90px; float:left}

div.bestsellers {zIndex: 10; margin:5px 10px 0px 7px; border-bottom: 1px solid #ccc; padding-bottom: 8px; }
div.bestsellers img.border {margin: 5px 0px 5px 3px; }
div.bestsellers img {text-align:center; margin:auto}
div.bestsellers_title {color:#000; font-size: 100%; font-weight: bold; margin-bottom: 4px; line-height: 123%}
div.bestsellers_price {color:#cc0000; font-size: 108%; font-weight: bold}


#product_images {float:left; width: 205px; text-align: center; margin-bottom: 20px}
#product_price {float:left; background: #f6f6f6; border: 1px solid #dedbdb; color:#cc0000; margin-top: 10px; font-size: 123%; font-weight: bold; width: 390px; padding: 15px 10px 10px 10px}
img.thumbs {border: 1px solid #ccc; float:left; margin: 10px 5px 10px 0px;}
#product_description {width: 400px; color:#333; float:left; margin-top: 20px; font-size: 108%; line-height: 1.4em}
div.hrproduct { height: 5px; border-top:1px solid #eee; float:left; width: 400px; margin: 10px 0px 10px 2px}
div.hrproduct hr { display: none;}


/* BUTTONS----DETAILS INFO AND BASKET BUTTONS */
/* -------------------------------- */
a.moredetailsbtn {background:url(/images/template/moredetails_btn.jpg) no-repeat;  width: 122px; height: 21px; display:block; margin: 4px 0 0px 0px; float:left}
a.moredetailsbtn:hover {background-position: 0px -21px; }

a.infobtn {background:url(/images/template/info_btn.jpg) no-repeat;  width: 60px; height: 18px; display:block; margin: 4px 6px 0px 0px; float:left}
a.infobtn:hover {background-position: 0px -18px; }

a.addbasketlrgbtn {background:url(/images/template/addbasket_lrg.jpg) no-repeat;  width: 96px; height: 21px; display:block; margin: 4px 0 0px 10px; float:left }
a.addbasketlrgbtn:hover {background-position: 0px -21px; }

a.addbasketlrg {background:url(/images/template/addbasket_lrg.jpg) no-repeat;  width: 96px; height: 21px; display:block; margin: -5px 0 0px 10px; float:right }
a.addbasketlrg:hover {background-position: 0px -21px; }

a.addhirelrg {background:url(/images/template/addhire_lrg.jpg) no-repeat;  width: 96px; height: 21px; display:block; margin: -5px 0 0px 10px; float:right }
a.addhirelrg:hover {background-position: 0px -21px; }

a.addbasketsmlbtn {background:url(/images/template/addbasket_small.jpg) no-repeat;  width: 81px; height: 18px; display:block; float:left; margin-top: 4px }
a.addbasketsmlbtn:hover {background-position: 0px -18px; }

a.checkoutbtn {background:url(/images/template/checkout_btn.jpg) no-repeat;  width: 160px; height: 25px; display:block; float:left; margin-left: 5px }
a.checkoutbtn:hover {background-position: 0px -25px; }

a.hirebtn {background:url(/images/template/hire_btn.jpg) no-repeat;  width: 160px; height: 25px; display:block; float:left; margin-left: 5px }
a.hirebtn:hover {background-position: 0px -25px; }

a.specialoffersbtn {background:url(/images/template/view_special_offers.jpg) no-repeat;  width: 158px; height: 25px; display:block; float:left; margin-left:405px }
a.specialoffersbtn:hover {background-position: 0px -25px; }

a.viewallbtn {background:url(/images/template/view_all_btn.jpg) no-repeat;  width: 82px; height: 20px; display:block; margin-left: 35px  }
a.viewallbtn:hover {background-position: 0px -20px; }

/* END DETAILS INFO AND BASKET BUTTONS */
/* -------------------------------- */


/* END CONTENT STYLES */
/* -------------------------------- */



/* -------------------------------- */
/* START FORM STYLES */
/* -------------------------------- */


#keywordsearch {float:left; padding: 14px 0px 0px 0px;  width: 210px;  margin: 1px 0px 0px 130px;}
#manufacturersearch {float:left; padding: 14px 0px 0px 0px; width: 100px; }

#keywordsearch input {
   float: left;
   width: 150px;
   height: 15px;
   padding: 2px 3px 3px 10px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;
   margin-top: 1px
  
}

#keywordsearch a.search_go{
   float: left;
   width: 30px;
   height: 23px;
   background:url(/images/template/search_submit.gif);
   text-indent: -9999px;
   margin-left: -4px
}


.brandDropdown {
   float: left;
   width: 150px;
   height: 23px;
   padding: 2px 3px 3px 10px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;

}

/* -------------------------------- */
/* END FORM STYLES */
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */

table.product_table {width: 620px;}
table.product_table td {padding: 4px; border-bottom: 1px solid #ddd; font-size: 108%;}
table.product_table select {margin: 2px 0px 0px 10px; width: 83%;}
tr.bg {background: #f6f6f6}
td.basket { width: 140px}
table.product_table td.blurb {font-size: 100%; border-left: 1px solid #ddd}


/* END TABLE STYLES */
/* -------------------------------- */



/* START FONT STYLES */
/* -------------------------------- */
/*
10 77
11 85
12 93 (was 92)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
/* END FONT STYLES */
/* -------------------------------- */

.keyline {
  color: #666;
  background-color: #666;
  height: 1px;
  margin: 2px 0px 2px 0px;
}

.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
        height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;   
        border-width: 1px;
        border-style : solid;
        border-color : black;
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-width: 1px;
        border-style : solid;
        border-color : #ff0000;
}

.inputField{ 
        border-width: 1px;
        border-style : solid;
        border-color : black;
}

.inputFieldError{
        border-width: 1px;
        border-style : solid;
        border-color : #ff0000;
}

.formFieldDropdown{
   position: absolute;
   left: 110px;
   top: 0px;
   border-width: 1px;
   border-style : solid;
   border-color : black;
}

.formFieldDropdownError{
   position: absolute;
   left: 110px;
   top: 0px;
   border-width: 1px;
   border-style : solid;
   border-color : #ff0000;
}


.formLabel{
	width:100px;
	text-align:right;
        color: black;
}

.formButton{
	margin-left:110px;
} 

.formsubmitbutton{
   padding: 2px 2px 3px 3px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;
   margin: 1px 0px 0px 0px;
   width: 120px;
   height: 24px;
   cursor: pointer;
}

.keyline {
  color: #666;
  background-color: #666;
  height: 1px;
  margin: 2px 0px 2px 0px;
}

.formText {
   float: left;
   width: 160px;
   height: 15px;
   padding: 2px 3px 3px 3px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;
   margin: 0px 0px 0px 10px
}

.formTextArea {
   padding: 2px 3px 3px 3px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;
   margin: 0px 0px 0px 10px
}

.formDropdown {
   height: 26px;
   padding: 2px 3px 3px 10px;
   border: 1px solid #ccc;
   color: #666;
   font-size: 1.1em;
}

/* START PRODUCT PRICES TABLE STYLES */
/* -------------------------------- */

table.pricestable {margin: 20px 0px 40px 0; font-weight:bold; font-size: 110%}
table.pricestable tr th { background:#4d4c45; vertical-align:top; padding: 5px 5px 5px 0px; color: #fff; font-weight:bold; font-size: 120%; text-align:left;  }
table.pricestable tr a:link, table.pricestable tr a:visited {background: #333; color: #fff; text-decoration: none; padding: 3px 8px 3px 8px; } 
table.pricestable tr a:hover {color: #ccc; text-decoration: none } 
table.pricestable tr th.first, table.pricestable td.first  {padding-left: 10px}

table.pricestable tr.dtginfo_alternate {background: #f2f2f2;}
table.pricestable tr.dtginfo, tr.dtginfo_alternate {height: 35px }
table.pricestable tr.dtginfo_alternate td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}

select.selectqty {font:1em Arial, Helvetica, sans-serif; border: 1px solid #ccc;color: #330033;padding: 2px 0px 2px 2px; text-align: left ;width: 50px}


/* END PRODUCT PRICES TABLE STYLES */
/* -------------------------------- */