﻿/* MAIN SHEETS */
/*@import "/css/christmas.css";*/
/*@import "worldcup.css";*/

/****** HTML Elements **/
		
	body {
		font-size: 0.8em;
		font-family: Arial, Verdana, Sans-Serif;
		padding: 25px 0 0 0;
		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;
	}
	
	.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;
}

/*** 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;
	}
	
	
/** scrolling rotator **/

#featurePanels{position:relative; display:block; overflow:hidden; width:550px; height:351px;}

#featurePanels .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}

.slideTabs{position:absolute; right:0px; top:10px; margin-right:5px;}

.slideTabs a{display:block; margin-right:5px; float:left; width:14px; height:13px; background-image:url(/images/home/tabs.png); background-repeat:no-repeat;
    background-position:0 -26px;
    }

.slideTabs a:hover{background-position:0 -13px;}
    
.slideTabs a.current{background-position:0 0;}


