/* -------------- T.O.C ------------------ */

/*
*		HTML STYLES
*		GENERAL STYLES
*		GENTEXT
*		HEADING STYLES
*		ABOVE SITE
*		TOP NAV
*		HEADER
*		PRIMARY NAV
*		CONTENT
*		RIGHTBAR
*		BOTTOMSTRIP
*		FOOTER
*		COPYRIGHT
*		PAGE SPECIFIC STYLES
*/

/* -------------- HTML STYLES ------------------ */

body {
		background-color: #E4E4E4;
		margin: 0;
		}

img {
		border: 0;
		}

form {
		margin: 0;
		}

/* -------------- GENERAL STYLES ------------------ */

div.hr {
		border-bottom: 1px dashed #B7B3B4;
		height: 5px;
		padding: 0;
		margin: 3px 0 15px 0;
		clear: both;
		}

div.hr_dark {
		border-bottom: 1px dashed #3D3B3C;
		height: 5px;
		padding: 0;
		margin: 3px 0 15px 0;
		clear: both;
		}

div.hr_grey_dotted {
		border-bottom: 1px dotted #cccccc;
		height: 5px;
		padding: 0;
		margin: 3px 0 15px 0;
		clear: both;
		}

.pad_top_lef {
		padding: 15px 0 0 10px;
		}


.pad_left_10 {
		padding-left: 10px;
		}

.whitetext {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #FFFFFF; /* white */
		line-height: 15px;
		}

.pad_10 {
		padding: 10px;
		}


/* -------------- GENTEXT ------------------ */

td.gentext {
		vertical-align: top;
		background-color: #ffffff;
		}

.gentext {
		background-color: #ffffff;
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #636363; /* dark grey */
		line-height: 15px;
		}

.gentext a:link,
.gentext a:visited,
.gentext a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #555B8B;
		font-weight: bold;
		text-decoration: none;
		}

.gentext a:hover{
		text-decoration: underline;
		}

.gentext p {
		margin: 14px 0;
		}

		
/* -------------- GENTEXT ------------------ */

td.gentextSmaller {
		vertical-align: top;
		}

.gentextSmaller {
		font-size: 10px;
		font-family: verdana, sans-serif;
		color: #636363; /* dark grey */
		line-height: 14px;
		}

.gentextSmaller a:link,
.gentextSmaller a:visited,
.gentextSmaller a:active {
		font-size: 10px;
		font-family: verdana, sans-serif;
		color: #555B8B;
		font-weight: bold;
		text-decoration: none;
		}

.gentextSmaller a:hover{
		text-decoration: underline;
		}

.gentextSmaller p {
		margin: 5px 0;
		}

/* -------------- HEADING STYLES ------------------ */

h1,
.gentext h1 {
		color: #555B8B; /* dark blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		}

h1 a:link,
h1 a:visited,
h1 a:active,
.gentext h1 a:link,
.gentext h1 a:visited,
.gentext h1 a:active {
		color: #555B8B; /* dark blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		}

.gentext h1 a:hover,
h1 a:hover {
		color: #555B8B; /* dark blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: underline;		
		}

h2,
.gentext h2 {
		color: #2E76B0; /* blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		}

h2 a:link,
h2 a:visited,
h2 a:active,
.gentext h2 a:link,
.gentext h2 a:visited,
.gentext h2 a:active {
		color: #2E76B0; /* blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		}

.gentext h2 a:hover,
h2 a:hover {
		color: #2E76B0; /* blue */
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: underline;		
		}

h3 {
		color: #555B8B; /* dark blue */
		font-size: 16px;
		margin: 0 0 5px 0;
		font-family: arial, verdana, sans-serif;
		}
		
h4 {
		color: #EFBD20; /* blue */
		font-family: arial, verdana, sans-serif;
		font-size: 14px;
		text-decoration: none;
		margin: 0 0 5px 0;
		vertical-align: middle;
		}
		
h5 {
		color: #555B8B; /* blue */
		font-family: arial, verdana, sans-serif;
		font-size: 14px;
		text-decoration: none;
		margin: 0 0 5px 0;
		vertical-align: middle;
		}
/* -------------- CONTAINER ------------------ */

#container {
		width: 740px;
		}

/* -------------- ABOVE SITE ------------------ */

#above_site {
		color: #4C4C4C; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		border: 0;
		padding: 5px;
		}

#above_site a:link,
#above_site a:visited{
		color: #4C4C4C; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		text-decoration: underline;
		font-weight: bold;
		}

#above_site a:active,
#above_site a:hover{
		text-decoration: none;
		}

/* -------------- TOP NAV ------------------ */

#top_nav {
		text-align: right;
		color: #FFFFFF; /* white */
		font-size: 10px;
		font-family: verdana, sans-serif;
		padding: 5px;
		background-color: #4C4C4C; /* very dark grey */
		border: 1px solid #4C4C4C; /* very dark grey */
		border-bottom: 1px solid #F5F6F5; /* v light grey */
		}

#top_nav a:link,
#top_nav a:visited,
#top_nav a:active{
		color: #FFFFFF; /* white */
		font-size: 10px;
		font-family: verdana, sans-serif;
		text-decoration: none;
		font-weight: normal;
		}

#top_nav a:hover{
		text-decoration: underline;
		}

/* -------------- HEADER ------------------ */

#header {
		border-bottom: 1px solid #969696; /* grey */
		border-left: 1px solid #4C4C4C; /* very dark grey */
		border-right: 1px solid #4C4C4C; /* very dark grey */
		}

/* -------------- PRIMARY NAV ------------------ */

#primary_nav {
		border-left: 1px solid #4C4C4C; /* very dark grey */
		border-right: 1px solid #4C4C4C; /* very dark grey */
		margin: 0;
		padding: 0;
		background-color: #4C4C4C; /* very dark grey */
		text-align: center;
		}

/* -------------- CONTENT ------------------ */

#content {
		background-image: url('../pics/bg.gif');
		border-top: 3px solid #969696; /* grey */
		border-left: 3px solid #969696; /* grey */
		border-top: 3px solid #969696; /* grey */
		border-right: 3px solid #969696; /* grey */
		background-color: #FFFFFF; /* white */
		padding: 15px 0px 15px 20px;
		vertical-align: top;
		/*width: 514px; /* 740 = (3 Lbdr + 20 Lpad + 514 + 20 Rpad) + (180 + 3 Rbdr) */
		}

		
/* -------------- RIGHTBAR ------------------ */

#rightbar {
		float: right;
		/*margin-right: -20px;*/
		background-color: #FFFFFF;
		width: 180px;
		padding-top: 15px;
		padding-left: 15px;
		vertical-align: top;
		}

/* -------------- BOTTOMSTRIP ------------------ */

#bottomstrip {
		border-left: 3px solid #4C4C4C; /* very dark grey */
		border-right: 3px solid #4C4C4C; /* very dark grey */
		height: 77px;
		}

/* -------------- FOOTER ------------------ */

#footer {
		line-height: 15px;
		font-size: 11px;
		font-family: verdana, sans-serif;
		font-weight: bold;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		background-color: #4C4C4C; /* very dark grey */
		border-top: 1px solid #666769; /* fairly dark grey */
		}

#footer a:link,
#footer a:visited,
#footer a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		}

#footer a:hover{
		text-decoration: underline;
		}

/* -------------- COPYRIGHT ------------------ */

#copyright {
		padding: 4px;
		text-align: center;
		font-size: 11px;
		font-family: verdana, sans-serif;
		padding: 10px 3px;
		text-align: center;
		color: #4B4B4B; /* very dark grey */
		}

#copyright a:link,
#copyright a:visited,
#copyright a:active {
		color: #4B4B4B; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
		}

#copyright a:hover{
		text-decoration: underline;
		}

/* -------------- PAGE SPECIFIC STYLES ------------------ */

/* -------------- HMOEPAGE INFO BOXES ------------------ */

.info_box_1 .info_top {
		background-image: url('../pics/info_top_1.jpg');
		}
.info_box_1 .info_pic {
		background-image: url('../pics/info_pic_1.jpg');
		}
.info_box_1 .info_mid {
		background-image: url('../pics/info_mid_1.jpg');
		}

.info_box_2 .info_top {
		background-image: url('../pics/info_top_2.jpg');
		}
.info_box_2 .info_pic {
		background-image: url('../pics/info_pic_2.jpg');
		}
.info_box_2 .info_mid {
		background-image: url('../pics/info_mid_2.jpg');
		}

.info_box_3 .info_top {
		background-image: url('../pics/info_top_3.jpg');
		}
.info_box_3 .info_pic {
		background-image: url('../pics/info_pic_3.jpg');
		}
.info_box_3 .info_mid {
		background-image: url('../pics/info_mid_3.jpg');
		}

.info_box_4 .info_top {
		background-image: url('../pics/info_top_4.jpg');
		}
.info_box_4 .info_pic {
		background-image: url('../pics/info_pic_4.jpg');
		}
.info_box_4 .info_mid {
		background-image: url('../pics/info_mid_4.jpg');
		}

.info_top {
		background-image: url('../pics/info_top_bg.jpg');
		background-repeat: no-repeat;
		width: 247; /* (254 - 7) */
		height: 31;
		color: #555B8B;
		font-family: verdana, sans-serif;
		font-weight: bold;
		font-size: 14px;
		padding: 7px 0 0 7px;
		}

.info_top a:link,
.info_top a:visited,
.info_top a:active {
		font-size: 14px;
		font-family: verdana, sans-serif;
		color: #555B8B;
		font-weight: bold;
		text-decoration: none;
		}

.info_top a:hover{
		text-decoration: underline;
		}

.info_pic {
		background-image: url('../pics/info_mid_bg.jpg');
		background-repeat: repeat-y;
		width: 240; /* (254 - 7+7) */
		height: 50px;
		padding-top: 7px;
		}
.info_pic img{
		margin: 0 0 0 8px;
		}

.info_mid {
		background-image: url('../pics/info_mid_bg.jpg');
		background-repeat: no-repeat;
		width: 240; /* (254 - 7+7) */
		height: 135px;
		padding: 7px 7px 5px 7px;
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #636363; /* dark grey */
		font-weight: normal;
		vertical-align: top;
		}

.info_mid a:link,
.info_mid a:visited,
.info_mid a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #636363; /* dark grey */
		font-weight: normal;
		text-decoration: none;
		}

.info_mid a:hover{
		text-decoration: underline;
		}

.info_bottom {
		background-image: url('../pics/info_bottom_bg.jpg');
		background-repeat: no-repeat;
		width: 247; /* (254 - 7) */
		height: 33;
		text-align: right;
		padding: 0 7px 7px 0;
		}

.info_bottom a:link,
.info_bottom a:visited,
.info_bottom a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #4C4C4C;
		font-weight: bold;
		text-decoration: none;
		}

.info_bottom a:hover{
		text-decoration: underline;
		}

/* -------------- DEALERS ------------------ */

.dealers_mid {
		background-color: #A2B1DA;
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #FFFFFF; /* white */
		line-height: 15px;
		padding: 0 10px;
		border-left: 1px solid #A4A3A9;
		}
.dealers_mid form select {
		line-height: 15px;
		}
.dealers_mid form input,
.dealers_mid form select {
		width: 158px;
		margin: 0 0 5px 0;
		}
.dealers_mid form .button {
		width: 120px;
		margin: 0 0 5px 0;
		}

/* -------------- TOP 3 PRODUCTS ------------------ */

.top_prod {
		background-color: #FAFCE6;
		border-left: 1px solid #E4E4E6;
		vertical-align: top;
		padding: 5px 0 0 0;
		}

.top_prod .prod_item {
		color: #3D3B3C;
		margin: 5px 0 0 0;
		}
.top_prod .prod_item .number {
		width: 30px;
		vertical-align: top;
		padding: 5px 0 0 5px ;
		}
.top_prod .prod_item .description {
		vertical-align: top;
		padding: 0px 5px 5px 10px;
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #4C4C4C;
		line-height: 15px;
		}
.top_prod .prod_item .description a:link,
.top_prod .prod_item .description a:visited,
.top_prod .prod_item .description a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #4C4C4C;
		font-weight: bold;
		text-decoration: none;
		}
.top_prod .prod_item .description a:hover {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #4C4C4C;
		font-weight: bold;
		text-decoration: underline;
		}
/* -------------- ? ------------------ */

tr.odd td {
	background-color: #ff0000;
}

tr.even td {
	background-color: #EEEEEE;
}

#dataTable {
	width: 510px;
	border-collapse: collapse;
}

#dataTable tr th {
	background-color: #F6F7FB;
	border: 1px solid #cccccc;
	padding: 3px;
}
#dataTable tr td {
	background-color: #F6F7FB;
	border: 1px solid #cccccc;
	padding: 3px;
}

#comparisonTable {
	width: 510px; 
	border-collapse: collapse;
}

#comparisonTable tr td {
	background-color: #F6F7FB;
	border: 1px solid #cccccc;
	padding: 3px;
}

.padImages img {
	border: 1px solid #bbbbbb;
	margin: 0 8px 8px 0;
}


.yellowTitle {
		color: #EFBD20; /* yellow */
		font-family: arial, verdana, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 5px 0;
		vertical-align: middle;
		}

.indent {
		padding: 0 0 0 25px;
		line-height: 20px;
		}

/* -------------- NEWS ------------------ */

.news {
		padding: 0;
		}

.news_hover {
		background-color: #F6F7FB;
		padding: 10px;
		}

.news .news_index {
		width: 35px;
		}

.news .title{
		margin: 0 0 5px 0;
		}

.news .title a{
		font-size: 13px;
		}

td.col1  { display: table-cell; }
td.col2  { display: table-cell; }
td.col3  { display: table-cell; }
td.col4  { display: table-cell; }
td.col5  { display: table-cell; }
td.col6  { display: table-cell; }
td.col7  { display: table-cell; }
td.col8  { display: table-cell; }
td.col9  { display: table-cell; }
td.col10 { display: table-cell; }
td.col11 { display: table-cell; }
td.col12 { display: table-cell; }
td.col13 { display: table-cell; }
td.col14 { display: table-cell; }
td.col15 { display: table-cell; }

#science {
	float: left;
	color: #F0BE21;
	font-weight: bold;
}


.groupsTable {
	border-collapse: collapse;
}

.groupsTable td {
	padding-top: 10px;
	border: 1px dashed #A2B1DA;
}

.groupsTable li {
	list-style: outside; 
	margin-left: 20px; 
	margin-bottom: 6px; 
	line-height: 12px;
}

/* Gogole Search API */
#searchcontrol																				{width: 515px}
#searchcontrol .gsc-control                           {width: 100%; }
#searchcontrol .gsc-clear-button,
#searchcontrol .gsc-branding,
#searchcontrol .gsc-resultsHeader,
#searchcontrol .gsc-trailing-more-results             {display: none; }
#searchcontrol .gsc-results                           {padding-top: 10px; }
#searchcontrol .gsc-result                            {padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 12px; line-height: 19px; }
#searchcontrol .gs-result .gs-title                   {height: 24px; }
#searchcontrol .gs-result .gs-title,
#searchcontrol .gs-result .gs-title *                 {color: #555B8B; }
#searchcontrol .gs-result .gs-title a:hover,
#searchcontrol .gs-result .gs-title a:hover *,
#searchcontrol .gsc-trailing-more-results a:hover     {color: #444; }
#searchcontrol .gs-result a.gs-visibleUrl,
#searchcontrol .gs-result .gs-visibleUrl              {color: #999; font-size: 10px; line-height: 24px; height: 24px; }
#searchcontrol .gs-webResult .gs-visibleUrl-short     {display:none; }
#searchcontrol .gs-webResult .gs-visibleUrl-long      {display:block; }
#searchcontrol .gsc-cursor-page                       {border: 1px solid #ccc; width: 20px; height: 20px; line-height: 20px; display: block; float: left; text-align: center; text-decoration: none; }
#searchcontrol .gsc-cursor-current-page               {background-color: #eee; }
#searchcontrol .gsc-input                             {border-color:#A2B1DA;}
#searchcontrol .gs-title	                            {font-family:verdana, arial, sans-serif;font-size:13px;}
#searchcontrol .gs-snippet                            {font-family:verdana, arial, sans-serif;font-size:11px;border-color:#A2B1DA;background-color:#fff;}

#spiderscope {text-align:right;font-family:verdana,sans-serif;color:#4B4B4B;}
#spiderscope div {line-height:13px;font-size:10px;}
#spiderscope div a {color:#4B4B4B;font-weight:normal;font-size:10px;text-decoration:none;}











/* New Page Style Layout */

.viewTools {float:right;margin-right:8px;}
.hr_solid_grey {overflow:hidden;border-bottom:1px solid #E6E6E6;margin:14px 0;}
.tableMargin {margin:14px 0;}

.mainPic {float:left;margin:0 10px 10px 0;}

h5 {font-size:18px;margin:18px 0;}
.iconList {margin:14px 0;}
.iconList a {background-repeat:no-repeat;padding-left:22px;background-position:left center;line-height:16px;display:block;margin:7px 0;width:230px;float:left;}
#categoryList  a {background-image:url(../pics/layout/icon_category.gif);}
#relatedList a {background-image:url(../pics/layout/icon_related.gif);}




.viewTools {float:right;margin-right:8px;}
.hr_solid_grey {overflow:hidden;border-bottom:1px solid #E6E6E6;margin:14px 0;}
.tableMargin {margin:14px 0;}

/* basket */
.basket_mid {background-color:#838383;font-size:13px;font-family:verdana,sans-serif;color:#FFFFFF;line-height:15px;padding:0 10px;border-left:1px solid #A4A3A9;}
.basket_mid form {margin-top:10px;}
.basket_mid form .button {width: 120px;margin:0 0 5px 0;}

/* specification */
table.specification {border-collapse:collapse;width:510px;}
table.specification th,
table.specification td {vertical-align:top;border:1px solid #E6E6E6;color:#636363;font-size:11px;font-family:verdana,arial,sans-serif;line-height:17px;padding:6px;}
table.specification th {background-color:#F8F8F8;text-align:left;}

/* buy online */
.buyOnline_mid {background-image:url(buyOnline_tbody.gif);background-repeat:repeat-y;padding:0;margin:0;width:510px;}
.buyOnline_top {background-image:url(buyOnline_thead.gif);background-repeat:no-repeat;background-position:left top;padding-top:5px;}
.buyOnline_bot {background-image:url(buyOnline_tfoot.gif);background-repeat:no-repeat;background-position:left bottom;padding:0 10px 5px 10px;}
table.buyOnline {border-collapse:collapse;width:490px;}
table.buyOnline th,
table.buyOnline td {vertical-align:top;font-weight:bold;padding:6px;font-size:13px;font-family:verdana,arial,sans-serif;line-height:24px;color:#28306E;}
table.buyOnline tbody td {border-top:1px solid #D2D2D2;}
table.buyOnline .part {text-align:left;}
table.buyOnline .price {text-align:right;}
table.buyOnline thead th.price {padding-right:38px;}
table.buyOnline tbody td.price {font-size:15px;}
table.buyOnline tbody td span {font-weight:normal;font-size:11px;}
table.buyOnline .buy {text-align:right;}

/* grid view */
.gridMargin {margin:-14px -15px;}
table.grid  {width:540px;}
table.grid  td {border:1px solid #E6E6E6;font-weight:bold;color:#636363;font-size:11px;font-family:verdana,arial,sans-serif;line-height:18px;padding:10px;text-align:center;}
table.grid  td div {height:60px;margin-bottom:10px;background-color:#fff;}
table.grid  td.hover {background-color:#FAFCE6;}

/* list view */
table.list  {border-collapse:collapse;width:510px;border-top:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;}
table.list  th,
table.list  td {vertical-align:top;border-bottom:1px solid #E6E6E6;font-weight:bold;color:#636363;font-size:11px;font-family:verdana,arial,sans-serif;line-height:17px;padding:6px;}
table.list  .part {text-align:left;}
table.list  .price {text-align:right;width:100px;}
table.list  tbody .price {padding-right:31px;}
table.list  .more {text-align:right;}
table.list  thead {background-color:#F2F2F2;background-image:url(../pics/layout/list-th.jpg);background-repeat:repeat-x;}
table.list  th {background-color:#F2F2F2;background-image:url(../pics/layout/list-th.jpg);background-repeat:repeat-x;cursor:pointer;line-height:16px;}
/* hover effects */
table.list  th.hover {background-color:#eee;background-image:url(../pics/layout/list-th-active.jpg);}
table.list  tr.hover td {background-color:#FAFCE6;}
/* sortable */
table.list  th.sortable span {padding-left:21px;background-image:url(../pics/layout/sortable.gif);background-position:right center;background-repeat:no-repeat;}
table.list  th.sortUp span {background-image: url(../pics/layout/sort-asc.gif);}
table.list  th.sortDown span {background-image: url(../pics/layout/sort-desc.gif);}
/* popup */
table.list  td div.rel {position:relative;z-index:auto;}
table.list  tbody tr td div.abs {display:none;border:1px solid #E6E6E6;background-color:#fff;padding:15px;position:absolute;z-index:2;top:5px;right:-180px;text-align:center;line-height:18px;}
table.list  tbody tr td div.abs img {margin-bottom:10px;}
table.list  tbody tr.hover td div.abs {display:block;}


#advSearch {padding: 2px;}
	#advSearch a {color: #656CA5;}
	

.searchTable {padding: 10px 0 20px 0; width: 100%;}
	.searchTable tr td {border-bottom: 1px dashed #A2B1DA; padding: 1px;}
		.searchTable tr td.leftBorder {border-left: 1px dashed #A2B1DA; padding-left: 5px;}

/* -------------- EOF ------------------ */