@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(text.css);
@import url(snippets.css);

html {
	background-color: #d9e6ef;
	background-image: url(../library/bg-body.png);
	background-repeat: repeat-x;
	background-position: left top;
	}

form {
	margin: 0; 
	padding: 0;
	}
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	}	
div.frame {
	width: 964px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../library/bg-page-fill.png);
	background-repeat: repeat-y;
	background-position: left top;
	}
div.jqmWindow {
	text-align: left;
	}
div.con-printlogo {
	display: none;
	text-align: left;
	}		
div.con-header {
	background-color: #00adee;
	height: 110px;
	background-image: url(../library/bg-header-fill.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	z-index: 10000;
	padding-left: 236px;
	}
div.mod-sitelogo {
	position: absolute;
	left: 13px;
	top: 13px;
	z-index: 1;
	}
div.shadow-left,
div.shadow-right {
	position: absolute;
	top: 0;
	width: 14px;
	height: 180px;
	background-repeat: no-repeat;
	background-position: left top;
	}
div.shadow-left {
    background-image: url(../library/bg-shadow-left.png);
	left: -14px;
	}
div.shadow-right {
    background-image: url(../library/bg-shadow-right.png);
	left: 964px;
	}
div.mod-mainnav {
	height: 55px;
	width: 728px;
	background-image: url(../library/bg-header-base.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0px;
	top: 55px;
	padding-left: 236px;
	}
div.con-wrapper {
	background-image: url(../library/bg-page-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 350px; /* patched in lt-ie7.css */
	}
div.con-supp-2 {
	float: left;
	width: 236px;
	}
div.con-supp-1 {
	background-image: url(../library/bg-blue-side-panel-base.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 50px;
	width: 236px;
	float: left;
	}
body.default div.con-supp-1 {
	background-image: none;
	padding-bottom: 0;
	}
body.default div#questions {
	background-image: url(../library/bg-blue-side-panel-base.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-top: 50px;*/
	padding: 30px 0 0 23px;
	min-height: 20px;
	}
body.default div#questions div.question {
	font-weight: bold;
	}
body.js div#questions div.question {
	font-weight: normal;
	}
div.con-supp-1-inner {
	background-image: url(../library//bg-blue-side-panel-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #009de0;
	min-height: 150px; /*patched in lt-ie7.css*/
	padding: 0 10px 10px;
	}

/* hide section image for overview page template */
.overview div.con-supp-1 {
	background-image: none;
	}
.overview div.con-supp-1-inner {
	background: none;
	}
.overview div.con-supp-1-inner img {
	display: none;
	}

.overview h1.pagetitle,
.overview div.overview-image {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	margin-left: -234px;
	width: 677px;
	}

div.con-supp-1-inner img {
	margin: 0 -10px -10px;
	}	
div.con-main {
	float: left;
	width: 443px;
	padding: 23px 23px 40px;
	}	
div.conmain-nopop {
	float: none;
	width: auto;
	padding: 23px;
	}
body.default div.con-main {
	padding-top: 248px;
	position: relative;
	}						
div.con-footer {
	height: 47px;
	background-image: url(../library/bg-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px 0 0 236px;
	}		

div.content {
	}

div.mod-search {
    position: absolute;
    top: 74px;
    left: 750px;
    width: 200px;
    z-index: 5;
    }
div.mod-search input.searchfield {
    width: 136px;
    background-color: #cbe4ee;
    border: 1px solid #0097d1;
    border-top-color: #00407c;
    border-left-color: #00407c;
    padding: 2px;
    margin: 0;
    }
div.mod-search input.searchfield:focus {
    background-color: #fff;
    }
div.mod-search input {
    vertical-align: top;
    }
div.mod-footernav {}
div.mod-subnav {}

div.mod-regionselector {
    background: transparent url(../library/bg-region.png) no-repeat left top;
    padding: 5px 15px;
    min-height: 20px;
    color: #71c5e5;
    }
div.mod-regionselector fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    }
div.mod-regionselector fieldset legend {
    display: none;
    }
div.mod-regionselector fieldset select {
    width: 156px;
    background-color: #cbe4ee;
    border: 1px solid #0097d1;
    border-top-color: #00407c;
    border-left-color: #00407c;
    padding: 1px;
    }
div.mod-regionselector fieldset select:focus {
    background-color: #fff;
    }
div.vi-home {
    margin-left: -24px;
    }
ul.vi-selector,
ul.vi-selector li {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    }
ul.vi-selector li h2 a {
    line-height: 2;
    display: block;
    }
div.home-image {
    position: absolute;
    top: 0;
    left: 0;
    }

ul#imagerotator,
ul#imagerotator li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}   

.default div.os {
    width: 440px;
    }
div.mod-latestnews,
div.homeContent {
    width: 210px;
    float: left;
    }
div.mod-latestnews {
    margin-right: 20px;
    }




	

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* .NET error pages */	

div.con-errormessage {
    width: 510px;
    background-color: #fff;
    border-bottom: 5px solid #ccc;
    text-align: left;
    margin: 0 auto;
    }		
div.mod-errorheader {
	background: #00ADEE url(../library/bg-header-fill.png) repeat-y left top;
	padding: 13px;
    }
div.mod-errorcontent { padding: 15px;}
div.mod-errorcontent h1 { padding-top: 15px;}		




/* Blue side panel / product list */

div.con-supp-1 h2 {
	/*margin: 0 0 .1em 0;
    padding: .2em 0 0 13px;
	color: #fff;*/
	border-bottom: 1px solid #008fd4;
	margin: 0;
    padding: .2em 0 10px 13px;
	color: #fff;
	}	
div.con-supp-1 h3{
    margin: 0;
    padding: 0 0 .2em 13px;
    font-size: 118.2%;
    /*font-weight: normal;
    color: #00407c;*/
    }	
body.default div.con-supp-1 div#questions h3{
    padding-left: 0 !important;
    }
div.con-supp-1 input,
div.con-supp-1 select{
    margin: 0 13px;
    border: 1px solid #008FD4;
    border-top-color: #0254a2;
    border-left-color: #0254a2;
    padding: 2px;
    }
#product-search input {
    width: 130px;
    margin-right: 0;
    }
#product-search input.btn-search {
    margin: 0 0 -2px;
    vertical-align: bottom;
    width: 51px;
    }
div.con-supp-1 select{
    width: 190px;
    padding: 1px;
    }

#product-side-menu {
    border-top: 1px solid #7bd2f4;
    border-bottom: 1px solid #008fd4;
    padding: 7px 0 10px;
    }
#product-search {
    border-bottom-width: 0;
    border-top: 1px solid #7bd2f4;
    padding: 7px 0 10px;
    }
#i-want-to {
    border-top: 1px solid #7bd2f4;
    border-bottom: 1px solid #008fd4;
    padding: 7px 0 10px;
    }
#product-side-menu ul {
    margin: 0;
	padding: 3px 0;
    list-style-type: none;
    border: 1px solid #004781;
    border-width: 0 1px;
    background-color: #fff;
    overflow: auto;
    max-height: 300px;
    line-height: 1.3;
}
#product-side-menu li {
    margin: 0;
	padding: 0;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
#product-side-menu li a {
    display: block;
	padding: 5px 13px;
}
#product-side-menu h3.title {
    font-size: 1em;
    font-weight: normal;
	color: #0055a5;
	padding: 3px 13px;
	cursor: pointer;
	margin: 0;
	background: #40c2f2 url(../library/bg-product-side-menu-li.png) no-repeat left -81px;
	height: 20px;
	overflow: hidden;
    }
#product-side-menu h3.title:hover {
	color: #fff;
	background-color: #3ca4e1;
	background-position: left -108px;
    }
#product-side-menu h3.selected {
	color: #fff;
	background-color: #3ca4e1;
	background-position: left -135px !important;
    }
#product-side-menu #cat-first h3.title {
	background-position: left top;
    }
#product-side-menu #cat-first h3.title:hover {
	background-position: left -27px;
    }
#product-side-menu #cat-first h3.selected {
	background-position: left -54px !important;
    }
#product-side-menu #cat-last h3.title {
	background-position: left -162px;
    }
#product-side-menu #cat-last h3.title:hover {
	background-position: left -189px;
    }
#product-side-menu #cat-last ul {
	border-bottom-width: 1px;
    }
/*height override*/
#product-side-menu #cat-last h3,
#product-side-menu h3.selected {
	height: 21px;
    }
   

/* Technical library browser */

div#divContainer {
	width: 440px;
	height: 250px;
	overflow: hidden;
	border: solid 1px #ccc;
	}

div.wrapper {
	width: 440px;
	height: 250px;
	width: 660px;
	}

div.wide div.wrapper {
	height: 230px;
	}

div.wrapper div {
	background-color: #eee;
	width: 220px;
	height: 250px;
	float: left;
	display: inline;
	}
div.wide div.wrapper div {
	height: 230px;
	}
.mod-techlibrary select {
	width: 220px;
	}
div#divContainer select {
	height: 250px;
	border: none;
	}
div.wide select {
	height: 230px !important;
	}

div#divContainer option {
	padding: .3em .3em;
	}


/*======= Region selector popup =======*/

div#region-selector {
    width: 755px;
    height: 417px;
    background: transparent url(../library/map.png) no-repeat 0 0;
    position: relative;
    }
div#region-selector h2 {
   /* text-align: center;
    color: #fff;*/
   display: none;
    }
div#region-selector ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 755px;
    height: 417px;
    display: block;
    background: transparent none no-repeat 0 0;
    }
div#region-selector li {
    position: absolute;
    padding: 0;
    margin: 0;
    }
div#region-selector li#australia { left: 556px; top: 288px; width: 76px; }
div#region-selector li#africa { left: 319px; top: 186px; width: 126px; }
div#region-selector li#south-america { left: 203px; top: 239px; width: 86px; }
div#region-selector li#north-america { left: 45px; top: 87px; width: 211px; }
div#region-selector li#latin-america { left: 138px; top: 195px; width: 90px; }
div#region-selector li#europe { left: 334px; top: 90px; width: 247px; }
/*div#region-selector li#uk-and-ireland { left: 331px; top: 135px; width: 24px; }*/
div#region-selector li#uk { left: 335px; top: 135px; width: 20px; }
div#region-selector li#ireland { left: 330px; top: 146px; width: 14px; }
div#region-selector li#south-east-asia { left: 476px; top: 151px; width: 154px; }
div#region-selector li#japan { left: 586px; top: 168px; width: 31px; }
div#region-selector li#middle-east { left: 408px; top: 167px; width: 75px; }
div#region-selector li#south-pacific { left: 630px; top: 239px; width: 122px; }

div#region-selector li a {
    display: block;
    }
div#region-selector li#australia a { height: 73px;}
div#region-selector li#africa a { height: 155px;}
div#region-selector li#south-america a { height: 147px;}
div#region-selector li#north-america a { height: 126px;}
div#region-selector li#latin-america a { height: 56px;}
div#region-selector li#europe a { height: 102px;}
/*div#region-selector li#uk-and-ireland a { height: 25px;}*/
div#region-selector li#uk a { height: 25px;}
div#region-selector li#ireland a { height: 14px;}
div#region-selector li#south-east-asia a { height: 139px;}
div#region-selector li#japan a { height: 32px;}
div#region-selector li#middle-east a { height: 72px;}
div#region-selector li#south-pacific a { height: 128px;}

div#region-selector li a span {
    display: none;
    }

div#region-selector.australia ul { background-image: url(../library/map-australia.png);}
div#region-selector.africa ul { background-image: url(../library/map-africa.png);}
div#region-selector.south-america ul { background-image: url(../library/map-south-america.png);}
div#region-selector.north-america ul { background-image: url(../library/map-north-america.png);}
div#region-selector.latin-america ul { background-image: url(../library/map-latin-america.png);}
div#region-selector.europe ul { background-image: url(../library/map-europe.png);}
/*div#region-selector.uk-and-ireland ul { background-image: url(../library/map-uk-and-ireland.png);}*/
div#region-selector.uk ul { background-image: url(../library/map-uk.png);}
div#region-selector.ireland ul { background-image: url(../library/map-ireland.png);}
div#region-selector.south-east-asia ul { background-image: url(../library/map-south-east-asia.png);}
div#region-selector.japan ul { background-image: url(../library/map-japan.png);}
div#region-selector.middle-east ul { background-image: url(../library/map-middle-east.png);}
div#region-selector.south-pacific ul { background-image: url(../library/map-south-pacific.png);}



/*=== Product breadcrumbs ===*/

#SiteMapPath1 {
    position: relative;
    top: -5px;
    }
#SiteMapPath1 ul {
    margin: 0;
    padding: 0;
    display: inline;
    }
#SiteMapPath1 ul li {
    display: inline;
    }
#SiteMapPath1 ul li a { /*Patched in ie.css*/
    background: transparent url(../library/crumb-link.png) no-repeat right center;
    padding-right: 10px;
    }
#SiteMapPath1 ul li a:focus,
#SiteMapPath1 ul li a:hover {
    background-image: url(../library/crumb-link-hot.png);
    }
#SiteMapPath1 ul li strong {
    font-weight: normal;
    color: #999;
    }


p.search-crumbs {
    margin-top: -.2em;
    }
.search-crumbs a {
    background: transparent url(../library/crumb-link.png) no-repeat right center;
    padding-right: 10px;
    }
.search-crumbs a:focus,
.search-crumbs a:hover {
    background-image: url(../library/crumb-link-hot.png);
    }