/*--------------------------------------------------------------------------------------------------------------------------------------------------
Typography styling only - size/margin etc. is altered in grids 
---------------------------------------------------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {}
h1,h2,h3  {color: #67B4CF}
h4 {color:#99C8DF}
h5 {color:#444;}
h6 {color:#555;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {}
body,p,ul,li {color:#666;}
p img {padding:0.5em; float:left;}
p img.noBorder, p.noBorder img { border:none; background:none; padding:0 0 0 0;}
p img.right {float:right;}
a {text-decoration:underline; color:#09C; }
a:hover {text-decoration:none; color: #09F; }
a:active {text-decoration:underline; color: #699; }
a:focus {text-decoration:none;outline:dotted thin;}
div.clear{display:block;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------
Main Content
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#content
{
	font-size:80%;	
}
#sidebar
{
	
}
.box
{
	
}
.box1
{
	background:url(bg_images/boxBG.jpg) #FFF repeat-x;
	border:1px solid #DDD;
}
.box2
{
	
}
.box3
{
	
}
.box4
{
	
}
.box5
{
	
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------
Page Layout elements
---------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
	background: url(bg_images/body-BG.jpg) repeat-x #FFF;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

#wrapper
{
	display:block;
	clear:both;
}

#header
{
	background:url(bg_images/header-bg.jpg) repeat-x;

}
#topHeader
{
	height:214px;
	overflow:hidden;
}
#mainNav
{

	height:36px;
	margin:0.5em auto;
}
/*Main Logo Styling Using a H1 and an A tag*/
#logo
{
	
}
#logo h1
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#logo h1 a
{
	display:block;	
	background:url(bg_images/logo.jpg) no-repeat;
	width:351px;
	height:172px;
	margin:44px 0 0 0;
	display:block;
	text-indent:-999em;
}
#logo h1 a:hover,
#logo h1 a:focus
{
	
}
#login
{

	height:46px;
	line-height:46px;
	text-align:right;
}
/*Main Tabbed Panel Container-------------------------------------------------------------------------------------------------*/
#mainTabs
{

}
#mainTabs #featured
{
	width:575px;	
}
#mainTabs #featured h1,#mainTabs #featured h2,#mainTabs #featured h3,#mainTabs #featured h4,#mainTabs #featured h5,#mainTabs #featured h6
{
 color:#FFF;
 font-size:13px;
}
#mainTabs #featured ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mainTabs #featured ul li
{
	display:block;	
	color:#FFF;
}

#mainTabs #featured ul li div.featuredProduct
{
	background:none;
	border:none;
	height:120px;
	width:572px;
	overflow:auto;
}
#mainTabs #featured ul li div.featuredProduct h2{
	margin:0 0 0.2em 0;
	display:block;
		font-size:95%;
	
}
#mainTabs #featured ul li div.featuredProduct h2 a
{


	color:#EEE;
}
#mainTabs #featured ul li div.featuredProduct p
{
	color:#FFF;
	font-size:90%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#mainTabs #featured ul li div.featuredProduct .image
{
	width:120px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:5px;
}
#mainTabs #featured ul li div.featuredProduct .image a img
{
background:none repeat scroll 0 0 #F8F8F8;
border:1px solid #99AFDF;
float:left;
max-height:110px;
max-width:110px;
padding:3px;

}
#mainTabs #featured ul li div.featuredProduct,
#mainTabs #featured ul li div.featuredProduct .truncate_less,
#mainTabs #featured ul li div.featuredProduct .description,
#mainTabs #featured ul li div.featuredProduct a
{
	color:#FFF;	
}
#mainTabs #featured ul li div.featuredProduct p.buttonRight a
{
	color:#09C;
}
/*Manufacturers in the Tabbed Panels*/

#mainTabs #rManufacturer
{
	
}

#mainTabs #rManufacturer #manufacturerPanel
{
 color:#FFF;	
}
#mainTabs #rManufacturer #manufacturerPanel p
{
	float:left;	
}
#mainTabs #rManufacturer #manufacturerPanel p.buttonRight
{
	float:right;
	margin-top:1em;
}
#mainTabs #rManufacturer .logo
{
	float:left;
	height:120px;
	width:178px;
	overflow:hidden;

}
#mainTabs #rManufacturer  .logo a
{
	
}
#mainTabs #rManufacturer  .logo a img
{
	max-width:164px;
	background:#FFF;
	border:1px solid #DDD;
	padding:3px;
}
/*Manufacturer Slideshow*/

#manufacturerSlideshow
{
	height:180px;
	overflow:hidden;
}
#manufacturerSlideshow .logo
{
	
}
#manufacturerSlideshow .logo a
{
	
}
#manufacturerSlideshow .logo a img
{
	
}


/*Manufacturer Page*/

#manufacturerPage .webapptable
{
	
}
#manufacturerPage .webapptable td
{
	width:100px;
	height:150px;
	vertical-align:middle;
}
#manufacturerPage .webapptable .logo
{

}
#manufacturerPage .webapptable .logo a
{
	margin:3px;
	background:#f8f8f8;	
}
#manufacturerPage .webapptable .logo a img
{
	width:90px;
}


/*jobs in main tab*/

#mainTabs #vacancies
{
	margin-left:50px;
}

#mainTabs #vacancies a
{
	color:#fff;
	
}


#mainTabs #vacancies p
{
	color:#fff;
	margin-top:10px;
	
}




/*Accreditations in main tab*/
#mainTabs #accreditations
{
	
}
#mainTabs #accreditations table.accreditation
{
	color:#FFF;
	font-size:90%;
}
#mainTabs #accreditations table.accreditation h3,
#mainTabs #accreditations table.accreditation p
{
	color:#FFF;
}
#mainTabs #accreditations table.accreditation img
{
	max-width:100px;
	max-height:100px;
	padding:3px;
	background:#f8f8f8;
	border:1px solid #DDD;
}
#mainTabs #accreditations table.accreditation a.button
{

}

/*Accreditations Page*/
table.accreditationList
{
	
}
table.accreditationList td.logo
{
	width:200px;
	
}
table.accreditationList td.logo img
{
	padding:5px;
	background:#f8f8f8;
	border:1px solid #DDD;
	max-width:150px;
}
table.accreditationList td.description
{
	
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------
Special Offers Web App
---------------------------------------------------------------------------------------------------------------------------------------------------*/

		
.specialOfferSmallImage a img
{
	float:left;
	max-width:120px;
	padding: 0 5px 10px 0;
	}	

.specialOfferTitle a
{
	text-decoration:none;
	}	

.specialOfferLargeImage
{}

.specialOfferLargeImage img
{max-width:300px;
float:left;
padding: 0 10px 10px 0;
	}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

PRODUCTS AND CATALOGUES

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#products ul
{
	position:relative;
	margin-left:-999em;
}

/*Product Finder Search --------------------------------------------------------------------------------------------------------------------------------*/

#productFinderSearch
{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #E4EBF1;
	display:block;
	height:44px;
}

#productFinderSearch .product-form
{
	padding-top:6px;	
}

#productFinderSearch p
{
	margin:0 0 0.5em 0;
	position:relative;
}
a.productFinderTrigger
{
	background:url(bg_images/productFinderButton.png) no-repeat 0 -44px;
	width:308px;
	height:45px;
	display:block;
	border:none;
	padding:0 0 0 0;
	text-indent:-999em;
	margin:20px 0 0 0;
	position:relative;
	
}
a.productFinderTrigger:hover
{
	background:url(bg_images/productFinderButton.png) no-repeat 0 0;
}

#productFinderSearch
{
	
}
#productFinderSearch .span-18
{
	width:708px;
}
#productFinderSearch label
{
	text-indent:-999em;
	display:block;
	width:352px;
	float:left;
}
#productFinderSearch input#CAT_ProductSearch
{
background: url(../../Js/jQuery/sexyCombo/css/sexy/text-bg.gif) repeat-x scroll 0 0 #FFFFFF;
border:1px solid #B5B8C8;
color:#006699;
float:left;
font:11px/18px tahoma,arial,helvetica,sans-serif;
height:18px;
left:0;
margin-right:3px;
padding:1px 3px;
top:0;
vertical-align:middle;
width:298px;
	
}
#productFinderSearch button
{
	float:left;
	width:32px;
	background:url(bg_images/goButton.png) no-repeat 0 -22px;
	height:23px;
	text-indent:-999em;
	display:block;
	border:none;
	padding:0 0 0 0;
	margin:-1px 0 0 0;
}
#productFinderSearch button:hover
{
	background:	url(bg_images/goButton.png) no-repeat 0 0;
}

/*Product finder in the overlay*/

#productFinderOverlay
{
	
}
#productFinderOverlay #featuredProducts
{
	height:400px;
	overflow:auto;
}
#productFinderOverlay #featuredProducts ul.productFeatureList
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall .image
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall .image a
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall .image a img
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall h5
{
	
}
#productFinderOverlay #featuredProducts ul.productFeatureList li.productItem .shopProductSmall h5 a
{
	
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------Horizontal navigation
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.hNav
{
	
}
.hNav ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.hNav ul li
{
	float:left;	
}
.hNav ul li a,
.hNav ul li a:visited
{
	display:block;
	text-align:center;
	padding:0 0;
	line-height:34px;
	height:34px;
	border-left:1px solid #B5C2CF;
	border-right:1px solid  #036;
	border-top:1px solid #6496C9;
	border-bottom:1px solid #608EC0;
	background:#6392C6 url(bg_images/mainNav-bg.jpg) repeat-x 0 -38px;
	text-decoration:none;	
	color:#EEE;
	width:156px;
	vertical-align:middle;
}
.hNav ul li a:hover,
.hNav ul li a:focus
{
	background:#6190C4  url(bg_images/mainNav-bg.jpg) repeat-x 0 -42px ;		
}
.hNav ul li a:active,
.hNav ul li.selected a

{
	background:#6190C4  url(bg_images/mainNav-bg.jpg) repeat-x 0 -64px ;
	border-left-color:#99BCDF;
	border-right-color:#4F667F;
	border-top:1px solid #47637F;
	outline:none;
	color:#D1DFEF ;
}


.hNav ul li a:active
{
	background:#6190C4  url(bg_images/mainNav-bg.jpg) repeat-x 0 -60px;	
	color:#456C9F;
}
#mainNav cufon
{
	margin-top:8px;	
	
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------
Vertical navigation
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.vNav
{
	
}
.vNav ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
.vNav ul li
{
	display:block;	
}
.vNav ul li a,
.vNav ul li a:visited
{
background:url(bg_images/buttonBG.jpg) repeat-x scroll 0 -60px #E6E4E5;
border-color:#F8F8F8 #EEEEEE #CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
display:block;
font-size:85%;
padding:0.5em;
text-align:center;
text-decoration:none;
}
.vNav ul li a:hover,
.vNav ul li a:focus
{
	background:#EEE url(bg_images/buttonBG.jpg) repeat-x 0 -40px;	
	border:1px solid #D1D8DF;
	border-top-color:#BBB;
	border-left-color:#BBB;
	outline:none;
	color:#666;
}

	

.vNav ul li a:active
{
	background:#E0E8EF url(bg_images/buttonBG.jpg) repeat-x 0 -10px;	
	color: #333;
}

/*subNav /Accordion */
.vNav ul li.current ul
{
		display:block;
}
.vNav ul li.current a
{
	background:none repeat scroll 0 0 #4F7CA6;
	color:#FFFFFF;
	text-align:right;

}

.vNav ul li ul
{
		
}
.vNav ul li ul li
{
		
}
.vNav ul li ul li a,
.vNav ul li.current ul li a
{
background:none  #f8f8f8;
color:#069;
font-size:90%;
text-align:right;
}
.vNav ul li ul li a:hover,
.vNav ul li.current ul li a:hover
{
	background:none #EEE;	
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------
SERVICES WEBAPP
--------------------------------------------------------------------------------------------------------------------------------------------------*/
#enquireButton p.button
{
	display:block;
	width:auto;
	float:none;
}

#enquireButton p.button a.enquiryTrigger
{
float:none;
margin:0;
min-height:48px;
font-size:110%;
background:#DFF4FF;
border:1px solid #C2E1EF;
	
}
#enquireButton p.button a.enquiryTrigger:hover
{
background:#A7CCDF;	
}

/*for the overlays*/
.overlayContainer
{
	float:left;
	margin:0 0.5em 0.5em 0;
}


/*for the home page span-15 measurements*/
#services .webapptable td
{
	padding:0 0 0 0;	
}
#home #serviceContainer
{
	width:710px;
	overflow:hidden;
}
#home #serviceContainer #services
{
	width:720px;	
}
#home #services .service
{
	float:left;
	margin-right:10px;
}
#home #services div.span1
{
	width:190px;	
}
#home #services div.span2
{
	width:390px;	
}
#home #services div.span3
{
	width:590px;
	margin-right:0;
}
#home #services .last
{
	margin-right:0;	
}


/*for the services page and anywhere else with  span-18 measurements*/
#serviceContainer
{
	width:710px;
	overflow:hidden;
}
#serviceContainer #services
{
	width:740px;
}
#services .service
{
	float:left;
	margin:0 10px 10px 0;
}
#services div.span1
{
	width:230px;	
}
#services div.span2
{
	width:410px;	
}
#services div.span3
{
	width:710px;
	margin-right:0;
}
#services .last
{
	margin-right:0;	
}

/*Services Web App List Items*/
.service h3
{
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	font-size:99%;
}
.service canvas
{
	margin: 3px 0 0 0;	
}
.service h3 a
{
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	border-left:1px solid #B5C2CF;
	border-right:1px solid  #036;
	border-top:1px solid #036;
	border-bottom:1px solid #608EC0;
	background:#6190C4  url(bg_images/mainNav-bg.jpg) repeat-x 0 -60px;	
	color:#FFF;
	text-align:center;
}
.service h3 a:hover
{
	background-position:0 -55px;	
}
.service div.image
{
	display:block;	
	height:100px;
	overflow:hidden;
}
.service div.image a
{
	margin:0 auto;	
	width:150px;
}
.service div.image a img
{
	margin:0 auto;	
	max-height:100px;
	display:block;
	float:none;
}
.service p.button
{
	display:block;
	margin:0 0 0 0;
		zoom:1;
}
.service p.button:hover
{
	margin:0 0 0 0;
	zoom:1;
}
.service p.button a
{
	float:none;
	display:block;
	text-align:center;
		zoom:1;
}

/*Services Detail Pages ------------------------------------------------------------------------------------------*/


 h2#serviceTitle
{
	
}
 #serviceDetail #service
{
	
}
 #serviceDetail #service table
{
	width:710px;
	vertical-align:top;
}

/*Services Headers and Header Image must be inside a th*/
#serviceDetail #service th,
td.header
{
	padding:0 0 0 0;
	margin:0 0 0 0;
		vertical-align:top;
		background:none;
}
#serviceDetail #service th img,
td.header img,
td img.header
{
	max-width:704px;
	margin:0 0 1em 0;
	padding:3px;
	background:#C3D8DF;
	border:1px solid #5FA6BF;
	
}


 #serviceDetail #service td
{
	
}


/*Services shown within another service page*/
 #serviceDetail .service
{
	float:left;	
	margin:5px;
}
 #serviceDetail .service div.image 
{
	
}
 #serviceDetail .service div.image a
{
		 
}
 #serviceDetail .service div.image a img 
{
	max-height:100px;	
}
 #serviceDetail .span1
{
	width:225px;	
}
 #serviceDetail .span2
{
	width:460px;	
}
 #serviceDetail .span3
{
	width:	700px;
}

/*Service Enquiry Form---------------------------------------------------------------------------------------*/
 #enquiry
{

}
 #enquiry form
{
	font-size:85%;
	color:#666;
}
 #enquiry fieldset
{
	background:#f8f8f8;
	border:1px solid #DDD;
}
 #enquiry legend
{
	font-weight:600;
	color:#53A3BF;
}
 #enquiry table
{
	
}
 #enquiry td
{
	
}
 #enquiry label
{
	
}
 #enquiry select.cat_dropdown_smaller
{
	
}
 #enquiry input.cat_textbox
{
	
}
 #enquiry textbox.cat_listbox
{
	
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------
CASE STUDIES
--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*for the home page*/
#home .caseStudy
{
	
}
#home .caseStudy h3
{
 margin:0 0.5em 0.5em 0;
 display:block;
}
#home .caseStudy h3 a
{
	
}
#home .caseStudy h3 a:hover
{
	
}
#home .caseStudy .image
{
	width:160px;
	float:left;
	margin-right:5px;
}
#home .caseStudy .image img
{
	width:120px;
	padding:4px;
	border:1px solid #DDD;
	background:#f8f8f8;
}
#home .caseStudy .description
{
	height:100px;	
}
#home .caseStudy .description p
{
	
}

/*for the about page*/
#about .caseStudy
{
	
}
#about .caseStudy h3
{
 float:right;
 margin:0 0.5em 0.5em 0;
}
#about .caseStudy h3 a
{
	
}
#about .caseStudy h3 a:hover
{
	
}
#about .caseStudy .image
{
	width:160px;
	float:left;
	margin-right:5px;
}
#about .caseStudy .image img
{
	width:150px;
	padding:4px;
	border:1px solid #DDD;
	background:#f8f8f8;
}
#about .caseStudy .description
{
	
}
#about .caseStudy .description p
{
	
}

/*Case Studies List view*/
#caseStudies .caseStudy h3
{
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	font-size:99%;
}
#caseStudies .caseStudy canvas
{
	margin: 6px 0 0 0;	
}
#caseStudies .caseStudy h3 a
{
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	border-left:1px solid #B5C2CF;
	border-right:1px solid  #036;
	border-top:1px solid #036;
	border-bottom:1px solid #608EC0;
	background:#6190C4  url(bg_images/mainNav-bg.jpg) repeat-x 0 -60px;	
	color:#FFF;
	text-align:center;
}

#caseStudies .caseStudy h3 a:hover
{
	background-position:0 -55px;		
}

#caseStudies .caseStudy .image
{
	width:150px;
	height:160px;
	overflow:hidden;
	margin:0.5em auto;
}
#caseStudies .caseStudy .image img
{
	width:140px;
	padding:4px;
	border:1px solid #DDD;
	baclground:#f8f8f8;
}
#caseStudies .caseStudy .description
{
	
}
#caseStudies .caseStudy .description a
{
	
}

/*Case Study Detail*/
#caseStudyDetail 
{
	
}

#caseStudyDetail h2
{
	
}
#caseStudyDetail p img
{
	
}

p embed
{
float:left;
background:#f8f8f8;
border:1px solid #DDD;
margin:0 0.5em 0.5em 0;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------
LATEST NEWS/BLOG
-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Styles in the top panels*/


#latestNews
{
	color:#FFF;	
}
#latestNews .blog-post
{
	height:150px;
}
#latestNews .blog-post h2.post-title
{
	color:#FFF;
	font-size:90%;
	float:left;
	border:none;
	margin:0 0 0 0;
}
#latestNews .blog-post h2.post-title a
{
	color:#FFF;	
}
#latestNews .blog-post .post-details
{
	color:#FFF;	
	margin:0 0 0 0;
	float:right;
}
#latestNews .blog-post .post-body
{
	color:#FFF;	
			height:100px;
			width:575px;
	overflow:auto;
	float:left;
}
#latestNews .blog-post .post-body p
{
	font-size:90%;
 	color:#FFF;
}
#latestNews .blog-post .post-body p a
{
	color:#FFF;	
}
#latestNews .blog-post .post-body p img
{
	width:100px;
	max-height:100px;
}
#latestNews .blog-post .post-body .links
{
	display:none;
}
#latestNews .blog-post p.buttonRight
{
	float:left;
	margin-top:-30px;
}
#latestNews .blog-post p.buttonRight a
{
	
}

/*Post List in the header*/
#latestNews ol.blogsitesummary
{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#latestNews ol.blogsitesummary li
{
	display:block;
	color:#FFF;
}
#latestNews ol.blogsitesummary li a
{

	color:#FFF;
}
#latestNews ol.blogsitesummary li a:hover
{
	color:#EEE;
	
}
#latestNews ol.blogsitesummary li span.author
{
	display:none;	
}

/*Actual Blog - these overwrite stylings in modulestylesheets.css*/

div.blog-container
{
	
}

div.blog-container h2
{
	
}
div.blog-container p.description
{
	
}
div.blog-container .wrapper
{

}

div.blog-container .wrapper .post-list
{
	
}

div.blog-container .wrapper .post-list #catblogoutput
{
	
}
div.blog-container .wrapper .post-list #catblogoutput .blog-post
{
	
}
div.blog-container .wrapper .post-list #catblogoutput .blog-post h2.post-title
{
	
}
div.blog-container .wrapper .post-list #catblogoutput .blog-post h2.post-title a
{
	text-decoration:none;	
}
div.blog-container .wrapper .post-list #catblogoutput .blog-post .post-details
{
	
}
div.blog-container .wrapper .post-list #catblogoutput .blog-post .post-body p
{
	
}

div.blog-container .wrapper .post-list #catblogoutput .blog-post .post-body p img
{
	max-width:250px;	
}
/*Blog sidebar*/
div.blog-container .wrapper .side-panel
{
	
}

div.blog-container .wrapper .side-panel .BlogRecentPost
{
	
}

div.blog-container .wrapper .side-panel .BlogRecentPost h3
{
	
}

div.blog-container .wrapper .side-panel .BlogTagCloud h3
{
	
}


/*Latest News/Blog in the pagees*/

#latestNewsPage
{
	
}
#latestNewsPage .blog-post
{
background:none repeat scroll 0 0 #F8F8F8;
border:1px solid #DDDDDD;
margin-bottom:0.3em;
padding:0.8em;	
}
#latestNewsPage .blog-post h2.post-title
{
	font-size:80%;		
}
#latestNewsPage .blog-post h2.post-title a
{
	text-decoration:none;	
}

#latestNewsPage .blog-post h2.post-title a:hover
{
	text-decoration:underline;
}
#latestNewsPage .blog-post .post-details
{
	
}
#latestNewsPage .blog-post .post-body
{
	margin:0;
	
}
#latestNewsPage .blog-post .post-body p
{
	font-size:90%;	
}
#latestNewsPage .blog-post .post-body p img
{
	width:100px;
	height:auto;
}
#latestNewsPage .blog-post .links
{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------
CATALOGUE / PRODUCT STYLES
-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Featured Product*/
#featuredProduct
{
	
}
#featuredProduct h2
{
	font-size:12px;
	color:#FFF;
}
#featuredProduct div.image
{
	width:150px;
	overflow:hidden;
}
#featuredProduct div.image a
{
	
}
#featuredProduct div.image a img
{
	width:150px;
}
#featuredProduct div.description
{
	
}


/*Cart in page*/
div.cart-summary
{
	
}
div.cart-summary span#catCartSummary
{
	float:right;
	width:90%;
}
div.cart-summary table.cartSummaryTable
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.cart-summary table.cartSummaryTable td
{
	margin:0 0 0 0;
	padding:0 0 0 0;				
}
div.cart-summary table.cartSummaryTable td a
{
	margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  zoom:1;
}
div.cart-summary table.cartSummaryTable td a:hover
{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;	
}
div.cart-summary table.cartSummaryTable td a:active
{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;	
}

/*Pagination*/
td#shopPrevious
{
	width:10%;
	text-align:left;
}
td#pagination
{
	width:80%;
	text-align:center;
}

td#shopNext
{
	width:10%;
	text-align:right;
}
/*Catalogue Sidebar*/
#catalogueSidebar
{
	background:url(../../Images/bg_images/ajax-loader(8).gif) no-repeat center;	
}
#catalogueSidebar div.box1
{
	position:relative;
	left:-999em;	
	height:400px;
	overflow:auto;
}


/*catalogues*/
#content .shop-main .header
{
border-bottom:none;
height:70px;
line-height:27px;
margin:0 0 0 0;	
}
table.catalogueTable
{
	
}
table.catalogueTable td.catalogueItem
{
	width:20%;
}
table.catalogueTable td.catalogueItem div.shop-catalogue
{
	width:96%;
	background:url(bg_images/boxBG.jpg) repeat-x #FFF;
	margin-bottom:10px;
}
table.catalogueTable td.catalogueItem div.shop-catalogue h4
{
	
}
table.catalogueTable td.catalogueItem div.shop-catalogue h4 a
{
display:block;
margin-top:5px;
text-align:center;
text-indent:0;
}
table.catalogueTable td.catalogueItem div.shop-catalogue h4 a:hover
{
	color:#09C;
}
table.catalogueTable td.catalogueItem div.shop-catalogue h4 a canvas
{
	
}
table.catalogueTable td.catalogueItem div.image
{
	height:160px;	
}
table.catalogueTable td.catalogueItem div.emptyCatalogue
{
	background:url(/Images/icons/upload.png) center no-repeat;
}
table.catalogueTable td.catalogueItem div.image a
{
	
}
table.catalogueTable td.catalogueItem div.image a img
{
	width:100px;	
}



/*Actual Products*/
.breadcrumbs
{

}


/*Keyword List*/

#keywords ul, #manufacturers ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#keywords ul li, #manufacturers ul li
{
border:1px solid #DDD;
border-top-color:#f9f9f9;
font-size:78%;
background:#f1f1f1;
height:20px;
line-height:20px;
overflow:hidden;
padding:4px;
display:block;
}
#manufacturers ul li
{
	height:30px;	
}
#manufacturers ul li input
{
	float:left;	
	height:30px;
}
#manufacturers ul li img
{
	height:30px;	
}
#manufacturers a#showByManufacturer,#manufacturers a#showAllManufacturers, #keywords a#showByKeyword, #keywords a#showAllKeywords
{
	font-size:80%;	
	float:none;
	margin:10px;
}
#manufacturers a#showByManufacturer:hover,#manufacturers a#showAllManufacturers:hover, #keywords a#showByKeyword:hover, #keywords a#showAllKeywords:hover
{
	font-size:80%;
}
#manufacturers a#showByManufacturer img,#manufacturers a#showAllManufacturers img, #keywords a#showByKeyword img, #keywords a#showAllKeywords img
{
	float:left;
	height:30px;
	width:30px;
}
#keywords ul li img
{
	max-width:200px;
	height:auto;
}
#keywords ul li input
{
height:12px;
float:left;
margin-right:8px;		
}

#keywords ul li.show0 
{
	display:none;	
}

#noKeywords,#noProducts,#added
{
	background:#EFF7FF;
	border:dashed 1px #63819F;
	padding:40px 50px;
	color:#09C;
	margin:10px;
}
#added
{
	height:auto;
	padding:10px;
}
#noKeywords p,#noProducts p
{
	color:#09C;
}


/*Small Product List*/
ul.productSmall,ul.productLarge
{
	list-style:none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

ul.productSmall li.productItem,ul.productSmall li.productItemLast 
{
		float:left;	
	width:165px; /*same as span-6 to give 4 across. Last class is added programmatically in init.js*/	
	margin:0 10px 10px 0;	
}

ul.productSmall .selectedManufacturer div.shop-product-small
{
	border:1px solid #31A9DD;
	border-style:dashed;
	background:#f1f1f1;
}
ul.productSmall li.selectedKeywords div.shop-product-small
{
	background:#D0DCE8;	
	border-color:#9BB5CF;
}
ul.productSmall li.selectedBoth div.shop-product-small
{
	background:#FF9;
	border-color:#C93;
}

/*Small Product View in Catalogue*/

ul.productSmall li div.shop-product-small
{
	background:none;
	min-height:180px;
}
ul.productSmall li div.shop-product-small h5
{
	
}
ul.productSmall li div.shop-product-small h5
{
	font-size:85%;
	height:60px;
	overflow:auto;
}
ul.productSmall li div.shop-product-small h5 a
{
	display:block;
	
}
ul.productSmall li div.shop-product-small h5 a:hover
{
	
}
ul.productSmall li div.shop-product-small div.image
{

background:none repeat scroll 0 0 #F8F8F8;
border:1px solid #DDDDDD;
height:85px;
overflow:hidden;
width:90%;

}
ul.productSmall li div.shop-product-small div.image a
{
	height:75px;	
	text-indent:-999em;
	color:#FFF;
	font-size:1px;

}
ul.productSmall li div.shop-product-small div.image a img
{
	max-width:150px;
	max-height:75px;
	background:#FFF;
	text-indent:0;
}
ul.productSmall li div.shop-product-small ul
{
	margin:0.5em 1em;	
	list-style:none;
}
ul.productSmall li div.shop-product-small ul li
{
	display:block;
	width:auto;
	float:none;
}
ul.productSmall li ul div.shop-product-small li.price
{
	
	
}
ul.productSmall li div.shop-product-small ul li.stock
{
	height:20px;
	overflow:auto;
}
ul.productSmall li div.shop-product-small ul li.quantity
{
	
}
/*Small PRoduct View in the Overlay*/

#searchOverlay
{
width: 800px; 
margin: 10px auto;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
min-height:600px;
}
#searchOverlay .search-results
{

	margin:0 10px;
}
#searchOverlay ol li
{

}
#searchOverlay table.productTable
{
	margin:10px 0;	
}
#searchOverlay table.productTable td.productItem
{
	
}
#searchOverlay table.productTable td.productItem div.shop-product-small
{
	height:225px;
	font-family:Arial, Helvetica, sans-serif;
}
#searchOverlay table.productTable td.productItem div.shop-product-small h5
{
height:27px;
margin:0;
overflow:auto;
padding:0.5em 0 0 0.5em;
font-size:80%;
}
#searchOverlay table.productTable td.productItem div.shop-product-small h5 a
{
	display:block;	
}
#searchOverlay table.productTable td.productItem div.shop-product-small h5 a:hover
{
	
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.image
{
	height:100px;	
	overflow:hidden;
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.image a
{
	
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.image a img
{
	max-width:100px;
	max-height:75px;
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.tooltip
{
	height:74px;
	overflow:auto;
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.tooltip ul
{
	list-style:none;
	margin:0 0 0 0;
	padding: 0.1em 0.3em;
	font-size:80%;
}
#searchOverlay table.productTable td.productItem div.shop-product-small div.tooltip ul li
{
	margin:0 0 0 0;
	padding:0.2em 0.3em;
	font-size:95%;
}


/*Large product view*/

#largeProduct
{
	disply:block;	
}
#largeProduct div.shop-product-large
{
	display:block;	
}
#largeProduct div.details
{
	width:auto;	
	height:auto;
	min-height:200px;
	background:none;
}
#largeProduct div.details h1
{
	
}
#largeProduct div.details p
{
	
}
#largeProduct div.details ul
{
	
}
#largeProduct div.details ul li
{
	
}
#largeProduct div.details ul li.price
{
	
}
#largeProduct div.details ul li.instock
{
	
}
#largeProduct div.details ul li.quantity
{
	
}
#largeProduct div.image
{
	margin:0 0 0 0;
	height:auto;
	min-height:200px;
}
#largeProduct div.image img
{
	max-width:384px;
	
}
#largeProduct div.description
{
	color:#666;
	font-size:95%;
	line-height:2.6;
	font-style:oblique;
}


/*related products*/
#largeProduct #related
{
	overflow:auto;	
}
#largeProduct #related table.productTable
{
	
}
#largeProduct #related table.productTable td.productItem
{
	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small
{
	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small h5
{
 	text-align:center;	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small h5 a
{
	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small h5 a:hover
{
	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small div.image
{
	margin:0 auto;	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small div.image a
{
	
}
#largeProduct #related table.productTable td.productItem div.shop-product-small div.image a img
{
	max-width:100px;
	margin:0 auto;
}
#largeProduct #related table.productTable td.productItem div.shop-product-small div.tooltip ul
{
	list-style:none;
}

/*CART*/

#catCartDetails
{
	background:#f8f8f8;
	width:100%;
}
#catCartDetails .shopCart
{
	width:90%;
	margin:0 auto;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer
{
	
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------------------------------------------------------------*/
fieldset
{
background:#f8f8f8;
border:1px solid #DDD;
padding:0.5em;
}
legend
{
	color:#67B4CF;
	font-weight:bold;
}



/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	
	This is the default skin.
*/

div.sexy {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 425px;
	float:left;
}

div.sexy input {
    margin: 0 0 0 0;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:1px 3px;
    background:#fff url(../../Js/jQuery/sexyCombo/css/sexy/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
    height: 18px;
    line-height:18px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 402px;  
	color:#069;

}

div.sexy div.icon {
    width:17px;
    height:21px;
    border: 0;
    background:transparent url(../../Js/jQuery/sexyCombo/css/sexy/trigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    top:0px;
    left: 400px; 

}


div.sexy div.list-wrapper {
    left: 0px;
    top: 21px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 405px;
    bottom: auto;
	color:#069;
}

div.sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}


div.sexy  li {
    padding: 0;
    padding-left: 5px;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
}

div.sexy li.active {
    background-color: rgb(223, 232, 246);
}

/*for IE*/
div.sexy a, div.sexy a:visited, div.sexy a:active {
    display: block;
	width: 100%;
	width: 146px;
	text-decoration: none;
    font:normal 14px  tahoma, arial, helvetica, sans-serif;
	color: #000000;
    cursor: pointer;
    margin: 0;	
	height: 20px;
}

div.sexy input.empty {
    color: gray;
}

a.to-highlight:hover {
    background-color: rgb(223, 232, 246);
}
/*Survey Form Styling*/
#surveyWrapper
{
	background: url(../Images/bg_images/contentBoxBG.gif) #FFF repeat-x bottom;	
	border:1px solid #EEE;
	padding-bottom:1em;
	width:960px;
	margin:1em auto;
	
}
#surveyWrapper #mainContent
{
	margin-top:1em;		
}
.surveyForm
{
	
}
.surveyForm fieldset
{
	background:url(../Images/bg_images/contentBoxBG.gif) bottom repeat-x #FFF;
	border:1px solid #EEE;
	margin:1em 0 0 0;
	padding:0.5em;
}
.surveyForm fieldset legend
{
	background:#D8E2EB none repeat scroll 0 0;
	border:1px solid #006699;
	padding:0.2em;
	color:#006699;
	
}
.surveyForm fieldset legend table
{
	
}
.surveyForm fieldset table td
{
	width:20%;	
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f9f9f9;
	border-bottom:1px solid #f1f1f1;
	border-top:1px solid #f9f9f9;
	padding:1em;
}
.surveyForm fieldset table td:hover
{
background:#D8E2EB;	
}

#surveyWrapper h4
{
	font-size:1.2em;	
	font-weight:bold;
	color:#006699;
}

ul.productfeaturelist
{
	list-style:none;	
}
ul.productfeaturelist li
{
	float:left;
	margin-right:10px;	
}
ul.productfeaturelist li.productItem
{
	width:208px;	
}
ul.productfeaturelist li.productItem
{
	
}
ul.productfeaturelist li.productItem .shop-product-small
{
		
}
ul.productfeaturelist li.productItem .shop-product-small .image
{
	
}
ul.productfeaturelist li.productItem .shop-product-small .image img
{
	width:100px;	
}
.shop-catalogue .image img
{
	max-width:100px;	
}