﻿/* = Overlay styles
----------------------------------------------------- */

        #lightbox-content #wrapper,
        #lightbox-content .wrapper-inner,
        #lightbox-content #header,
        #lightbox-content #footer {
            min-width:inherit; /* T */
            width:auto;
        }

        #lightbox-content h1 {
    		font-size:1.8em;
    		background:#fff;
    		padding:4px 10px 10px 0;
    		margin-bottom:0;
    		width:auto;
    	}

        #lightbox-content a {cursor:pointer;}

        #lightbox-content ul li {
            font-size:1.1em;
            list-style:none;
        }


    /* global classes */
        #lightbox-content .row {
        	width:100%;
        	clear:both;
        	float:left; display:inline;
        }

        /* zebra striping*/
			#lightbox-content .zebra-stripe li,
			#lightbox-content .zebra-stripe td,
			#lightbox-content .zebra-stripe th {
				background-color:#f5f5f5;
				padding:5px;
			}

				#lightbox-content .zebra-stripe li.alt,
				#lightbox-content .zebra-stripe .alt th,
				#lightbox-content .zebra-stripe .alt td {background-color:#fff;}

				#lightbox-content .zebra-stripe li.selected {background:#e7e7e7;}

		#lightbox-content .product-delivery div {
			float:left;
			width:84px;
		}
		#lightbox-content .product-delivery p.delivery-type {
			font-weight:bold;
		}
		#lightbox-content .product-delivery p.delivery-type img {
			float:left;
			margin-right:6px;
		}

/* = */


/* = Page elements
----------------------------------------------------- */

    /* & container
    ---------------------------- */
        #lightbox-content #container {
        	width:590px;
        	float:left; display:inline;
        }

			#lightbox-content .wrapper-inner { 
				width:550px;
				padding:10px 20px;
			}


    /* & header
       (styles duplicated in shadowbox.css file)
    ---------------------------- */

        #lightbox-content #header {
        	width:100%;
        	margin:0;
            padding:0;
            background:#fff url(../images/sprt_grey-grads.png) repeat-x 0 100%;
        }

			#lightbox-content #header p { /* T */
				display:inline;
				float:right;
				padding:6px 10px;
			}

				#lightbox-content #header p a {
					color:#111;
					display:block;
					background:url(../images/bg_overlay_header_close.png) transparent no-repeat 100% 50%;
					padding-right:20px;
					font-weight:bold;
				}

#lightbox-content #footer { padding:0 10px 10px 10px; }


/* = Content elements
----------------------------------------------------- */

    /* & columns
    ---------------------------- */

        #lightbox-content .pri-col {
            float:left;
            width:290px;
        }

        #lightbox-content .sec-col {
            float:left;
            width:255px;
        }


    /* & product intro
    ---------------------------- */
    	#lightbox-content .product-intro {color:#49494a;}

    		/* standard settings */
    		#lightbox-content .product-intro h1 {
    			color:#49494a;
    			font-size:2em;
    			margin-bottom:.3em;
    		}

    		#lightbox-content .product-intro h2 {
    			font-size:1.6em;
    			margin-bottom:0.2em;
    			line-height:1em;
    			color:#49494a;
    		}

    		#lightbox-content .product-intro p {
    		    color:#737474;
    		    font-size:1.1em;
    		    padding-bottom:1em;
    		}

				#lightbox-content .product-intro p.sku {
					font-size:1em;
					font-variant:small-caps;
				}

				#lightbox-content .product-intro p.price {
					color:#111;
					display:inline;
					float:left;
					font-size:2em;
					margin:0 1em 0 0;
					padding:0;
				}

				#lightbox-content .product-intro p.saving {
					background-color:#77c3ff;
					color:#fff;
					display:inline;
					float:left;
					font-size:1.4em;
					font-weight:bold;
					margin:0.3em 0 0 0;
					padding:0 0.2em;
				}

    		#lightbox-content .product-intro td {
                text-align:left;
    		    vertical-align:top;
    		}

    		#lightbox-content .product-intro img {margin:0 20px 0 0;}

    		#lightbox-content .product-intro .product-details {margin:0 20px 0 0;}

			#lightbox-content .product-intro .product-details h1 {padding-left:0;}
			
				#lightbox-content .product-intro .product-details ul {
					width:100%;
					float:left;
				}

    		/* download content container */
    		    #lightbox-content .product-intro .download {
                    border:1px solid #c3c4c4;
    		        margin-bottom:1em;
    		        padding:5px;
    		    }

					#lightbox-content .product-intro .download.pdf {
						background:url(../images/img_overlay_cart-confirm_pdf.jpg) transparent no-repeat 3px 3px;
						padding-left:45px;
					}

					#lightbox-content .product-intro .download ul,
					#lightbox-content .product-intro .download p {
						margin-bottom:0;
						padding-bottom:0;
					}

						#lightbox-content .product-intro .download ul li {font-size:1.2em;}


/* = Overlay Page Specific styles
----------------------------------------------------- */

	/* Overlay - Basket */

		#overlay-basket h2,
		#overlay-basket h3 {
				margin:0;
				font-size:1.2em;
			}

			#overlay-basket p {
				float:left;
				margin:.2em 0 0;
				width:290px;
				line-height:1.2;
				font-size:1.1em;
			}

			#overlay-basket input.button {float:none;}

			#overlay-basket table {
				clear:left;
				margin:0 0 0 10px;
				width:526px;
			}
			
				#overlay-basket th {
					font-size:1.2em;
					text-align:right;
				}
				
				#overlay-basket th.h1 {
					margin-bottom:0;
					font-size:2em;
					font-weight:bold;
					text-align:left;
				}

				#overlay-basket td {
					padding:10px 0 10px 0;
					border-bottom:1px dotted #c3c4c4;
					vertical-align:middle;
				}

				#overlay-basket .last td {border-bottom:none;}
				
					#overlay-basket td label {
						margin-bottom:5px;
						font-size:1.4em;
						font-weight:bold;
					}
					
						#overlay-basket td strong {
							display:block;
							font-weight:normal;
							font-size:0.7em;
						}

			#overlay-basket .price {
				padding:10px 0 10px 19px;
				border-left:1px dotted #c3c4c4;
				text-align:right;
				background:none;
			}

				#overlay-basket .price p {
					float:none;
					margin:0;
					width:auto;
					font-size:1.6em;
					font-weight:bold;
					color:#111;
				}

			#overlay-basket .icon, #overlay-cart-confirm .icon {
				float:left;
				margin:0 10px 0 0;
				width:57px;
				height:57px;
				background:url(../images/sprt_product-extra-large.png);
			}

				#overlay-basket .warranty-1 .icon,
				#overlay-cart-confirm .warranty-1 .icon {background-position:0 0;}
				#overlay-basket .warranty-3 .icon,
				#overlay-cart-confirm .warranty-3 .icon {background-position:0 -100px;}
				#overlay-basket .warranty-5 .icon,
				#overlay-cart-confirm .warranty-5 .icon {background-position:0 -200px;}
				#overlay-basket .warranty-monthly .icon,
				#overlay-cart-confirm .warranty-monthly .icon {background-position:0 -300px;}
				#overlay-basket .installation-basic .icon {background-position:0 -400px;}
				#overlay-basket .installation-wall .icon {background-position:0 -500px;}
				#overlay-basket .installation-not-reqd .icon {background-position:0 -600px;}
				#overlay-basket .installation-recycle .icon {background-position:0 -700px;}
				
			#overlay-basket fieldset.controls {
				margin-top:10px;
				padding:10px;
				border-top:1px solid #e7e7e7;
				border-bottom:1px solid #e7e7e7;
		        background:url(../images/sprt_grey-grads.png) repeat-x bottom;
		        text-align:right;
			}
			
			#overlay-basket td.installation-basic img,
			#overlay-basket td.installation-wall img {
				float:left; display:inline;
				margin-right:10px;
			}


	/* Overlay - Checkout - Loading */

    	#lightbox-content #overlay-checkout-loading {
    		padding-top:50px;
    		padding-bottom:50px;
    	}

			#overlay-checkout-loading .row {text-align:center;}


	/* Overlay - Checkout - Address */

    	#overlay-checkout-address {width:100%;}

			#overlay-checkout-address fieldset {padding:10px;}

				#overlay-checkout-address h1 {font-size:2em;}

				#overlay-checkout-address ol {list-style:none;}

					#overlay-checkout-address li input {float:left; margin-top:2px;}


	/* overlay - checkout - collection - map */
			#overlay-checkout-collection-map .row {margin-bottom:1em;}

				#overlay-checkout-collection-map .module {
					float:left;
					width:135px;
					margin-right:10px;
				}

					#overlay-checkout-collection-map h2,
					#overlay-checkout-collection-map table thead th {
						font-size:1.2em;
						color:#49494a;
						margin:0;
						padding-bottom:0.1em;
						border-bottom:1px solid #dcdcdc;
					}

					#overlay-checkout-collection-map table thead th {background:#fff;}

					#overlay-checkout-collection-map table tbody th,
					#overlay-checkout-collection-map table tbody td {
						color:#49494a;
						font-size:1.1em;
					}

						#overlay-checkout-collection-map table tbody td {text-align:right;}

	/* overlay - checkout - Reserve & Collect */
	#overlay-reserve-collect {
		padding:20px 0 20px 10px; 
		width:540px; 
	}

		#overlay-reserve-collect h1 {padding-left:0; margin-bottom:0;}

			#overlay-reserve-collect table {margin:10px 0;}

				#overlay-reserve-collect th {
					font-size:1.2em;
					background:#003b64;
					color:#fff;
				}

				#overlay-reserve-collect table th.first {
					width:60px;
					border-right:1px dotted #fff;
				}

				#overlay-reserve-collect td {
					padding:10px;
					font-size:1.1em;
				}

					#overlay-reserve-collect td strong {
						font-weight:bold;
						color:#323232;
						font-size:1.1em;
					}

					#overlay-reserve-collect td img {
						margin-right:5px;
						float:left;
					}

				#overlay-reserve-collect tbody td { border-top:1px solid #e7e7e7; }

				#overlay-reserve-collect tbody tr.first td { border-top:0; }

		#overlay-reserve-collect fieldset.controls {
			padding:10px;
			border-top:3px solid #e7e7e7;
			border-bottom:1px solid #e7e7e7;
			margin-bottom:10px;
	        background:url(../images/sprt_grey-grads.png) repeat-x;
	        text-align:right;
		}

			#overlay-reserve-collect fieldset.controls strong {
	    		padding-right:10px;
	    		float:right;
	    		font-size:1.2em;
	    		font-weight:normal;
	    		color:#111;
	    		line-height:2;
	    	}
			
			#overlay-reserve-collect .delivery-col {width:130px;}
		
			#overlay-reserve-collect p.delivery-type {
				width:130px; 
				font-size:1em;
				line-height:1.3;
				padding:0;
			}
			
				#overlay-reserve-collect p.delivery-type img {margin-top:3px;}

	    #overlay-reserve-collect .footnote { font-size:1.1em; }


	/* overlay - quick view */
	#lightbox-content #overlay-quick-view .product-info {
		width:320px;
		float:right; display:inline;
	}

		#overlay-quick-view h1 {
			padding:0;
			margin-bottom:5px;
		}

			#overlay-quick-view h1 span {
				background:#77c3ff;
				color:#fff;
				font-size:0.8em;
				text-transform:uppercase;
			}

		#overlay-quick-view .product-intro .model {
			font-size:1.1em;
			color:#111;
		}

			#overlay-quick-view .product-intro .module {
				width:100%;
				padding:5px 0;
				border-top:1px solid #e7e7e7;
				border-bottom:1px solid #e7e7e7;
				margin-bottom:0;
				float:left; display:inline;
				margin:0;
			}

				#overlay-quick-view .product-intro .rating {
					width:140px;
					padding-right:5px;
					margin-right:5px;
					border-right:1px dotted #c3c4c4;
					float:left; display:inline;
				}

					#overlay-quick-view .product-intro .rating img { margin-right:0; }

					#overlay-quick-view .product-intro .rating p { padding-bottom:5px; }
					
			#overlay-quick-view .product-delivery {
				border:none;
				padding:0;
				width:auto;
			}
			
				#overlay-quick-view .product-delivery .delivery-type {
					padding:0;
					width:auto;
				}

	#overlay-quick-view .promo {
		width:100%;
		padding:5px 0;
		border-bottom:1px solid #e7e7e7;
		margin-bottom:5px;
		float:left;
		font-weight:bold;
		color:#77c3ff;
	}

		#overlay-quick-view .product-price p { text-align:right; }

		#overlay-quick-view .product-price a {
			margin-right:10px;
			font-size:0.9em;
		}

		#overlay-quick-view .item-price {
			padding-bottom:5px;
			text-align:right;
			font-size:2em;
			font-weight:normal;
			color:#111;
		}

			#overlay-quick-view .product-price input.button { float:none; }

	#overlay-quick-view .product-image {
		width:220px;
		float:left; display:inline;
		text-align:center;
	}

		#overlay-quick-view .product-image .pagination {
			width:225px;
			padding:14px 0 4px;
			background:none;
		}

			#overlay-quick-view .product-image .pagination ul {
				display:block;
				margin-left:0;
				width:100%;
				overflow: hidden
			}

			#overlay-quick-view .product-image p {
				margin-top:5px;
				font-size:1.1em;
			}
		
			#overlay-quick-view ul li a {padding-left: 0;}

		#overlay-connected-gift img {
			margin:0 15px 0 0;
			float:left;
		}
		
		#overlay-connected-gift h1 {
			padding-bottom:0;
			color:#49494a;
		}
		
		#overlay-connected-gift h1,
		#overlay-connected-gift p.price {
			padding-left:0;
			font-size:2em;
			line-height:1;
		}
		
		#overlay-connected-gift h2 { font-size:1.2em; }
		
	#overlay-connected-tariff {
		width:100%;
	}
	
		#overlay-connected-tariff img {
			margin:0 10px 10px 0;
			float:left;
		}
		
		#overlay-connected-tariff h1 {
			height:55px;
			line-height:55px;
			font-size:2.4em;
			padding:0;
		}
	
			#overlay-connected-tariff h1 span { font-size:0.5em; }
		
		#overlay-connected-tariff p { font-weight:bold; clear:both; }
		
		#overlay-connected-tariff ul.benefits { margin-bottom:10px; }
		
			#overlay-connected-tariff ul.benefits li {
				padding-left:10px;
				background:url(../images/bg_list-item-square.png) no-repeat left;
			}
			
		#overlay-connected-tariff ul.allowance {
			background:#e7e7e7;
		}
		
			#overlay-connected-tariff ul.allowance li {
				padding:0 10px;
				border-bottom:2px solid #fff;
			}
			
			#overlay-connected-tariff ul.allowance li span {
				width:50%;
				padding:5px 0;
				margin-right:10px;
				border-right:1px solid #fff;
				display:inline-block;
			}
			
	#overlay-connected-tariff fieldset.controls {
		padding:10px;
		border-top:1px solid #e7e7e7;
		border-bottom:1px solid #e7e7e7;
		margin-top:10px;
        background:url(../images/sprt_grey-grads.png) repeat-x bottom;
        text-align:right;
	}
	
		#overlay-connected-select-gift .product-info {
			width:100%;
			padding:10px 0 20px 0;
			margin-bottom:10px;
			float:left; display:inline;
			background:url(../images/sprt_grey-grads.png) repeat-x bottom;
		}
	
			#overlay-connected-select-gift h1 {
				width:70%;
				padding:0;
				margin-bottom:15px;
				float:left;
				font-size:2em;
				line-height:1;
			}
			
			#overlay-connected-select-gift p.price {
				width:30%;
				padding-bottom:0;
				margin-bottom:15px;
				float:right;
				text-align:right;
				font-size:2em;
				line-height:1;
			}
		
			#overlay-connected-select-gift .product-info img {
				margin-right:5px;
				float:left;
			}
			
			#overlay-connected-select-gift .product-info li {
				height:40px;
				padding:5px 0 0 10px;
				margin:5px 0 0 10px;
				border-left:1px solid #e7e7e7;
				font-size:1.8em;
				line-height:1;
				float:left;
			}
			
				#overlay-connected-select-gift .product-info li span {
					font-size:0.6em;
					display:block;
				}
				
		#overlay-connected-select-gift .gift-row {
			width:100%;
			border-bottom:1px dotted #c3c4c4;
			padding:10px 0;
			float:left;
		}
		
			#overlay-connected-select-gift .gift-row div {
				width:132px;
				padding:0 0 0 50px;
				border-left:1px dotted #c3c4c4;
				float:left;
			}
			
			#overlay-connected-select-gift .gift-row div.first { border-left:1px solid #fff; }
			
			#overlay-connected-select-gift .gift-row p { font-size:1.8em; }
			
			#overlay-connected-select-gift .gift-row input.button { float:left; }
			
		#overlay-connected-check h1 {
			padding:0;
			margin-bottom:20px;
			font-size:2em;
		}
		
		#overlay-connected-check fieldset {
			width:320px;
			padding:10px;
			background:#e7e7e7;
			float:left;
		}
		
			#overlay-connected-check label {
				font-size:1.2em;
				clear:both;
			}
			
			#overlay-connected-check input.text {
				width:180px;
				margin:5px 0;
				float:left;
			}
			
			#overlay-connected-check input.button {
				margin:5px 0;
			}
			
		#overlay-connected-check .msg {
			width:180px;
			padding-top:15px;
			float:right;
		}
		
			#overlay-connected-check .msg img {
				float:left;
			}
		
			#overlay-connected-check .msg p {
				margin:0 0 15px 35px;
				line-height:1;
			}
		
			#overlay-connected-check .msg .button { float:left; }
			
	/* overlay - pdp - delivery */
		.pdp-overlay h1 { padding-left:0; }
		
			.pdp-overlay h1 span { font-size:0.6em; }
		
		.pdp-overlay fieldset {
			width:530px;
			padding:10px;
			margin-bottom:10px;
			background:#e7e7e7;
			float:left; display:inline;
		}
		
			.pdp-overlay label {
				float:left;
				font-size:1.2em;
				line-height:2;
			}
			
			.pdp-overlay .text {
				width:200px;
				margin:0 10px;
				float:left;
			}
			
			.pdp-overlay .button { float:left; }
			
		.pdp-overlay p { font-size:1.1em; }
	
	#overlay-pdp-delivery table {
		width:548px;
		border:2px solid #E5E5E5;
		border-collapse:collapse;
	}
	
		#overlay-pdp-delivery td {
			padding:8px 5px;
			border:1px solid #e5e5e5;
			font-size:1.2em;
		}
		
		#overlay-pdp-delivery td.na {
			background:#EDEDED url(../images/bg_checkout-schedule-na.png) no-repeat center center;
			border:1px solid #FFFFFF;
			text-indent:-9999px;
		}
		
	#overlay-pdp-delivery .other-weeks { padding:10px 0 0 0; }
	
	#overlay-pdp-delivery .other-weeks .prev {
		float:left;
		padding-left:60px;
	}
	
	#overlay-pdp-delivery .other-weeks .next { float:right; }
	
		#overlay-pdp-delivery .other-weeks .prev a {
			background:url(../images/sprt_checkout-schedule-arrows.png) no-repeat left center;
			padding-left:10px;
		}
	
		#overlay-pdp-delivery .other-weeks .next a {
			background:url(../images/sprt_checkout-schedule-arrows.png) no-repeat right center;
			padding-right:10px;
		}
		
		#overlay-pdp-delivery .other-weeks .prev a,
		#overlay-pdp-delivery .other-weeks .next a {
			color:#333333;
			display:inline;
			float:left;
			font-weight:bold;
		}


	#overlay-pdp-store {
		Xwidth:490px;
		Xpadding:20px 0 20px 10px;
	}

	#overlay-pdp-store .pagination {
		width:100%;
		margin-top:10px;
	}
	
		#overlay-pdp-store .pagination ul {
			padding-left:170px;
			float:left;
		}
			
			#overlay-pdp-store .pagination ul li a {padding-left:0;}

	#overlay-pdp-store table {
		width:100%;
		border-collapse:collapse;
	}
	
		#overlay-pdp-store th {
			width:120px;
			color:#737474;
			font-size:1.1em;
		}
		
		#overlay-pdp-store td,
		#overlay-pdp-store th {
			background:#fff url(../images/bg_checkout_table-seperator.png) repeat-y left center;
			border-left:1px solid #fff;
			border-top:1px solid #E5E5E5;
			font-size:1.2em;
			padding:10px;
			text-align:left;
		}
		
		#overlay-pdp-store td.first,
		#overlay-pdp-store th.first { background-image:none; }
		
		#overlay-pdp-store td { text-indent:-9999px; }
		
		#overlay-pdp-store td.not-available { background-color:#F5F5F5; }
		
			#overlay-pdp-store td span {
				background:url(../images/bg_checkout-schedule-available.png) no-repeat center center;
				display:block;
				min-height:25px;
				width:100%;
			}
			
			#overlay-pdp-store td.not-available span { background-image:url(../images/bg_checkout-schedule-na.png); }