/* 
///////////////////////////////////////
	Clipsal Australia Pty Ltd
	Author:    Kel Andersen
	Modified:  17/12/2009	
/////////////////////////////////////// */	

/* 
///////////////////////////////////////
	BREADCRUMBS
/////////////////////////////////////// */

#breadcrumbs {
	clear: both;
	margin: 10px 0 0 16px;
	padding: 0;
	color: #b0b0b0;
	font-size: 0.9em;
}

#breadcrumbs span,
#breadcrumbs a, 
#breadcrumbs a:active,
#breadcrumbs a:visited {
	color: #b0b0b0;
	text-decoration: none;
} 

#breadcrumbs a:hover {
	color: #289bb8;
	text-decoration: none;
}

/* 
///////////////////////////////////////
	TOOL TIPS
/////////////////////////////////////// */

#tooltip {
	z-index: 2;
	display: none;
	position: absolute;
	max-width: 130px;
	line-height: 14px;
   	padding: 4px 7px;
	/*text-align: left;*/
	color: #938963;
	font-size: 1.0em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
   	background-color: #f5f5b5;
   	border: 1px solid #DECA7E;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;    
}

a.xinfo { z-index: 24; }
a.xinfo:hover { cursor: help; }
a.xinfo span { display: none;  position: relative; }

a.xinfo:hover span {
	z-index: 25;
	display: inline;
	position: absolute;
	width: 12em;
	line-height: 1.2em;
	margin: 18px 0 0 0;
	padding: 2px 4px; 
	text-align: left;
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffe1; 
}


/* 
///////////////////////////////////////
	NEWS TICKER
/////////////////////////////////////// */

#news_ticker_bg {
	width: 640px;
	height: 30px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_news_ticker.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#news_ticker {
	float: left;
	position: relative;
	overflow: hidden;
	width: 640px;
	height: 24px;
	margin: 3px 0 0 0;
}

#news_ticker #title {
	float: left;
	margin-left: 3px;
}

#news_ticker #rss {
	float: right;
	margin: 4px 8px 0 0;
}

/* articles */
#news_ticker #articles {
	float: left;
	position: relative;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
}

/* headline */
#news_ticker #articles .headline {
	overflow: hidden;
	width: 460px;
	/*width: 500px;*/
	height: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #8f8f8f;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

/* 
///////////////////////////////////////
	FEATURED PANEL
/////////////////////////////////////// */

.featured {
	width: 310px;
	margin: 15px 0 0 0;
}

.featured .bottom { 
	float: left;
	width: 310px;
	height: 5px;
	line-height: 5px;
	font-size: 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature_bottom.gif); 
	background-position: top left;
	background-repeat: no-repeat; 
}

.featured .content {
	/*overflow: hidden;*/
	float: left;
	width: 310px;
	height: 212px;
	margin: 0;
	padding: 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature.gif); 
	background-position: top left;
	background-repeat: repeat-y; 
}

.featured .content UL {
	width: 304px;
	margin: 0 3px 0 3px;
	padding: 0;
	list-style-type: none;
}

.featured .content UL LI {
	float: left;
	position:relative;
	clear: both;
	width: 292px;
	margin: 3px 0 0 0;
	padding: 10px 0 7px 12px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature_li.gif); 
	background-position: top left;
	background-repeat: no-repeat;
}

.featured .content UL LI:hover { background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature_li_over.gif); }

.featured .content H1 {
	padding: 0;
	color: #777777;
	font-size: 1.1em;
}

.featured .content H2 {
	padding: 1px 0 0 10px;
	color: #8f8f8f;
	font-size: 1.0em;
	font-weight: normal;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/li_indent.gif); 
	background-position: top left;
	background-repeat: no-repeat;
}

/* feature area */
.featured .content .txt { float: right; width: 190px; margin: 2px 10px 0 0; }
.featured .content IMG { float: left; width: 75px; margin: 4px 0 0 0; }
.featured .content P { padding: 0 0 0px 0; color: #9a9a9a; font-size: 1.0em; line-height: 1.2em; }

/* slideout panel */
.slider { 
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 295px;
	margin: 1px 0 0 -3px;
	padding: 8px 12px 8px 14px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature_li_slider.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
}
.slider h2 { margin-top:1px; }

/* 
///////////////////////////////////////
	SECTION PANEL
/////////////////////////////////////// */

.section { float: left; width: 240px; }

.section .bottom { 
	float: left;
	width: 240px;
	height: 5px;
	line-height: 5px;
	font-size: 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_section_bottom.gif); 
	background-position: top left;
	background-repeat: no-repeat; 
}

.section .content {
	float: left;
	width: 240px;
	/*min-height: 100px;*/
	padding: 0 0 10px 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_section.gif); 
	background-position: top left;
	background-repeat: repeat-y; 
}

.section .inner {
	width: 214px;
	min-height: 50px;
	margin: 3px 0 0 3px;
	padding: 10px 10px 0 10px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_feature_li.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* branding */
.section #branding { overflow: hidden; float: left; width: 214px; height: 80px; }
.section #branding UL { float: left; list-style: none; margin: 0; padding: 0; }
.section #branding UL LI { float: left; width: 190px; height: 80px; margin: 5px 0 0 10px; padding: 0; text-align: center; }
.section #branding UL LI span { display: block; width: 190px; height: 80px; }

/* 
///////////////////////////////////////
	SIDE PANEL
/////////////////////////////////////// */

/* rhs column panel */
.side-panel {
	float: left;
	width: 180px;
	margin: 20px 0 0 0;
}

.side-panel .content {
	float: left;
	overflow: hidden;
	width: 155px;
	margin: 0;
	padding: 0 10px 5px 15px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_side_panel.gif); 
	background-position: top left;
	background-repeat: repeat-y;
}

.side-panel .top {
	float: left;
	width: 180px;
	min-height: 10px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_side_panel_top.gif); 
	background-position: top left;
	background-repeat: no-repeat;
}

.side-panel .top img { display: block; }

.side-panel .bottom { 
	float: left;
	width: 180px;
	height: 7px;
	line-height: 7px;
	font-size: 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_side_panel_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat; 
}


/* 
///////////////////////////////////////
	SEARCH PANEL
/////////////////////////////////////// */

/* search icon */
#search form #searchinput,
#search-panel form #searchinput { 
	width: 80px;
	padding-left: 25px; 
	padding-right: 10px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/ico_search_magnify2.gif); 
	background-position: top left; 
	background-repeat: no-repeat;
}

/* search icons */
#search UL,
#search-panel UL {
	float: left;
	display: inline;
	height: 14px;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none; 
}

#search UL LI,
#search-panel UL LI {
	float: left;
	display: block;
	height: 14px;
	line-height: 14px;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 10px;
}

/* linkage */
#search-panel UL LI A { color: #8f8f8f; }
#search-panel UL LI A:hover, A:focus { color: #289bb8; border: none !important; }

/* options */
#ico-advanced 	{ background-image: url(http://www.clipsal.com/__data/site/design/108/images/ico_search_advanced.gif); }
#ico-contents 	{ background-image: url(http://www.clipsal.com/__data/site/design/108/images/ico_search_contents.gif); }
#ico-group		{ background-image: url(http://www.clipsal.com/__data/site/design/108/images/ico_search_group.gif); }
#ico-advanced, #ico-contents, #ico-group { padding: 0 0 0 13px; background-repeat: no-repeat; background-position: top left; }

/* icons - hover */
#ico-advanced:hover, #ico-contents:hover, #ico-group:hover { /*cursor: help;*/ color: #289bb8; background-repeat: no-repeat; background-position: 0 -14px; }

/* search panel - home */
#search { padding-top: 15px; }
#search form { padding-left: 20px; }
#search UL { margin: 5px 0 0 15px; }

/* search panel - pages */
#search-panel {
	float: left;
	position: absolute;
	width: 201px;
	height: 60px;
	margin: 63px 0 0 465px;
	padding: 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/bg_search_panel.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#search-panel form { margin-top: 5px; padding-left: 15px; }
#search-panel UL { margin: 3px 0 0 10px; }

/* 
///////////////////////////////////////
	SOCIAL MEDIA
/////////////////////////////////////// */

#social-links {
	clear: both;
	float: left;
	width: 455px;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}

#social-links UL {
	float: left;
	width: 455px;
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	list-style-type: none;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: bottom left;
	background-repeat: repeat-x; 
}

#social-links UL LI {
	display: inline;
	height: 16px;
	margin: 0;
	padding: 0 10px 0 0;
}

#social-links UL LI, 
#social-links UL A {
	display: block;
}

#social-links UL LI  {
	text-indent: -9999px;
	text-decoration: none;
}

/* standard */
#share { width: 39px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/title_social_share.gif); background-repeat: no-repeat; }
#page-top A { float: right; width: 36px; background-image: url(../images/btn_page_top.gif); }

/* social links */
#share, #delicious, #technorati, #stumbleUpon, #digg, #newsvine, #yahoobuzz { float: left; background-repeat: no-repeat; }
#delicious A { width: 68px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_delicious.gif); }
#technorati A { width: 70px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_technorati.gif); }
#stumbleUpon A { width: 87px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_stumbleupon.gif); }
#digg A { width: 48px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_digg.gif); }
#newsvine A { width: 68px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_newsvine.gif); }
#yahoobuzz A { width: 70px; background-image: url(http://www.clipsal.com/__data/site/design/108/images/btn_social_yahoobuzz.gif); }

#page-top A:hover, #delicious A:hover, #technorati A:hover, #stumbleUpon A:hover, 
#digg A:hover, #newsvine A:hover, #yahoobuzz A:hover { border: none !important; }


/* 
///////////////////////////////////////
	PRODUCT BLOCKS
/////////////////////////////////////// */

.product-block UL { float: left; margin: 5px 0 20px 0; padding: 0; list-style-type: none; }
.product-block UL LI { 
	float: left; 
	width: 440px;
	margin: 0; 
	padding: 12px 0 10px 0;  
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/border_dotted.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.product-block IMG  { float: left; margin: 2px 0 0 5px; padding: 3px; border: 1px solid #f2f2f2;}
.product-block IMG :hover { border: 1px solid #ececec; }
.product-block .txt { float: left; width: 310px; margin: 0 0 0 15px; }

.product-block H4 { padding: 0; font-size: 1.0em; }
.product-block P { font-size: 1.0em; }

/* 
///////////////////////////////////////
	PRODUCT GALLERY
/////////////////////////////////////// */

#product-gallery { margin-right: 20px; }

#product-gallery UL { 
	float: left; 
	width: 100%;
	margin: 15px 0 0 0; 
	padding: 15px 0 20px 5px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/border_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}
	
#product-gallery UL LI { 
	float: left; 
	display: inline; 
	margin: 0 0 10px 10px;
	padding: 0;	
}

#product-gallery IMG { float: left; padding: 3px; border: 1px solid #f2f2f2; }
#product-gallery IMG:hover { border: 1px solid #ececec; }

/* 
///////////////////////////////////////
	BROCHURE
/////////////////////////////////////// */

#brochure UL { 
	float: left;
	width: 650px; 
	margin: 5px 0 0 0; 
	padding: 0; 
	list-style-type: none; 
}

#brochure UL LI { 
	display: block; 
	float: left; 
	width: 650px; 
	margin: 0; 
	padding: 10px 0; 
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#brochure IMG 	{ float: left; margin: 0 0 0 15px; padding: 3px; border: 1px solid #f2f2f2; }
#brochure .txt 	{ float: left; width: 470px; margin: 0 0 0 15px; }
#brochure H3	{ line-height: 1.2em; }
#brochure P 	{ font-size: 1.0em; }

#brochure .ico { 
	margin-top: 5px; 
	padding: 0 0 0 10px;
	background-image: url(../images/li_arrow.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}

#brochure UL .colour-a { background-color: #ffffff; }
#brochure UL .colour-b { background-color: #fafafa; }

#brochure .pagination {
	float: left;
	width: 650px;
	margin: 5px 0 0 0;
	padding: 6px 0 0 0;
	font-size: 1.1em;
	text-align: right;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/* 
///////////////////////////////////////
	VIDEOS
/////////////////////////////////////// */

.videos UL { 
	overflow: hidden;
	margin: 5px 0 0 0; 
	padding: 0; 
	list-style-type: none; 
}

.videos UL LI { 
	display: block; 
	float: left; 
	width: 445px; 
	margin: 0; 
	padding: 10px 0; 
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.videos IMG  { float: left; margin: 0; padding: 3px; border: 1px solid #f2f2f2; }
.videos .txt { float: left; width: 210px; margin: 0 0 0 15px; }
.videos H4	 { margin-bottom: 8px; line-height: 1.2em; }
.videos P 	 { font-size: 1.0em; padding: 0.4em 0;}

.videos .ico { 
	padding: 0 0 2px 10px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/li_arrow.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}

/* 
///////////////////////////////////////
	CCI Events
/////////////////////////////////////// */

#cci-events UL { 
	float: left;
	width: 430px; 
	margin: 5px 0 0 0; 
	padding: 0 0 15px 0; 
	list-style-type: none; 
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#cci-events UL LI { 
	display: block; 
	float: left; 
	width: 430px;
	margin: 0; 
	padding: 15px 0; 
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/borders_dotted.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#cci-events .img { overflow: hidden; float: left; width: 100px; margin: 0; padding: 3px; text-align: center; border: 1px solid #f2f2f2; }
#cci-events .txt { float: left; width: 300px; margin: 0 0 0 15px; }
#cci-events H3	 { padding: 0; line-height: 1.2em; }
#cci-events P 	 { padding: 0.2em 0 0.1em 0; font-size: 1.0em; }
#cci-events .more { 
	margin-top: 5px; 
	padding: 0 0 0 10px;
	background-image: url(http://www.clipsal.com/__data/site/design/108/images/li_arrow.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
}