/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 11px;
    color: #505050;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, .h1 {
        margin: 0px 0px 0.7em 0px;
        padding: 0px;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
        margin-left: 3em;
        margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
img {
	border: 0px none;
}

.checkbox , .radio{
	width: auto;
}

html {
	overflow-y: scroll;
}
/*
form elements
*/

form label {
	display: block;
	float: left;
	width: 160px;
	font-size: 11px
}

form input, textarea {
	width: 200px;
}

/*
custom styles
*/

/* 
header styles
*/

#banner {
	width: 100%;
	height: 80px;
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
}

#banner_footer {
	width: 100%;
	height: 80px;
	background-image: url(../images/banner_footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}

#bannerContainer {
	margin: 0px auto;
	width: 765px;
	height: 80px;
}

#logo {
	width: 300px;
	height: 72px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
}

#bannerLogin {
	float: right;
	width: 172px;
	padding-top: 10px;
	height: 70px;
}

#loginContainer {
	width: 172px;
	height: 65px;
	text-align: right;
}

#loginButton {
	cursor: pointer;
	width: 72px;
	height: 22px;
}

/*
navigation
*/

#navigation {
	width: 100%;
	height: 48px;
	background-image: url(../images/nav_repeat.jpg);
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
}

#navigationItemContainer {
	margin: 0px auto;
	width: 785px;
}

.navigationItem {
	text-decoration: none;
	color: #878787;
	font-weight: bold;
	padding: 9px 8px 0px 8px;
	display: block;
	float: left;
	height: 25px;
}

.navSeparator {
	margin: 16px 1px 4px 1px;
}

.navigationSeparatorContainer {
	float: left;
}

.navigationItem:hover {
	color: #0fa08f;
	background-image: url(../images/navigation_on.jpg);
	background-position: center;
	background-repeat: repeat-x;
}


/*
drop down menu
*/

.dropDownContainer {
	display: none;
	position: absolute;
}

.dropDownItems {
	border-bottom: 1px solid #bfbfbf;
	background-color: #e6e6e6;
	width: 157px;
}

.dropDownSubItems {
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	background-color: #e6e6e6;
	width: 157px;
}

.dropDownStart {
	background-image: url(../images/drop_down_start.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	height: 13px;
	width: 157px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	font-size: 0px;
}

.dropDownItem {
	padding: 4px 2px 4px 5px;
	width: 150px;
	text-decoration: none;
	font-weight: bold;
	color: #787878;
	display: block;
	background-color: #e6e6e6;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	text-align: left;
}

.dropDownItem:hover {
	text-decoration: none;
	font-weight: bold;
	color: #0fa08f;
	background-color: #ffffff;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}


/* 
main styles
*/

.narrowBullets li {
	margin: 0px 20px;
}

.headerForgottenPassword {
	margin-top: 5px;
}

.headerForgottenPassword a, headerForgottenPassword a:hover {
	color: #fff;
	font-weight: bold;
}

a, a:hover {
	text-decoration: none;
	color: #505050;
}

#lhs {
	float: left;
	width: 584px;
}

#lhsFull {
	float: left;
	width: 757px;
	height: 500px;
}

#rhs {
	float: left;
	width: 195px;
	margin-top: 10px;
}

#mainContent {
	margin: 0px auto;
	width: 785px;
}

.homeContainer {
	margin: 10px 0px;
	clear: left;
	float: left;
	width: 575px;
}

.homeClearancePicker {
	clear: both;
	float: left;
	width: 255px;
	height: 30px;
	padding: 5px;
}

#contentAdjustor {
	height: auto !important;
	height: 506px;
	min-height: 506px;
}

.homeContainerFull {
	margin: 10px 0px;
	clear: left;
	float: left;
	width: 748px;
}

#homeWhatWeDo {
	width: 431px;
	height: 114px;
	background-image: url( ../images/what_we_do.jpg );
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.homeLogos {
	float: left;
	width: 144px;
	text-align: center;
}

.sectionSeparator {
	width: 575px;
	height: 2px;
	background-image: url(../images/section_separator.jpg);
	background-repeat: repeat-x;
	background-position: center;
	clear: left;
	float: left;
	margin-right: 9px;
	font-size: 1px;
}

.dominate {
	width: 281px;
	height: 206px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
}

.topMargin {
	margin-top: 10px;
}

.topMargin input {
	width: 110px;
}

.blue {
	color: #27779c;
}

.blueLargeTitle {
	color: #27779c;
	font-size: 13px;
	font-weight: bold;
}

.blueMediumTitle {
	color: #27779c;
	font-size: 12px;
	font-weight: bold;
}

.blueMediumTitle a {
	color: #27779c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.greenLargeTitle {
	color: #009b8f;
	font-size: 13px;
	font-weight: bold;
}

.greenMediumTitle {
	color: #009b8f;
	font-size: 12px;
	font-weight: bold;
}

.greenMediumTitle a {
	color: #009b8f;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.boldWhite {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.white {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}

.homeRangeDetail {
	margin-bottom: 10px;
}

.homeRanges {
	float: left;
	width: 225px;
	height: auto !important;
	min-height: 100px;
	height: 100px;
	margin: 5px 25px;
}

.homeTry {
	float: left;
	width: 582px;
	height: auto !important;
	min-height: 80px;
	height: 80px;
}

.peel {
	background-image: url(../images/peel.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 195px;
	height: 232px;
	clear: left;
	float: left;
}

.peelContainer {
	margin: 7px 14px;
}

#peelSpacer {
	clear: left;
	float: left;
	height: 15px;
}

.peelRepeat {
	clear: left;
	float: left;
	background-image: url(../images/peel-rpt.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 195px;
}

.peelTop {
	background-image: url(../images/peel-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 195px;
	padding-top: 5px;
}

.peelBottom {
	background-image: url(../images/peel-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 195px;
	height: auto !important;
	height: 285px;
	min-height: 285px;
	padding-bottom: 5px;
}

.peelGreenRepeat {
	clear: left;
	float: left;
	background-image: url(../images/peel-green-rpt.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 195px;
}

.peelGreenTop {
	background-image: url(../images/peel-green-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 195px;
	padding-top: 5px;
}

.peelGreenBottom {
	background-image: url(../images/peel-green-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 195px;
	height: auto !important;
	height: 285px;
	min-height: 285px;
	padding-bottom: 5px;
}

.newsListingTitle a {
	color: #27779c;
}

.newsListingPreview {
	color: #27779c;
}

.contentHolder {
	margin-top: 8px;
}

.contentTable td {
	padding-top: 5px;
}

.contentBullet {
	vertical-align: top;
}

.linkToAll {
	color: #009b88;
	text-decoration: none;
}

.greenDisposalText {
	clear: left;
}

#homeLogosRHS {
	clear: left;
	float: left;
	margin-top: 20px;
}

.homeLogo {
	width: 191px;
	height: 40px;
	text-align: center;
	clear: left;
	float: left;
}

.linkToAllContainer {
	margin-top: 10px;
}

/*
clearance items
*/

#clearanceItems {
	width: 300px;
	height: auto !important;
	min-height: 200px;
	height: 200px; 
	float: left;
}
	
.clearanceItemContainer {
	clear: left;
}

.clearanceItemImage {
	margin-top: 3px;
	float: left;
	width: 55px;
	border: 1px solid #7e7e7e;
}

.clearanceItemDetail {
	float: left;
	margin-left: 9px;
	padding-top: 4px;
	width: 200px;
}

.clearanceItemPriceContainer {
	text-align: right;
}

.clearanceItemPrice {
	float: left;
	text-align: right;
	width: 150px;
	margin-top: 3px;
}

.clearanceItemContent {
	width: 200px;
	height: 30px;
	overflow: hidden;
}

/*
buttons
*/

.btnClearanceBuy {
	background-image: url( ../images/btn_buy.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;
	width: 40px;
	height: 22px;
	cursor: pointer;
	vertical-align: bottom;
}

.btnStartSaving {
	background-image: url( ../images/btn_start_saving.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;
	width: 120px;
	height: 22px;
	cursor: pointer;
	vertical-align: top;
}

.btnStandard {
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;
	width: 60px;
	height: 22px;
	cursor: pointer;
}

.btnMedium {
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;
	width: 80px;
	height: 22px;
	cursor: pointer;
}

.btnLong {
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;
	width: 100px;
	height: 22px;
	cursor: pointer;
}

/*
green disposal
*/

#greenDisposalContainer {
	width: 231px;
	margin-top: 20px;
	margin-left: 10px;
	float: left; 
}

.greenDisposalImage {
	width: 231px;
	height: 112px;
	background-repeat: no-repeat;
	background-position: center;
}

.greenDisposalLink {
	width: 231px;
	height: 112px;
	display: block;
}

.pageHeading {
	width: 562px;
	height: auto !important;
	height: 16px;
	min-height: 16px;
	background-color: #7db8ce;
	color: #ffffff;
	font-size: 12px;
	margin: 0px;
	padding: 13px 6px 13px 6px;
	font-weight: normal;
}

.pageHeading h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.pageHeading.thin {
	padding: 6px 6px 6px 6px;
	height: 14px;
}

.pageHeading.thick {
	height: 35px;	
	padding: 6px 6px;
}

.pageHeading a, .pageHeading a:hover {
	color: #ffffff;
}

#productSectionLeft {
	width: 114px;
	float: left;
	clear: left;
	padding: 0px 14px;
	overflow: hidden;
	height: 190px;
	background-position: top center;
	background-repeat: no-repeat;
}

#productSectionRight {
	width: 404px;
	height: auto !important;
	height: 363px;
	min-height: 363px;
	background-image: url(../images/section_separator_vertical.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding: 0px 14px;
	float: left;
}

#productSectionDescription { 
	height: auto !important;
	height: 50px;
	min-height: 50px;
	padding-bottom: 5px;
}

#productSectionSubSection {
	width: 405px;
}

h2, h2 a, .h2 {
	color: #27779c;
	font-size: 12px;
}

ul {
	list-style-image: url(../images/bullet.gif);
}

.sectionListItems {
	margin: 0px 0px 0px 17px;
}

.imageBorder {
	border: 1px solid #505050;
	background-position: center;
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
}

.productList {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	table-layout: fixed;
}

.productListRow { 
	background-image: url(/custom/images/section_separator.jpg);	
	background-repeat: repeat-x;	
	background-position: bottom;
	padding: 0px;
	margin: 0px;
}

.productListData { 
	padding: 0px;
	margin: 0px;
	padding: 8px 0px;
	height: 114px;
}

.productListDetailsDescriptionNoCompare {
	height: 114px;
	width: 319px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}

.productListDetailsDescription {
	height: 114px;
	width: 300px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}

.productListDetailsLogo {
	height: 74px;
	width: 120px;
	text-align: right;
}

.productListDetailsPrice {
	height: 40px;
	text-align: right;
}

.productListCompare {
	width: 19px;
}

.productListCompare div {
	background-color: #dfe0df;
	height: 69px;
	padding-top: 45px;
}

.productListImage {
	width: 114px;
}

.productListDescription {
 	vertical-align: top;
}

.productListDescription div {
 	padding: 5px;
 }

.productListPrice {
	float: right;
	margin: 0px;
	padding-top: 10px;
	text-align: right;
}

#productPricing tr {
	height: 20px;
}

#productPricing td {
	vertical-align: bottom;
}

.price {
	color: #009b88;
	font-weight: bold;
	font-size: 12px;
}

/*
brands
*/

.brandLogo {
	width: 145px;
	height: 145px;
	text-align: center;
}

.brandDetails {
	width: 245px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 20px;
}

.brandLinks {
	padding-left: 20px;
	width: 141px;	
	vertical-align: top;
	padding-top: 20px;
}

.brandLinks li {
	margin: 0px;
}

.brandSeparator {
	background-image: url(../images/section_separator.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 551px;
	height: 10px;
}

#searchButton {
	vertical-align: top;
	margin-left: 5px;
	cursor: pointer;
}

#searchBar {
	padding-top: 7px;
	height: 18px;
	float: left;
	text-align: left;
	width: 152px;	
}

#navigationBar {
	float: left;
	width: 633px;
}

/*
product styles
*/

#productContainer {
	width: 575px;
	clear: left;
	float: left;
}

#productImageContainer {
	float: left;
	width: 165px;
	height: 165px;
	border: 1px solid #505050;
	background-position: center;
	background-repeat: no-repeat;
}

#productMainDetails {
	float: left;
	width: 397px;
	padding-left: 10px;
}

#productDetailContainer {
	margin-top: 8px;
	clear: both;
	float: left;
	border: 1px solid #505050;
	width: 572px;
	height: auto !important;
	min-height: 328px;
	height: 328px;
}

#productDetailMenuContainer {
	float: left;
	width: 166px;
}

.productDetailMenuItemOff {
	display: block;
	border-right: 1px solid #505050;
	border-bottom: 1px solid #505050;
	background-color: #dfe0df;
	width: 165px;
	height: 28px;
}
.productDetailMenuItemOnAfter {
	display: block;
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	border-bottom: 1px solid #505050;
	background-color: #dfe0df;
	width: 165px;
	height: 28px;
}

.productDetailMenuItemOn {
	display: block;
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
	width: 165px;
	height: 28px;
}

.extraPadding {
	padding: 5px 0px 5px 5px;
}

#productDetailInfoContainer {
	float: left;
	width: 385px;
	height: auto !important;
	min-height: 100px;
	height: 100px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}	

/*
product compare
*/

#productCompareContainer {
	clear: left;
	float: left;	
	overflow-x: auto;
	width: 760px;
	padding-bottom: 15px;
}

.productCompareImage {
	border: 1px solid #505050;
}

.compareRow {
	background-color: #dfe0df;
}

.compareAltRow {
	background-color: #ffffff;
}

.dottedBorder {
	background-image: url(../images/vertical_separator.gif);
	background-position: right;
	background-repeat: repeat-y;
}

/*
news
*/

.newsListingDate {
	display: none;
}

.newsListingPreview {
	margin-bottom: 8px;
}

/*
basket
*/

.basketLabel {
	float: left;
	display: inline;
	width: 120px;
	padding-left: 10px;
}

.basket_list .altRow, .popup_basket_list .altRow, .popup_basket_product .altRow {
	background-color: #ffffff;
}

.basket_list .row, .popup_basket_list .row, .popup_basket_product .row {
	background-color: #efefef;
}

.popup_basket_list {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 150px;
}

.popup_basket_product {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 78px;
}

.main_content_text {
	clear: both;
}

.customerDetails {
	width: 685px;
	text-align: left;
}

/*
portfolio
*/

.portfolioList {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 572px;
	table-layout: fixed;
	clear: left;
}

.portfolioListRow { 
	background-image: url(/custom/images/section_separator.jpg);	
	background-repeat: repeat-x;	
	background-position: bottom;
	padding: 0px;
	margin: 0px;
}

.portfolioListData { 
	padding: 10px 0px 10px 0px;
}

.portfolioContent {
	padding: 0px 0px 15px 0px;
}

.portfolioSeparator {
	width: 565px;
	height: 2px;
	background-image: url(../images/section_separator.jpg);
	background-repeat: repeat-x;
	background-position: center;
	clear: left;
	float: left;
	margin-right: 9px;
	font-size: 1px;
}

/*
criteria features
*/

.features {
	width: 385px;
}

.featuresName {
	width: 130px;
}

/*
partners
*/

.partnerLogo {
	width: 145px;
	height: 145px;
	text-align: center;
}

.partnerDetails {
	width: 400px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 20px;
}

.partnerSeparator {
	background-image: url(../images/section_separator.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 551px;
	height: 10px;
}

/*
custom table
*/

.customSeparator td {
	background-image: url(../images/section_separator.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 551px;
	height: 30px;
}

.customImage {
	padding: 5px 0px;
	text-align: center;
}

.customImage img {
	vertical-align: middle;
	padding: 5px;
}

.customImageRight {
	padding: 5px 0px 5px 10px;
	text-align: center;
}

.customImageRight img {
	vertical-align: middle;
}

.customDetails {
	width: 139px;
	margin-left: 10px;
	vertical-align: top;
	padding-top: 20px;
}

/*
login box
*/

#loginPopup {
	background: transparent;
	border:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	width: 375px;
	height: 259px;
}

#loginPopupBackground { 
	background: transparent url(../images/login-box.png);
	position: absolute;
	width: 253px;
	height: 146px;
	z-index: -1;
}

#innerLoginPopup {
	padding: 13px 0px 0px 40px;
	z-index: 200;
}

#topLoginPopup {
	text-align: right;
	height: 20px;
	overflow: hidden;
	z-index: 200;
	padding: 12px 3px 0px 0px;
}

#innerLoginPopup label {
	font-size: 125%;
	font-weight: bold;
}

.loginText {
	width: 140px;
}

.forgottenPasswordLink {
	padding-top: 10px;
}

.forgottenPasswordLink a {
	color: #505050;
}

.alternativeProduct {
	height: 110px;
	width: 385px;
	margin-bottom: 10px;
}

.alternativeImage {
	height: 110px;
	width: 110px;
	float: left;
}

.alternativeDescription {
	float: left;
	width: 225px;
	height: 70px;
	overflow: hidden;
	margin-left: 10px;
}

.alternativePrice {
	float: right;
	margin-top: 5px;
}

/*
footer
*/

#footer {
	clear: both;
	margin: 10px auto 0px auto;
	width: 785px;
	height: 30px;
	font-weight: bold;
}

#footer a {
	color: #787878;
	margin: 0px 10px;
}

/* register table */

table.register {
	width: 400px;
	text-align: left;
}
table.register tr.header th {
	text-align: left;
	font-size: 8pt;
	height: 22px;
}

table.register td {
	height: 16px;	
}

.registerInput {
	width: 180px;
}

table.register label {
	width: 180px; 
}

.registerStar {
	color: #27779c;
	padding-left: 5px;
}

.quoteLabel {
	width: 190px;
}

/* netapp page */

.netAppContainer {
	background: url(/custom/images/netapp-leaf.gif) no-repeat top right;
	clear: left;
	float: left;	
	width: 760px;
	margin: 20px 0 15px 0;
} 

.netAppContent {
	clear: left;
	width: 760px;	
	padding-top: 150px;
	font-size: 12px;
}

.netAppGreyHeading {
	color: #6d6f71;
	font-size: 20px;	
}

.netAppBlueHeading {
	padding-top: 15px;
	color: #0077c0;
	/*color: #27779c;*/
	font-size: 50px;
	width: 570px;
}

.netAppColumn {
	float: left;
	width: 240px;
	padding-top: 20px;
}

.netAppColumnHeader {
	font-size: 14px;
	font-weight: bold;
	color: #0077c0;
	/*color: #27779c;*/
	padding-bottom: 7px;
}

.netAppForm {
	clear: left;
	padding-top: 20px;
}

.clearer {
	clear: both;
}
#cherishedMemories {
	margin-left: 2px;
	margin-top: 13px;
}

/* technology tour */
.tourContainer {
	margin-bottom: 10px;
	clear: left;
	float: left;
	width: 575px;
}
#tourMenu {
	height: 37px;
}
.tourMenuItemOn {
	float: left;
	padding: 14px 8px 0 8px;
	height: 23px;
	background-color: #7db8ce;
	margin-right: 1px;
	color: #fff;
	cursor: pointer;
}
.tourMenuItemOff {
	float: left;
	padding: 10px 8px 0 8px;
	height: 23px;
	background-color: #bedbe6;
	margin: 4px 1px 0 0;
	color: #27779c;
	cursor: pointer;
}
#tourBox {
	border: 1px solid #7db8ce;
	width: 566px;
	padding: 20px 0 5px 6px;
}
.tourContent {
	padding-bottom: 20px;
}
.tourContent a {
	color: #27779c;
}
.reserveYourPlace {
	border: 0;
	width: 164px;
	height: 35px;
	background: url(/custom/images/reserve-your-place.jpg) no-repeat;
	cursor: pointer;
}
#tourFormContainer {
	height: 375px;
}
#tourFormLeft {
	float: left;
	width: 320px;
}
.tourFormItem {
	clear: left;
	height: 30px;
}
.tourFormItem label {
	width: 110px;
}
.tourFormItem .text {
	width: 190px;
}
#tourFormRight {
	float: left;
	margin-top: 22px;
}
#tourFormRight textarea {
	width: 235px;
	height: 315px;
	border: 1px solid #7db8ce;
	font-family: arial;
}
/* captcha */
.captchaImage {
	vertical-align: top;
}
.captchaText {
	margin-top: 1px;
	width: 80px;
}
.contentHomeVideo {
	margin-top: 10px;
}