#explore {
	position: absolute;
	left: 50%;
    margin-left: -450px;
	top: 20px;
	padding: 15px 15px;
	width: 870px;
	font-size: 8pt;
	color: #333;
	display: block;
	background: #fff;
	z-index: 888;
	border: #0b2853 1px solid;
	box-shadow: 0 0 25px #000033;
	-moz-box-shadow: 0 0 25px #000033;
	-khtml-box-shadow: 0 0 25px #000033;
	-webkit-box-shadow: 0 0 25px #000033;
    text-align: left !important;
}

#explore h1 { color: #0054a4; margin-bottom: 1em !important; font-size: 14pt; text-align: left !important; }
#explore h2 { color: #333; margin-bottom: 0px; font-size: 14pt; text-align: left !important; }
#explore h3 { color: #333; padding-left: 4px; margin-bottom: 0.5em !important; font-size: 9pt; text-align: left !important; }
#explore h4 { color: #333; padding-left: 4px; margin-bottom: 0.5em !important; font-weight: bold; font-size: 9pt; text-align: left !important; }

#explore  p { margin: 0 0 15px 0; text-align: left !important; }

#explore .close {
	position: absolute;
	right: 15px;
	top: 15px;
	font-weight: bold;
}

#explore a {
	color: #01589b;
	text-decoration: none;
	cursor: pointer;
}

#explore a:hover, #explore a:focus { color: #3b88c3; }

#explore ul, #explore ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
    text-align: left !important;
}

#explore div { float: left; }
#explore div div { float: none; }

#explore div.by-company { width: 200px; }
#explore div.by-brands { width: 140px; }
#explore div.by-systems { width: 300px; }
#explore div.search-codes { width: 230px; }

#explore ul li {
	padding: 3px 4px;
	margin-right: 15px;
	position: relative;
    text-align: left !important;
}

#explore div.search-codes ul li { margin-right: 0px; }

#explore ul li.odd { background: #f5f5f5; }
#explore ul li ul li.odd { background: none; }

#explore ul li ul {
	display: none;
	background: transparent url(/polypipe/frontend/images/explore-ul-hover.gif) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	z-index: 999;
	width: 200px;
	padding: 5px 5px 5px 15px;
}

#explore ul li ul a { color: #fff; }
#explore ul li ul a:hover, #explore ul li ul a:focus { color: #fff; text-decoration: underline; }

#explore div.by-company ul li ul { left: 170px; } /* Same as width of div - 30px */
#explore div.by-brands ul li ul { left: 110px; }
#explore div.by-systems ul li ul { left: 270px; }
#explore div.search-codes ul li ul { left: 200px; }

#explore .product-code-block {
	margin-bottom: 25px;
}

#explore .product-code-block  h4 { margin: 10px 0px !important; }

#explore .product-code-block input.text_search {
	border: #01589B 1px solid;
	width: 190px;
	background: #fff;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-khtml-border-radius: 3px 0 0 3px;
	padding: 2px;
	color: #888;
}

#explore .product-code-block input.button {
	background: #01589B;
	color: #fff;
	border: 0px;
	padding: 2px;
	cursor: pointer;
	margin-left: -5px;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
}

#explore .product-code-block div#product_code_results {
	border:1px solid #999;
	height:200px;
}



body {
    background: #142F63 url('/polypipe/frontend/literaturelibrary/images/bg-gradient.png') 0 0 repeat-x;
    color: #fff;
    padding-top: 50px;
    font-family:Arial,Helvetica,sans-serif;
}

#inner-container {
    width: 960px;
}

.content-box {
    /*background: transparent url('/polypipe/frontend/literaturelibrary/images/content-bg-bottom.jpg') scroll no-repeat bottom left;*/
    background: #fff url('/polypipe/frontend/literaturelibrary/images/content-bg-top.gif') 0 0 repeat-x !important;
    padding-bottom: 10px;
}

.content-box-inner {
    /*background: transparent url('/polypipe/frontend/literaturelibrary/images/content-bg-top.jpg') scroll no-repeat top left;*/
}

#search-box {
    /*background: transparent url('/polypipe/frontend/literaturelibrary/images/search-box.png') scroll no-repeat top left;
    padding-bottom: 10px;*/
}

#quick-guide {
    background: transparent url('/polypipe/frontend/literaturelibrary/images/quick-guide.png') scroll no-repeat top left;
}

#downloads {
    background: transparent url('/polypipe/frontend/literaturelibrary/images/downloads.png') scroll no-repeat top left;
}

#recently-added .header {
    background: transparent url('/polypipe/frontend/literaturelibrary/images/recently-added.png') scroll no-repeat top left;
}

#most-popular-items h3, #basket h3 {
    background: transparent url('/polypipe/frontend/literaturelibrary/images/most-popular-header.png') scroll no-repeat top left;
    font-size: 1.3em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: left;
    padding-left: 5px;
    font-size: 10pt;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 7px;
}

#most-popular-items .contents, #basket .contents {
    color: #656668;
    border-left: solid 1px #bcbec0;
    border-right: solid 1px #bcbec0;
    border-bottom: solid 1px #bcbec0;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#basket
{
    margin-bottom: 20px;
}

#mycarousel {
    color: black;
    font-weight: bold;
    text-align:center;
}

.content-box-inner p {
    color: #656668;
}

.polypipe-blue {
    color: #0054a4 !important;
}

ul.inline {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.inline li {
    float: left;
    margin-right: 0.6em;
    margin-left: 0;
}

ul.inline li.last {
    margin-right: 0;
}

.silver,
.silver a {
    color: #556687;
}

.silver a {
    text-decoration: none;
}

#header-links,
#header-links a {
    color: #fff;
    text-decoration: none;
}

.search-form select,
.search-form .textfield {
    font-size: 1.5em;
    color: #414142;
}
.searchbutton{
    background: url(/polypipe/frontend/literaturelibrary/images/search-btn.jpg);
    color: #ffffff;
}

h1, h2, h3 {
	font-weight: bold;
	margin-bottom: 0px !important;
}

h3.heading-detail {
    font-color: #000;
    font-size: 11pt;
    padding-bottom: 0.25em;
}

#search-box .searchbox-padder {
    padding: 20px;
    height: 130px;
    background: url(/polypipe/frontend/literaturelibrary/images/search-box-bg.gif) 0 0 no-repeat;
}

#quick-guide {
    padding: 20px;
    height: 130px;
    background: url(/polypipe/frontend/literaturelibrary/images/quick-guide-bg.gif) 0 0 no-repeat;
}

h3.heading-detail span {
    color: #656668;
    font-size: 75%;
    font-weight: normal;
}

#resultBreadcrumb {
    font-size: 10pt;
    color: #0054A4;
}

input.button {
    background-color: #0054A4;
    cursor: pointer;
    border: 0px;
    color: #fff;
    font-size: 9pt;
    padding: 1px 2px 3px 2px;
}

input.button:hover, input.button:focus {
    background-color: #3f90cc;
    color: #fff;
}

.basket-clicker { cursor: pointer; }

#literatureBar {
    background: #636466;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
#literatureBar a
{
    color: #ffffff;
}
#leftLitBar
{
    width: 47%;
    float: left;
    text-align: left;
    padding-left: 10px;
}

#rightLitBar
{
    padding-right: 10px;
    text-align: right;
}
.left-basket
{
    width: 150px;
    float: left;
}
.right-basket
{
    float: left;
}
.right-basket a
{
    color: #ff0000;
    text-decoration: none;
}

.box {
    color: #656668;
}

#basketContents .left {
    float: left;
}

#basketContents .right {
    float: right;
}

#basketContents ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#basketContents ul li {
  clear: both;
  background: url('/polypipe/frontend/literaturelibrary/images/basket-bg.jpg') scroll no-repeat bottom left;
  padding-bottom: 30px;
}

#basketContents .right a {
    text-decoration: none;
    font-weight: bold;
    color: red;
}

#subhead
{
color: #414142;
font-weight: normal;
font-size: 14pt;
}

h1.polypipe-blue
{
margin-bottom: 0px !Important;
font-size: 22pt;
}

h1.polypipe-blue a { text-decoration: none; }

div.prepend-1 h2
{
font-size: 14pt;

}

h3.polypipe-blue
{
font-size: 13pt;
}

select#category,select#company
{
font-size: 9pt;
font-weight: normal !important;
height: 26px;
margin-right: 3px;
width: 170px;
}

select#category
{
width: 250px;
}

div.span-3
{
width: 80px;
}

input.searchbutton
{
height: 26px;
position: relative;
top: -4px;
border-style: none;
}

input#keyword
{
width: 200px !important;
font-size: 9pt;
height: 20px;
border: #bbbbbb 1px solid;
}

/*div#quick-guide
{
padding-left: 20px !important;
padding-right: 30px !important;
width: 180px;
height: 220px;
margin-bottom: 0px;
padding-top: 10px;
}*/

div#downloads
{
padding-top: 0px;
padding-left: 20px !important;
margin-top: 0px !important;
width: 140px;
padding-right: 80px !important;
height: 90px;
}

div#recently-added div.header
{
height: 100px;
}

li.jcarousel-item
{
height: 235px !important;
}
.jcarousel-skin-ie7 input{
position: relative;
/*left: -10px;*/
width: 91px;
}

.litTitle
{
height: 40px;
}


div#most-popular-items div.item
{
color: #0054A4;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
}

div#large-basket {
    /*height: 320px !important;*/
    margin: 0 50px 0 0 !important;
    padding: 0 0 10px 0 !important;
    background: #fff url('/polypipe/frontend/literaturelibrary/images/basket-gradient.gif') 0 100% repeat-x;
    color: #656668;
    border: #dcdddd 1px solid;
    width: 588px;
}

div#large-basket p
{
margin-bottom: 5px;
}
div#large-basket p.polypipe-blue
{
font-size: 11pt;
font-weight: bold;
}
select#company_type, select#country, select#county
{
width: 267px;
}
form#request p.polypipe-blue
{
font-weight: bold;
font-size: 11pt;
margin-bottom: 0px;
}
form#request
{
margin-bottom: 30px;
}
form#request #submit
{
border-style: none;
height: 35px;
width: 140px;
margin-top: 20px;
font-weight: bold;
font-size: 12pt;
}
form#request input
{
margin-top: 0px;
}
div#address-form, div#address-form p
{
color: #000000;
}
div#address-form dt
{
font-weight: normal;
}
#accept_offers
{
float: left;
margin-bottom: 20px;
margin-right: 10px;
top: 20px;
}
div#offersText
{
float: left;
margin-top: 20px;
}
#submit
{
clear: both;
}

div#large-basket p
{
font-size: 10pt;
}

div#large-basket ul
{
color: #000000;
margin-top: 20px;
font-size: 11pt;
}

#mycarousel
{
font-weight: normal;
}

div.content-box
{
padding-bottom: 60px !important;
}

div#search_all h3
{
font-size: 10pt;
margin-bottom: 10px !important;
}

div#search_all h2
{
margin-top: 10px !important;
}

div#search_all_systems_result
{
border-style: solid !important;
border-color: #000000 !important;
}

div#searchAgain
{
clear: both;
margin-left: 40px;
}
div#large-basket div.prepend-1
{
min-height: 280px;
}
div#viewBasketLink a
{
text-decoration: none;
color: #ffffff;
}
div#viewBasketLink div
{
background: url(/polypipe/frontend/literaturelibrary/images/search-btn.jpg);
width: 130px;
color: #ffffff;
text-align: center;
font-weight: bold;
float: left;
position: relative;
height: 25px;
line-height: 25px;
}
div#viewBasketLink
{
color: #000000;
font-size: 10pt;
font-weight: bold;
clear: both;
padding-top: 65px;
line-height: 25px;
}

div#literatureBarWrapper h4
{
font-weight: bold;
font-size: 9pt;
margin-bottom: 0px;
height: 30px;
}
div#literatureBarWrapper div.box
{
height: 200px;
}
p.description
{
height: 40px;
}

.white a
{
    color: #ffffff;
}

div.container div.content-box
{
background: #ffffff;
}

div.span-6
{
margin-bottom: 20px;
}

/**** New, none-shit CSS added by a.hover ****/

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.group {
	display: inline-block;
}

html[xmlns] .group {
	display: block;
}
 
* html .group {
	height: 1%;
}

.icons {
	float: right;
}

.icons img {
	width: 50px;
	height: 50px;
	margin-bottom: 3px;
	border: none;
	display: inline-block;
}

.icon {
	float: left;
	text-align: center;
	margin-left: 8px;
	text-transform: uppercase;
	font-size: 8pt;
}

.icon a {
	color: #666 !important;
    text-decoration: none;
}

.icon a:hover {
	color: #000 !important;
}

.top-links {
    float: right;
    color: #656668;
    padding-top: 10px;
    width: 350px;
}

.top-links .link {
    float: left;
    width: 165px;
    margin-left: 8px;
}

.footlinks-white a { color: #fff; }

/** Pop-Up **/

.product-selector-content {
    color: #656668;
    padding: 15px 15px 0;
}

h1 {
    color: #0054A4;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 15px !important;
}

/** FOOTER **/

#footer {
    color: #fff;
    font-size: 9pt;
    margin-bottom: 40px;
    padding: 27px 10px 0;
}

#footer #logo {
    height: 32px;
    overflow: hidden;
    width: 135px;
}

#footer #logo a {
    background: url("/polypipe/frontend/literaturelibrary/images/polypipe-footer-logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 135px;
}

#footer div {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
    padding: 15px 0 10px;
}

#footer address {
    float: left;
    font-style: normal;
    margin-right: 10px;
}

#footer dl, #footer dt, #footer dd {
    float:left;
    padding: 0px;
    margin: 0px;
}

#footer dd { margin-right:10px; }

#footer div ul {
    margin: 0px;
    padding: 0px;
    float: right;
    list-style: none;
}

#footer li {
    float:left;
    margin: 0px;
    margin-right:10px;
    padding: 0px;
    list-style: none;
}

#footer li.last { margin-right: 0; }

#footer .sub-nav {
    float:left;
    margin:15px 30px 0 0;
    padding: 0px !important;
}

#footer .sub-nav .first { padding-left: 0; }

#footer .sub-nav li { margin-right: 0; }

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover, #footer a:focus { text-decoration: underline; }
}

