/* PRODUCTS Template STYLES */
/* Document Version 1.2  */



#productsWrapper {
	}
	
	#productsWrapper h4 {
		color: #0066b2;
		font-size:0.8em;
		margin-top:0px;
		font-weight:normal;
		}
		
	#productsWrapper div.imgspot_left {
		float:left; 
		width:290px;
		overflow:hidden;
		margin:0 0 15px 0;
		}
		
	#productsWrapper span.prodNew {
		padding-right: 45px;
		background: url(../../images/products/mini_new.gif) right 40% no-repeat;
		}

/* Products Detail Page template info panel styles --------------------------------- */



.panelwrap {
	width:680px;
	background: transparent url(../../images/trim_bg_prodpanel.gif) left bottom no-repeat;
	}

	.panelwrap .panelbase {
		clear:both;
		height: 1px;
		padding: 0;
		margin: 0;
		}
		.panelbase hr {
			display: none;
			}
	
	.panelwrap ul	{
		list-style-type: none;
		margin-top: -2px;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 0;
		padding-top: 0;
		}
	
	.panelwrap li {
		list-style-image:none;
		margin:0;
		padding:0;
		}
	
	.panelwrap a {
		display: block;
		padding: 7px 10px 4px 10px;
		width: 310px;				/* important that width + padding = 330px */
		color: #000000;
		font-weight:normal;
		background: #e8e8e8;
		}
	
	.panelwrap a:link, .panelwrap a:visited	{
		color: #000000;
		text-decoration: none;
		font-weight:normal;
		}
	
	.panelwrap a:hover {
		background: #cbcbcb url("../../images/trim_bg_prodpanel_hvr.gif") top left repeat-x;
		color: #000000;
		text-decoration: none;
		font-weight:normal;
		}

	.panelwrap a.active {
		background: #cbcbcb url("../../images/trim_bg_prodpanel_hvr.gif") top left repeat-x;
		color: #000000;
		text-decoration: none;
		font-weight:normal;
		}
	
	.panelwrap div.word {
		background: transparent url(../../images/icons/mini_file_word.gif) 0 2px no-repeat;
		}
	.panelwrap div.pdf {
		background: transparent url(../../images/icons/mini_file_pdf.gif) 0 2px no-repeat;
		}
	.panelwrap div.img {
		background: transparent url(../../images/icons/mini_file_img.gif) 0 2px no-repeat;
		}
	.panelwrap div.exe {
		background: transparent url(../../images/icons/mini_file_exe.gif) 0 2px no-repeat;
		}
	.panelwrap div.link {
		background: transparent url(../../images/icons/mini_link.gif) 0 2px no-repeat;
		}
	.panelwrap div.man {
		background: transparent url(../../images/icons/mini_man.gif) 0 2px no-repeat;
		}
	.panelwrap div.url {
		background: transparent url(../../images/icons/mini_web.gif) 0 2px no-repeat;
		}
	.panelwrap div.text {
		background: transparent url(../../images/icons/mini_text.gif) 0 2px no-repeat;
		}
	.panelwrap div.xls {
		background: transparent url(../../images/icons/mini_excel.gif) 0 2px no-repeat; 
		} 
	.panelwrap div.ppt { 
		background: transparent url(../../images/icons/mini_ppt.gif) 0 2px no-repeat; 
		} 
	.panelwrap div.zip { 
		background: transparent url(../../images/icons/mini_zip.gif) 0 2px no-repeat; 
		} 



#panel1 {
	float: left;
	width:330px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	#panel1 div {
		padding-left:27px; 
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		}
	


#panel2 {
	float: left;
	margin-left:20px;
	background-color: #e8e8e8;
	width:330px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	#panel2 div {
		padding-left:27px; 
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		}






#panel3 {
	float: left;
	width:330px;
	}
	#panel3 div {
		padding-left:27px; 
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		}
	
#panel4 {
	float: left;
	margin-left:20px;
	width:330px;
	}
	#panel4 div {
		padding-left:27px; 
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		
#panel_range {
	clear: both;
	background: #e8e8e8 url(../../images/trim_bg_prod_range.gif) top right repeat-x;
	width:680px;
	margin:20px 0 0 0;
	}
	
	
	#panel_range table {
		padding: 0 10px 0 33px;
		}
	
	#panel_range table td {
		font-family:Arial, Helvetica, sans-serif !important;
		font-size:90%;
		color:#000000;
		}
	
	#panel_range div.wrench {
		background: #e8e8e8 url(../../images/icons/mini_wrench.gif) 10px 6px no-repeat;
		font-family:Arial, Helvetica, sans-serif !important;
		}
	
	
	#panel_range div.alt_base {
		background: #e8e8e8 url("../../images/trim_hr_bg_tbl.gif") bottom left repeat-x;
		}
	
	
	
	
	
	
	
	
	.accordionWrap { 
		width: 680px; 
		}
	.accordion { 
		list-style-type: none; 
		padding: 0; 
		margin: 0;
		border:none;
		}
	.accordion ul { 
		display: block; 
		float: left; 
		width: 100%; 
		padding: 0; 
		margin: 0; 
		}
	.accordion li { 
/*		background: #3cf; 
*/		cursor: pointer; 
		list-style-type: none; 
		padding: 0; 
		margin: 0; 
		float: left; 
		display: block; 
		width: 100%;
		}
	.accordion li div { 
		cursor: default;
		padding: 20px; 
		background: #f5f4f4 url(../../images/trim_bg_prod_range_bass.gif) bottom left repeat-x; 
		display: block; 
		clear: both; 
		float: left; 
		width: 640px;
		}
	.accordion li.active>a { 
		background: #999999	url("../../images/products/products_hide_off.gif") top left repeat-x;
		}
	.accordion li.active>a:hover { 
		background: #1a589d	url("../../images/products/products_hide_on.gif") top left repeat-x;
		}
	/* cant set above classes dynamically by country due to hardcoding in the accordian javascript, will change collapse images to just arrows instead */	
	/* have added country-spedific classes for the expand behaviour below - this works fine */	
		
		
	.accordion a { 
		text-decoration: none; 
		font: bold 1.1em/2em Arial, sans-serif; 
		color: #222; 
		padding: 0 10px; 
		display: block; 
		cursor: pointer; 
		height:29px;
		}


	.accordion a.gb { background: #1a589d url("../../images/titles/gb/products_show_off.gif") top left no-repeat; }
	.accordion a.fr { background: #1a589d url("../../images/titles/fr/products_show_off.gif") top left no-repeat; }
	.accordion a.de { background: #1a589d url("../../images/titles/de/products_show_off.gif") top left no-repeat; }
	.accordion a.it { background: #1a589d url("../../images/titles/it/products_show_off.gif") top left no-repeat; }
	.accordion a.is { background: #1a589d url("../../images/titles/is/products_show_off.gif") top left no-repeat; }
	.accordion a.ru	{ background: #1a589d url("../../images/titles/ru/products_show_off.gif") top left no-repeat; }

	.accordion a.gb:hover { background: #999999 url("../../images/titles/gb/products_show_on.gif") top left repeat-x; }
	.accordion a.fr:hover { background: #999999 url("../../images/titles/fr/products_show_on.gif") top left repeat-x; }
	.accordion a.de:hover { background: #999999 url("../../images/titles/de/products_show_on.gif") top left repeat-x; }
	.accordion a.it:hover { background: #999999 url("../../images/titles/it/products_show_on.gif") top left repeat-x; }
	.accordion a.is:hover { background: #999999 url("../../images/titles/is/products_show_on.gif") top left repeat-x; }
	.accordion a.ru:hover { background: #999999 url("../../images/titles/ru/products_show_on.gif") top left repeat-x; }
	
	
	.accordion a.normal { 	/* used for admin links in model list */
		padding: 0;
		background:none;
		display:inline;
		color: #0066b2; 
	}
	
	
	table.prodRange span.prodNew {
		padding-right: 45px;
		font-family:Arial, Helvetica, sans-serif !important;
		background: url(../../images/products/mini_new.gif) right 40% no-repeat;
		}
	
	
	table.prodRange {
		width: 670px;
		margin-bottom: 30px;
		margin-left: -20px;
		font-family:Arial, Helvetica, sans-serif !important;
		}
		
		table.prodRange th, table.prodRange td{
			vertical-align: top;
			padding: 4px;
			height: 40px;
			}
	
		table.prodRange th {
			font-weight:bold;
			text-align:left;
			color:#000000;
			font-size: 90%;
			}
			table.prodRange th.mid {
				font-weight:bold;
				text-align:center;
				}
	

	
	table.prodKey {
		margin-left: -20px;
		font-family:Arial, Helvetica, sans-serif !important;
		}
		table.prodKey td {
			padding: 4px;
			color:#666666 !important;
			}
		
	
	
	



/* Products List Page styles --------------------------------- */


	.prodLink{
		padding-left: 20px;
		background: url(../../images/link_arrow_black.gif) 1px 60% no-repeat;
		}
	
	div.listView{
		float:left;
		height:16px;
		margin-right:10px;
		background: transparent url(../../images/icons/mini_text.gif) left 50% no-repeat;
		padding-left:24px;
		font-size:90%;
		}
	div.thumbView{
		float:left;
		height:16px;
		background: transparent url(../../images/icons/mini_file_img.gif) left 50% no-repeat;
		padding-left:24px;
		font-size:90%;
		}
	
	
	table.prodList {
        border-collapse: collapse;
		margin-top:20px;
        width: 100%;
		font-size: 90%;
      	}
		  table.prodList a:hover {
		   text-decoration: none; 
		   }
		  table.prodList th, table.prodList td{
			vertical-align:top;
			padding: 7px;
		  	}
		  table.prodList th {
			background-color: #FFFFFF;
			text-align:left;
		  	}
		  table.prodList th.first span {
		  	margin-left: -7px;
		  	}
			  table.prodList th.last {
				background: #FFFFFF url("../../images/trim_hr_bg_tbl.gif") bottom left repeat-x;
				font-weight: normal;
				padding-top: 0px;
			  	}
			  table.prodList tr{
				background-color: #e8e8e8;
		  		}
			  table.prodList tr.highlight{ 
				background: #cbcbcb url("../../images/trim_bg_prodtbl_hvr.gif") top left repeat-x;
				cursor: pointer;
			  	}
			  table.prodList tr.last {
				background: #e8e8e8 url("../../images/trim_hr_bg_tbl.gif") bottom left repeat-x;
			  	}





	table.prodThumbs {
        border-collapse: collapse;
		margin-top:20px;
        width: 100%;
		font-size: 90%;
		background: #e8e8e8 url("../../images/products/thumbs_tbl_bg.gif") top center repeat-y;
      	}
		  table.prodThumbs th, table.prodThumbs td{
			vertical-align:top;
			padding: 7px;
		  	}
		  table.prodThumbs th {
			background-color: #FFFFFF;
			text-align:left;
		  	}
		  table.prodThumbs th.first span {
		  	margin-left:-7px;
		  	}
			  table.prodThumbs th.last {
				background: #FFFFFF url("../../images/products/thumbs_tbl_bg_div.gif") bottom left no-repeat;
				font-weight: normal;
				padding-top: 0px;
			  	}
			  table.prodThumbs tr{
		  		}
			  table.prodThumbs tr.last {
				background: transparent url("../../images/products/thumbs_tbl_bg_div.gif") bottom left no-repeat;
				}

			table.prodThumbs div.thumbSpot {
				float:left;
				margin: 15px 20px 0px 15px;
				}
			table.prodThumbs div.textSpot {
				float:left;
				margin: 11px 15px 0px 0px;
				line-height: 1.5em;
				}




/* Products Pages template foot info styles --------------------------------- */

#productsFoot {
	clear:both;
	margin-top:80px;
	font-size:0.92em;
	}

	#productsFoot ul li{
	list-style-type:none;
	background: none;
	padding-left:24px;
	padding-bottom:0.75em;
	}
	
	#productsFoot li{
	}
	
	#productsFoot div.back{
	float:left;
	height:16px;
	background: transparent url(../../images/icons/mini_back.gif) left 50% no-repeat;
	padding-left:24px;
	width: 330px;
	}
	#productsFoot div.backtotop{
	float:left;
	height:16px;
	background: transparent url(../../images/icons/mini_top.gif) left 50% no-repeat;
	padding-left:24px;
	width: 330px;
	}
	
	
	#productsFoot div.rss{
	float:left;
	height:16px;
	background: transparent url(../../images/icons/mini_rss.gif) left 50% no-repeat;
	padding-left:24px;
	margin-left:2px;
	}