﻿/* MAIN SHEETS */
/*@import "/css/christmas.css";*/
/*@import "worldcup.css";*/

/****** HTML Elements **/
		
	body {
		font-size: 0.8em;
		font-family: Arial, Verdana, Sans-Serif;
		margin: 0;
		background-color: #ffffff;
		color: #6D6F71;

	}
	
	h1 {
		font-size:1.5em;
		color:#000000;
		margin:0 0 10px 0;
	}
	
	h2 {
		font-size:1em;
		color:#00007F;
		margin: 0 0 10px 0;
	}
	
	img {
		border: 0;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
	.hidden {
		display: none;
	}
	
/****** Content **/

	.container {
		width: 990px;
		margin: auto;
	}
	
	.header{position:relative;}
	
	.content {
		padding: 6px 0 0 0;
		background: #F2F5F6 url(/images/shd/outer_content_top.jpg) no-repeat left top;
		float: left;
		width: 990px;
	}
	
	.content_main {
		padding: 0 10px 0 10px;
		background: #CFD9DE url(/images/shd/outer_content_bg.jpg) repeat-x left top;
		float: left;
		width: 970px;
	}
	
	.content_main_bot {
		padding: 0 0 10px 0;
		background: #CFD9DE url(/images/shd/outer_content_bot.jpg) no-repeat left bottom;
		float: left;
		width: 990px;
	}
	
	.orange {
		color: #FF5800;
	}
	
	div#tipDiv	{
	    background-color:white;
        border:1px dashed #75666D;
        color:White;
        float:left;
        font-size:11px;
        left:0px;
        line-height:1.2;
        opacity:0.9;
        padding:1px;
        position:absolute;
        top:0pt;
        visibility:hidden;
        z-index:10000;
	}
	
	.imgleft {
        float:left;
        margin-bottom:8px;
        margin-right:8px;
    }
    
    .redText
    {
        color:#990000;
    }
    
    .zoomImg, img.zoomImg:hover, img.zoomImg, img.zoomImg a, img.zoomImg a:hover
    {
		cursor: url(/images/shd/magnify.cur), pointer !important;
	}
	html>body div#popup a#visitCommercial, html>body div#popup a#continueToResidential
	{
	    margin-left:34px;
	}
	div#popup a#continueToResidential{margin-left:17px;}  div#popup a#visitCommercial{ margin-left:32px;}
	
	.rss    
	{
	    margin-left: 1em;
	}
	
	#previousBasket_messages {
	display: block;
	float: left;
	width: 595px;
	z-index: 30000;
	background: url(/images/shd/prev_basket_pop_top.png) no-repeat left top;
	padding: 21px 0 0 0;
	color: #6D6F71;
	position:absolute;
	left:0;
}

#previousBasket_messages .basket_messages_bot {
	background: url(/images/shd/prev_basket_pop_bot.png) no-repeat left top;
	width: 595px;
}

#previousBasket_messages .basket_messages_mid {
	background: url(/images/shd/prev_basket_pop_mid.png) repeat-y left top;
	width: 595px;
}



#basket_loading{
    background:#fff;color:#000;padding:10px; text-align:center;
    font-size:0.9em;
    border:solid 1px #eee;
    }
    
#basket_loading p{
    margin:0 0 4px 0;
}

#previousBasket_messages .closeBtn{
    width:552px;
    text-align:right;
    cursor:pointer;
    display:block;
    margin-bottom:10px;
    }

.middle_column #previousBasket_messages h3
{
    margin: 10px 0 2px;
}

.basket_messages_mid {
	padding: 0 20px 0 20px;
	width: 386px;
	background: url(/images/shd/basket_pop_mid.png) repeat-y left top;

}

.basket_messages_bot {
	background: url(/images/shd/basket_pop_bot.png) no-repeat left top;
	padding: 21px 0 0 0;
	width: 426px;
}

.LoginMessage
{
    clear:left;
    float:left;
}

#buyInfoPanel .noBuyPanel
{
    border-left: none;
    width: 570px;
    margin-left:0px;
    padding-left:0;
}

.productListFilter
{
    background:url("../images/shd/table_divider.gif") no-repeat scroll left top #0039A6;
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    padding:24px 0 5px 10px;
    text-align:left;
    width:560px;
    float:left;
}

.productListFilter #prodText
{
    float: left;
    margin-top:4px;
}
	
.productListFilter div
{
    float: right;
}

.productListFilter select 
{
    float: left;
}

body .container .content .middle_column .productListFilter div a.button1
{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
}


.productListFilter div span
{
	margin-top: 4px;
	float: left;
	display: block;
	margin-right: 3px;
}

.productListFilter #productListFilterSorter
{
    font-size:0.85em;
}

.last{margin-right:0 !important;}

/*** Tooltips ***/

.helper{
	display:block;
	overflow:hidden;
	height:0;
	padding-top:32px;
	width:32px;
	background-image:url(/images/fence-builder/helpButton.jpg);
	background-repeat:no-repeat;
	}

/*** end ToolTips ***/

#customerDet label { float:left; width: 100px; }
#customerDet input { float:left; }
#customerDet li { clear:left; display:block; height:20px; margin-bottom:5px; }

.checkoutCustomerDetails p { margin-top:0; }
.checkoutCustomerDetails { float: left; width: 100%; }
.checkoutVS {}
.middle_column .checkoutVS li { background: none; }

/* Addition of the comment tip to the lower right corner */

.tipHolder {display:block; position:fixed !important; right:0; bottom:0;}
.tipHolder .cornerImg {display:block; z-index:2; position:fixed !important; right:0; bottom:0;}

span.arrow {position:relative; bottom:9px;}


/************ Cricket popup **************/

	#cricket {color:#ffffff; font-family:Arial; background:url(/images/shd/cricket_back_pop.jpg) no-repeat -3px -3px; border:1px solid #ffffff; width:445px; height:580px; PADDING-LEFT:10PX; background-color:#1E57A7;}
	#cricket .family {float:left; width:200px; padding-left:11px; background:url(/images/shd/family.jpg) no-repeat 7px -4px;}
	#cricket .family span a {height:0; display:block; overflow:hidden;}
	#cricket .clubs span a {height:0; display:block; overflow:hidden;}
	#cricket .family span a:hover {display:block; width:1px; overflow:hidden;}
	#cricket .clubs span a:hover {}
	
	#cricket .family div {font-size:12px; width:193px; padding-top:11px; padding-bottom:2px;}
	#cricket .clubs {float:right; width:218px; background:url(/images/shd/club.jpg) no-repeat -8px -1px;}
	#cricket .clubs div {font-size:12px; width:193px; padding-top:11px;padding-bottom:2px;}
	.orangeBox span {width:200px; height:43px; font:bold 12px Arial; text-align:center; padding-top:5px; color:#ffffff; display:block; float:left;}
	#cricket .header {font-size:24px; font-weight:bold; padding-left:44px;}
	#cricket .list_content span a {text-decoration:none; color:#ffffff;}
	#cricket .list_content img {border:3px #ffffff solid; margin:4px 10px 10px 7px;}
	#cricket .footer {clear:both; color:#333333; padding-left:25px; font-size:13px; width:415px; font-weight:bold; margin-top:0px;}
	#cricket .footer span {padding-left:50px;}
	#cricket .list_content {padding-top:10px; width:440px; background:transparent;}
	#cricket .sub_header {font-size:18px !important; padding-left:77px;}
	#cricket .foot_logo {position:relative; right:9px; top:60px; float:right; border:0 !important; margin:0 !important;}
	.gen_ibox_footer_wrapper a {color:#ffffff;}
	.orangeBox {height:45px; width:200px; display:inline;}
	.orangeBox a {width:199px;}
	.voucher {border:0 !important; clear:left; height:36px; width:154px; margin-top:0px !important;}

	
	.orangeBox a.cricketLink
	{
		width:199px;
		padding-top:50px;
		height:0;
		background-repeat:no-repeat;
		background-position:left top;
		display:block;
		float:left;
		overflow:hidden;
		margin:0 0 1px 18px;
		background:url(/images/shd/cricket_btn_sprite.gif);
	}
	
	a.cricketLink:hover {background:url(/images/shd/cricket_btn_sprite.gif) no-repeat 0 -50px;}
	
	.orangeBox a.familyB:hover {background:url(/images/shd/family_btn_sprite.gif) no-repeat 0 -50px;}
	
	.orangeBox a.familyB
	{
		width:199px;
		padding-top:50px;
		height:0;
		background-repeat:no-repeat;
		background-position:left top;
		display:block;
		float:left;
		overflow:hidden;
		margin:0 1px 1px 9px;
		background:url(/images/shd/family_btn_sprite.gif);
				
	}

	.cl {clear:both;}
	
	.downButn {background:url(../images/shd/downlBack.jpg); height:262px; width:275px;}
	
	.downButn a.orangeButn {position:relative; top:231px; left:149px; text-decoration:none !important; color:#ffffff !important; background:url(../images/shd/orangeSprite.jpg)no-repeat 0 0; height:22px; width:120px; padding:8px 8px 7px 10px; font:12px Arial; font-weight:bold;}
	
	
	a.orangeButn:hover {background:url(../images/shd/orangeSprite.jpg)no-repeat 0 -29px;}

	
	#divBskFooter 
	{
		position: relative;
		top: -20px;
	}
	
	#divBskFooterLeft 
	{
		clear: left;
	}
	
	#divBskFooterLeft .button1 
	{
		margin-right: 5px;
	}
	
/*** header update JAN2012 ***/

#header{float:left; font-size:0.938em;}
#headerMain{float:left; width:990px; }

#logo{float:left; width:192px; margin-left:10px; margin-top:14px;}
#headerHelp{float:left; width:500px; margin-left:10px; position:relative; min-height:52px;}
#basket{float:left; width:260px; margin-left:10px; padding:4px; height:44px; background-image:url(/images/shd2/shop.gif); background-repeat:no-repeat; color:#708F9E; position:relative;}

#basket h3{position:absolute; left:10px; top:6px; padding:0; margin:0; font-size:1.1em; background-image:url(/images/shd2/cart.png); background-repeat:no-repeat; padding-left:25px;}
#basket h3 a{color:#708E9E}
#basket h3 a:hover{color:#666}
#basketInfo{position:absolute; left:10px; bottom:9px; width:160px;}
#basketInfo li{display:inline-block; zoom:1; *display:inline; padding-right:3px;}
#basketBtns{position:absolute; right:4px; top:6px; width:90px;}
#basketBtns li{display:inline-block; zoom:1; *display:inline; padding-right:3px;}
#basketBtns li a{background-image:url(/images/shd2/arrow.png); padding-right:7px; background-repeat:no-repeat; background-position:right center; color:#708F9E;}
#checkoutBtn{
    position:absolute; right:6px; bottom:6px; 
    display:block; background-image:url(/images/shd2/checkout.png);
    width:90px; padding-top:22px; height:0; overflow:hidden;
}

#basketError{ width:216px; position:absolute; right:12px; top:0px; z-index:20; float:left; background-image:url(/images/shd2/error_bkg.png); color:#fff;
    background-position:left bottom; background-repeat:no-repeat; display:none;
     }
#basketErrorInner{width:196px; padding:5px 10px 10px; float:left; text-shadow: 1px 1px 0px #627C88;}
#basketError p{margin:0; padding:0; color:#fff; font-weight:normal;}

.closeError{position:absolute; right:7px; top:3px; padding-right:6px; font-size:11px; cursor:pointer;
     background-image:url(/images/shd2/close.png); background-repeat:no-repeat; overflow:hidden;
     background-position:right center; padding-top:24px; height:0; padding-top:24px; width:16px;}


#basketErrorInner .errorTitle{font-size:14px; padding-bottom:3px;}

#basketErrorInner a{font-weight:bold; color:#fff; text-decoration:underline;}

#planningAccount{
    background-image:url(/images/shd2/top_silver_bkg.png);
	background-repeat:repeat-x;
	width:990px;  font-size:0.938em;
	float:left; margin-bottom:15px;}
#planningAccount li{display:inline-block; zoom:1; *display:inline; padding:5px 5px 5px 0;}
#planningAccount li a{ background-image:url(/images/shd2/arrow.png); padding-right:10px; background-repeat:no-repeat; background-position:right center; color:#666666;}


#planningAccount ul, #headerMain ul, #headerBtns{ list-style-type:none; padding:0; margin:0;}

#planningAccount #planningTools{float:left; width:760px; padding-left:10px;}
#planningAccount #accountLogin{float:left; width:210px; padding-right:10px; text-align:right;} 

#headerBtns{padding-bottom:8px; float:left; font-weight:bold; width:990px;}
#headerBtns li{
    display:block; float:left; background-image:url(/images/shd2/second_nav_btn.png); 
    background-repeat:no-repeat; text-align:center; width:325px; height:18px; margin-right:7px;}
#headerBtns li:hover{background-position:0 -18px;}
#headerBtns li a{color:#708E9E; padding-top:3px; vertical-align:middle;}

#phoneUs{margin:0; padding:15px 0 0 0; display:block; float:left; font-weight:bold; width:300px;}
#phoneTag{padding-left:25px; background-image:url(/images/shd2/phoneIcon.png); background-repeat:no-repeat; float:left; width:300px;}
#phoneNumber{float:left; width:300px; color:#0039A5; font-size:1.406em;}

#search{
    margin:0; padding:0; display:block; position:absolute; right:0; bottom:5px; float:left;
}
#search label{
    font-weight:bold; display:block; float:left; padding:4px 4px 4px 0;
}
#search input{
    margin:0; background-image:url(/images/shd2/searchInput.png);
    background-repeat:no-repeat; border:0; padding:4px; width:154px; display:block; float:left;
}
#search #searchBtn {
    background-image:url(/images/shd2/searchBtn.png); vertical-align:baseline;
    background-repeat:no-repeat; width:36px; overflow:hidden; height:0;
    padding-top:22px; display:block; float:left; cursor:pointer;
}

a{ text-decoration:none; color: #666666; }
a:hover, a.over{  color:#FF5800;}
a span{ cursor:pointer;}

.last{margin-right:0;}

#CustomersBoughtX {float:left;}
#CustomersBoughtX ul li {list-style-type:none; background:none; display:inline; float:left; margin:0 5px 10px 14px; width:115px; min-height:195px;}
#customersWhoBoughtThis h3
{
	background:url("../images/shd/table_divider.gif") no-repeat scroll left top #0039A6;
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    padding:24px 0 5px 10px;
    text-align:left;
    width:560px;
    float:left;
}
#customersWhoBoughtThis span.desc
{
    font-size:0.85em;
}
#customersWhoBoughtThis .imgHolder
{
	width:65px;
	float:left;
	margin-left:15px;
}


#customersWhoBoughtThis span.desc, #customersWhoBoughtThis span.price {float:left;}
