/* CSS Document */

#logoContainer {position:relative; top:17px; left:16px; float:left;}
#topLeftContainer {float:right;width:300px;margin:0 15px 0 0;}
#PartnershipText{width:300px;color:#a1a1a1; font-size:10px; text-align:right;margin:3px 0 0 0;}

.SearchBar_Wrapper {font-size:1em;}
.SearchBar_Wrapper a {color:#000; text-decoration:none;}
.SearchBar_Wrapper h5 {padding:0px; margin:0px; color:#fff;}

.searchBar_collapsButton { float:left; padding-right:10px;}
.searchBar_sliderTable tr td {padding-right:20px;}
.searchBar_budgetValueText { border:none; background-color:#00ff00;}
.searchBar_budgetValueText, .searchBar_budgetValue {color:#fff; font-size:1.5em; font-weight:bold;}

#faqsList {width:385px;}

#faqsList h3 { cursor:pointer; font-size:1.2em; border-bottom:1px solid #999; }
.faqAnswer .largeCapsule { padding-top:0px; margin-top:0px;}

#sitemapList { font-size:0.9em;}
#sitemapList ul {padding: 0px; margin:0px;}
#sitemapList ul li {padding:10px 10px 10px 20px; border:1px solid #ccc; margin:10px; background: url('../images/bullet-point.png') 5px 14px no-repeat; background-color:#ccc;}
#sitemapList ul ul li {border:1px solid #ccc; background-color:#eee;}
#sitemapList ul ul ul li {border:1px solid #eee; background-color:#f5f5f5;}
#sitemapList ul ul ul ul li { background-color:#fff; border:1px solid #fff;}
#sitemapList h3, #sitemapList h4, #sitemapList h5 {padding:0px; margin:0px;}
#siteMapListSub li{margin:15px 0 !important; display:block; font-size:12px !important; }

#barUnderProd { clear:both; background:#f5f0ef;}
 #barUnderProd ul { padding:2px; width:100%;}
 #barUnderProd ul li { width:33%; display:inline;}
  #barUnderProd ul li a {float:left; display:block; width:33%; text-align: center;}

#searchArea { position:absolute; top:92px; margin-left:-100px; width:245px; height:50px; background: url('../images/search-bg.png') top left no-repeat;}
.searchBox {float:left; margin-left:20px; margin-top:2px; background-color:Transparent; border:none;}
/* html #searchArea { width:245px;}*/
.goButton {float:right;}
.SearchGoButton{float:right; background:transparent url('../images/search-button.png') top right no-repeat; width:72px; height:19px; text-align:center; padding:2px 0; font-weight:bold;}
.SearchGoButton:hover{color:#eee !important;}

#tandcText { width:380px;}
#tandcText dl {padding-bottom:20px;}
#tandcText dl dt { font-weight:900; clear:both; padding:5px; margin-right:10px; background-color:#f5f0ef; border-bottom:1px solid #fff; float:left; display:block; width:110px;}
#tandcText dl dd {padding:5px; border-bottom:1px solid #fff; }
#tandcText .conditionOS  {padding:0px; margin:0px;}
#tandcText .conditionOS h4 {padding:0px; margin:0px;}
#tandcText .conditionOS dt { background-color:#fff; display:inline; float:none; padding:0px; margin:0px; width:100%;}
#tandcText .conditionOS dd {padding:0px; margin:0px; } 
#tandcText h1, #tandcText h2, #tandcText h3, #tandcText h4, #tandcText h5 { text-transform:capitalize;}
#tandcText p { margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px;}
#tandcText ol {padding-left:25px; margin-left:0px;}

.prodListPhone {float:left; margin-right:18px; }

.prodListFeature {float:left; margin-right:18px;}
	.prodListFeature ul li {border:1px solid #fff;}
.prodListText {float:left;}
	.prodListText h2 a {color:#333; text-decoration:none;}
.prodListAdd {clear:both;}


#detailPackImg {float:left; padding:0px 0px 15px 0px; }
#phoneText {float:left; padding-right:0px; padding-bottom:18px; width:380px;}
#phoneText h2 {padding:0px; margin:0px;}
#phoneInfo {float:left; width:260px; padding-left:18px;}
#priceArea { float:left;}
#priceArea ul {padding:10px 0 0 0; margin:0px;}
#priceArea ul li {padding:0; margin:0px; display:inline;}

#priceArea h3 {margin:0px; padding:0px;}
#priceArea h4 {margin:0px; font-weight:900; font-size:1.6em; padding:7px 0px;}

#featureList {}
.features {}
#featureList ul li {list-style:none;  padding:1px 0px 2px 20px; background: url('../images/bullet-point2.gif') 0px 1px no-repeat;}


.productListList li h3, .productListList li p {display:inline;}
.productListList li {display:inline;}

.smallerText {font-size:0.6em;}


/* static basket*/
#userArea {float:right; padding:10px 0 0 0; width:300px; }   /* top:0px; margin-left:640px;}*/
	
	#basketWrapper {}
	#basketWrapper #basketItems, #basketWrapper #basketPrice {padding:2px 7px 0px 2px; margin:0px; display:block; text-align:right;}
	#basketWrapper div span {float:left; padding-left:10px;}
	#basketWrapper #basketView { clear:left; display:block; text-align:right; padding:10px;}
	
	div.staticBasketWrapper { width:300px; margin:-10px 0 0 0;padding:0px;}
	div.staticBasketWrapper #basketHolder {margin:0px 0px 0 0px; background-color:#f5f0ef;}
	/*div.staticBasketWrapper #basketHolder #basketItems {clear:both;}
	div.staticBasketWrapper #basketHolder #basketPrice {clear:both;margin:3px 0;}
	div.staticBasketWrapper #basketHolder #basketPrice {clear:both;}*/
	div.staticBasketWrapper #buttonPanel{width:300px;clear:both;}
	div.staticBasketWrapper #more,
	div.staticBasketWrapper #checkout {width:50px;padding:0px; float:right; height:20px;} 
	div.staticBasketWrapper #checkout {width:83px;}
	/*div.staticBasketWrapper #more .btnMyAccountShow {width:30px;height:20px; display:block; float:right; padding: 0 0 0 20px; background:transparent url(../images/button/button_buynow.gif) 0 -4px no-repeat; cursor:hand; margin:0px;}*/
	div.staticBasketWrapper #checkout .btnGoToCheckout{width:63px;height:20px; display:block; float:right; padding: 0 0 0 24px; background:transparent url(../images/button/button_buynow.gif) -1px 2px no-repeat; cursor:hand; margin:0px;}
	

/* dynamic drop down basket */
	
	#myaccountwrapper {width:120px}
	#basketContainer { width:118px; height:1px; clear:both; padding:0px;}
	#basketContainer #basketWrapper {width:300px; position:absolute;z-index:100; margin-top:20px;}
	#basketContainer #basketWrapper h2{}
	#basketContainer #basketWrapper #btnMyAccountShow{clear:both;width:310px;}
	#basketContainer #basketWrapper #myAccountAreaWrapper { margin:0; width:300px; z-index :100; background-color:transparent;}
	#basketContainer #basketWrapper #myAccountArea{z-index:100; width:300px; background-color:#fff;}
	#basketContainer #basketWrapper #myAccountContent{padding:0; width:300px; overflow:auto; margin:0px 0 0 0;}
	#basketContainer #basketWrapper #myAccountArea #basketPrice {margin:0px;}
	
	#myAccountContent { border: 2px solid #9ad800; width:300px; background-color:#fff;}
	
	#myAccountContent #basketHolder{ width:290px; height:225px; padding:3px; background-color:#fff;}
	#myAccountContent #basketHolder #itemCollection {height:150px; overflow:auto; background:#fff; }
	#myAccountContent #basketHolder #item {width:280px; margin:0 0 3px 0; clear:both;}
	#myAccountContent #basketHolder #item .title {margin:0 0 0 8px;}
	#myAccountContent #basketHolder #item .quantity {margin:0 8px 0 0;}
	/*#myAccountContent #basketHolder #more {width:385px;padding:0px; margin:7px 0 0 0; clear:both; height:20px; clear:both;} 
	#myAccountContent #basketHolder #more .btnMyAccountShow{background:transparent url(../images/baskethidehandle.gif) 0 -4px no-repeat;}*/

	/* #basketHolder {background: #f5f0ef; padding:2px 0px 0px 5px; position:absolute; margin-left:653px; top:0px; width:300px; height:35px;} */
	#buttonPanel ul {margin:0px; padding:0px !important;}
	#buttonPanel ul li {margin:0px 12px 0px 0px; padding:0px !important; display:inline; list-style:none; float:left;}
	#buttonPanel .heading {display:block; font-weight:900; width:200px;}
	#basketPrice, #basketItems {float:left;}
	#basketPrice span, #basketItems span {font-weight:bold;}
	#basketItems {padding-right:20px;}
	#buttonPanel {clear:both; padding-top:3px; height:20px;}
	#buttonPanel ul li a div {display:inline;}

	.caudReqField { text-align:left;}

	ul.prodList { padding:0px; margin:0px;}
	ul.prodList li { padding:0px; margin:0px; display:inline; float:left;}
	#largeCapsule {clear:left;}

	#detailBtns2 {padding-top:20px;}
	.basketDetChec { margin-left:290px;}

	.caudTextCSS label p {display:inline;}

	#basketTable {}
	#basketTable tr {}
	#basketTable tr th { font-size:1.2em; color:#fff; background-color:#9ad800; padding:5px 0px 5px 3px;}
	#basketTable tr td {background-color:#F5F0EF; padding:5px 0px 5px 3px;}
	#basketTable tr td.white {background-color:#fff;}
	#basketTable tr th.grey {background-color:#E4AC01; color:#fff;  padding:5px 3px 5px 0px;}
	
	.heroCapsuleInner {}
	.heroCapsuleInner .imageHolder {float:left; width:100px; paddsecuriyCodeing:0px 0px 10px 0px;}
	.heroCapsuleInner ul {float:left; width:200px; text-align:left; padding:0px; margin:0px;}
	.heroCapsuleInner ul li {padding:0px; margin:0px;}
	.heroCapsuleInner p {padding-left:0px; padding-right:0px;}
	.heroCapsuleInner h2 {padding:0px; margin:0px;}
	.heroCapsuleInner h2 a, .heroCapsuleInner h3 a  {color:#000; text-decoration:none;} 
	.heroCapsuleInner h3 {padding:0px; margin:0px;}
	.heroCapsuleInner h4 {text-decoration:none; padding:3px 0px; margin:5px 0 0 0;}
	.prodDescText {padding-bottom:15px;}
	.prodDescText p {display:inline;}
	
	.capsuleImg {padding-top:18px; padding-bottom:7px;}
	
	.highlight {background-color:#9DDC00;}
	.errorText {color:#9DDC00; font-weight:900;}
	
	.buttonSpacing {padding:3px 0px 1px 0px;}
	
	#siteMapList ul .paddingLeft li {padding-left:30px;}
	
	#popupPage {background-color:#fff; height:100%;}
	#popupPage #contentOuter {padding:1px 10px 0px 10px;}
	#popupPage .closeLink {float:right; margin-top:7px;}
	#popupPage .popupSend {float:left; padding:0 0 0 0; margin:0 0 0 140px;}
	#popupPage h2 {padding-left:5px;}
	
	#phoneDetEnlarge dl dt {padding:0px; margin:0px;}
	#phoneDetEnlarge dl dd {padding:0px; margin:0px 1px 0px 0px; float:left;}

a.btnHandset {margin-left:46px; margin-top:5px;}
a.mailContShop {margin-left:10px; margin-top:5px;}

#tandcsHaedless #tandcText, #conditionsOfSaleHeadless #tandcText {width:100% !important; margin:5px; background-color:#fff; padding:10px; border:solid 1px #9DDC00; }
#securiyCode #wrapper{margin:5px; background-color:#fff; padding:10px; border:solid 1px #9DDC00; }
#leftHandSideBanner{ display:none; }
#featureListHolder{margin:10px 0 0 0;}
#featureListHolder table td{height:16px;}


div#wrapBody {
	background:#323232 url(../images/wrapbody_bg.gif) no-repeat;
	padding-top:14px;
	position:relative;
	width:1002px;
}

div#breadcrumbBar {
	height:18px;
	margin-left:13px;
	overflow:hidden;
	width:971px;
}

h2#breadcrumbSectionName {
	color:#FFFFFF;
	font-size:15px;
	left:0px;
	margin:0px;
	position:absolute;
	top:0px;
}

h2#breadcrumbText a {
	color:#999999;
	text-decoration:underline;
}

h2#breadcrumbText a:hover {
	color:#FE8004;
	text-decoration:underline;
}

h2#breadcrumbText b {
	color:#FFFFFF;
	font-weight:bold;
}

h2#breadcrumbText {
	font-size:11px;
	left:183px;
	margin:0px;
	overflow:hidden;
	position:absolute;
	width:550px;
}

h2#breadcrumbContact {
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	position:absolute;
	right:0px;
	top:4px;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - PCI ADDED INTO SOLUTION - - - - */
/* - - - - - - - - - - - - - - - - - - - - */ 

#progressBar {padding:0px 0px 10px 0px; margin:0px; width:100%;}
#progressBar h2 {width:630px; background-color:#fff; height:70px; display:block; overflow:hidden; position:relative;}
#progressBar span {width:900px; height:70px; display:block; top:0px; left:0px; position:absolute;  }
div.basketDetails span { background:url(../images/pci-banners/journey-step1.gif) top left no-repeat;}
div.personalDetails span { background:url(../images/pci-banners/journey-step2.gif) top left no-repeat;}
div.paymentDetails span { background:url(../images/pci-banners/journey-step3.gif) top left no-repeat;}
div.orderConfirmation span { background:url(../images/pci-banners/journey-step4.gif) top left no-repeat;}

div.pnlAddressDetails_GetAddress { padding-left:258px; }
div.pnlAddressDetails_GetAddress a { display:block; text-indent:-3000em; background:url(../images/pci-images/get-address-button.gif) top left no-repeat; width:107px; height:23px; }
div.pnlRightButton a.btnNext {display:block; text-indent:-3000em; background:url(../images/pci-images/continue_btn.gif) top left no-repeat; width:107px; height:23px; }
