﻿
body#basket .object_content
{
	padding: 15px;
}

body#basket p
{
	/*
	margin: 10px 0 20px 0; 
*/
}

body#basket p#defaultaddress.importantnote
{
	text-align: left;
}

body#basket p.importantnote
{
	font-weight: bold;
	color: Black;
	background: White;
}

body#basket p.shippingoption_selection
{
}

body#basket p.shippingoption_selection img
{
	border: 0;
	margin: 10px 0;
	padding: 0 75px;
}

body#basket div.threecolumns div.column
{
	float: left;
}

body#basket div.threecolumns div.centrecolumn
{
	width: 141px;
	margin: 0 3px;
}

body#basket div.threecolumns div.verticaloffset
{
	padding-top: 56px;
}

body#basket div.threecolumns div.leftcolumn
{
	width: 211px; /* -76 for padding */
	padding: 0 38px;
}

body#basket div.threecolumns div.rightcolumn
{
	width: 211px; /* -76 for padding */
	padding-left: 38px;
	padding-right: 38px;
}

body#basket p.highlightnote
{
	color: Red;
	text-align: center;
	font-weight: bold;
}

body#basket p.arrow
{
	padding: 28px 0;
	margin: 0;
	/*height: 84px;*/
	width: 138px;
	
	background: White url(/siteimages/basket/arrow.gif) repeat-y top center;
	font-size: 10px;
	text-align:center;
}

body#basket div.box
{
	color: Black;
	background: White url(/siteimages/basket/box_midbg.gif) repeat-y top center;
	width: 211px;
}

body#basket div.box p.importantnote
{
	background-color: #E7ECF2;
	text-align:center;
}

body#basket div.box div.top
{
	color: Black;
	background: White url(/siteimages/basket/box_topbg.gif) no-repeat top center;
	width: 211px;
	height: 20px;
}

body#basket div.box div.inner
{
	padding: 0 17px;	
}

body#basket div.box div.inner form p
{
	text-align:center;
}

body#basket div.box div.inner form#addresslist p
{
	text-align:left;
	font-weight: bold;
	padding: 15px 0;
	margin: 0;
}

body#basket div.box div.inner form#addresslist p a
,body#basket div.box div.inner form#addresslist p label
,body#basket div.box div.inner form#addresslist p input.radio
{
	float: left;
}
body#basket div.box div.inner form#addresslist p label
{
	width: 135px;
}

body#basket div.box div.inner form#addresslist p a img
{
	float: right;
	margin-top: -7px;
}
body#basket div.box div.inner form#addresslist p input.radio
{
	margin: 8px 8px 0 4px;
	padding: 0;
}
/*
body#basket div.box div.inner form#addresslist p input.radio
{
	float: left;
	margin: 10px;
}
*/
body#basket div.box div.inner p.controls
{
	padding: 0;
	margin: 0;	
}

body#basket div.box div.inner p.controls a
{
	display: block;
	overflow: hidden;
	height: 26px;
	width: 176px;
	padding-top: 13px;
	margin: 0;/* 8px;*/

	text-align:center;
	
	color: Black;
	background: #E7ECF2 url(/siteimages/basket/box_button.gif) no-repeat top center;
	font-weight: bold;
}

body#basket div.box div.inner p.controls a:hover
{
	text-decoration: none;
}

body#basket div.box div.inner p.controls button
{
	display: block;
	overflow: hidden;
	height: 39px;
	width: 176px;
	padding: 0;
	margin: 0;/* 8px;*/

	text-align:center;
	
	color: Black;
	background: #E7ECF2 url(/siteimages/basket/box_button.gif) no-repeat top center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:11px;
	border: 0;
	cursor:pointer;
}

body#basket div.box div.btm
{
	color: Black;
	background: White url(/siteimages/basket/box_btmbg.gif) no-repeat top center;
	width: 211px;
	height: 20px;
}

	
body#basket .left
{
	float:left;
}

body#basket .right
{
	float:right;
}

body#basket .clear
{
	clear:both;
}

body#basket.centered
{	text-align:center;
}

body#basket.centered div.progressbox
{
	margin: 20px auto;
	width: 492px;
}

body#basket div.progressbox div.top
{
	color: Black;
	background: White url(/siteimages/basket/loadingtop.gif) no-repeat top center;
	width: 492px;
	height: 30px;
}

body#basket div.progressbox div.inner
{
	color: Black;
	background: White url(/siteimages/basket/loadingbg.gif) repeat-y top center;
	width: 492px;
}

body#basket div.progressbox div.btm
{
	color: Black;
	background: White url(/siteimages/basket/loadingbottom.gif) no-repeat top center;
	width: 492px;
	height: 30px;
}

body#basket div.progressbox
{
	font-family: Arial;
	font-size: 70%;
	text-align:center;
	margin: 0;
	padding: 0;
}

body#basket div.progressbox h1
,body#basket div.progressbox p
{
	text-align:center;
	margin: 0;
	padding: 0;
}

body#basket img
{
	border: 0;
}

body#basket a.region
{
}

body#basket a.plus
{
	color: Black;
	padding-left: 23px;
	background: url('/siteimages/basket/plus.gif') no-repeat left center;
}

body#basket a.minus
{
	color: Black;
	padding-left: 23px;
	background: url('/siteimages/basket/minus.gif') no-repeat left center;
}

body#basket h2
{
	font-size: 13px;
	background-color:#FFCC33;
	padding: 3px 4px;
	color: Black
}

body#basket table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
/*
body#basket table th
,body#basket table td
{
	margin: 0;
	padding: 5px;
	text-align:center;
	/*border-bottom:1px solid #CCCCCC; */
	vertical-align: middle;
}

body#basket table th.productcol
,body#basket table td.productcol
{
	width: 250px;
	max-width: 250px;
	text-align:left;
}
*/

body#basket table td.productcol p
{
	margin: 2px 0px;
}

body#basket table td.productcol p a.delete
{
	color: Black;
}

body#basket table td.productcol p a.delete span.delete
{
	color: Red;
	font-weight: bold;
}

body#basket table th.quantitycol
,body#basket table td.quantitycol
{
	width: 90px;
}

body#basket table td.quantitycol input
{
	width: 50px;
}

body#basket table td.quantitycol p
{
	margin: 0;
	padding: 0;
}

body#basket table td.quantitycol a.updatequantity
{
	color: Red;
}

body#basket table th.pricecol
,body#basket table td.pricecol
{
	width: 80px;
}

body#basket table th.availabilitycol
,body#basket table td.availabilitycol
{
	width: 150px;
}

body#basket table.outofstock th.availabilitycol
,body#basket table.outofstock td.availabilitycol
,body#basket table.collection th.availabilitycol
,body#basket table.collection td.availabilitycol
{
	width: 295px;
}



body#basket table td.datecol p
{
	margin: 2px 0px;
}


body#basket table#totals
{
	width: 260px;
	margin: 10px 0;
}

body#basket table#totals th
{
	text-align: left;
}

body#basket table#totals th
,body#basket table#totals td
{
	border: 0;
	padding: 8px 5px;
}

body#basket table#totals tr.highlight td
,body#basket table#totals tr.highlight th
{
	border-top: 1px Solid Black;
	border-bottom: 1px Solid Black;
	color: Black;
}


body#basket div#collectionmessage
{
	width: 420px;
	margin: 10px 0;
	padding: 5px;
	background: #FFFFCC;
	border: 1px Solid Black;
}

body#basket div#collectionmessage p 
{
	padding: 0;
	margin: 5px 0;
}

body#basket div#collectionmessage p.highlight
,body#basket div#collectionmessage span.highlight
{
	color: Black;
	text-decoration:underline;
	font-weight: bold;
}

body#basket p.stockmsg
{
	vertical-align:middle;
	margin: 2px 0;
	padding: 3px 0;
}

body#basket p.stockmsg img
{
	vertical-align:middle;
	margin-top: -3px;
	padding: 0 2px;
}

body#basket div a.control
,body#basket div input.control
{
	display: block;
	margin: 0 10px;
	padding: 5px;
	font-size: 11px;
	line-height: 15px;
	color: Black;
	border: 1px Solid Black;
	background-color: White;
}

body#basket div a.control
{
	height: 15px
}

body#basket div a.control:hover
{
	text-decoration: none;
}

body#basket div input.control
{
	cursor: pointer;
}

body#basket div a.forwardcontrol
,body#basket div input.forwardcontrol
{
	text-align: left;
	padding-right: 25px;
	background-image: url(../siteimages/basket/arrow_forward.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

body#basket div a.backwardcontrol
,body#basket div input.backwardcontrol
{
	text-align: right;
	padding-left: 25px;
	background-image: url(../siteimages/basket/arrow_backward.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

body#basket div.controls
{
	margin-top: 10px;
}

body#basket div#addresslist
{
}

body#basket div#addresslist div.address
{
	width: 300px;
	margin: 30px 0;
	padding: 0;
}

body#basket div#addresslist div.address p
{
	margin: 2px 0;
	padding: 0 30px;
}

body#basket h3 
{
	background-color:#FFCC33;
	color:Black;
	font-size:13px;
	padding:3px 4px;
}

body#basket div#addresslist div.address p.companyname
{
	font-weight: bold;
	margin: 4px 0;
}


body#basket form#customerdetails label
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}

body#basket form#customerdetails label span.title
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: normal;
}

body#basket form#customerdetails p
{
	margin: 3px 0;
	padding: 0;
}

body#basket form#customerdetails p.error
{
	color: #84392D;
}

body#basket form#customerdetails input.text
{
	width: 350px;
}

body#basket form input.error
,body#basket form select.error
{
	background: #FFCCCC;
	border: 1px Solid #84392D;
}

body#basket p.errorbox
{
	padding: 5px;
	color: #84392D;
	background: #FFCCCC;
	border: 1px Solid #84392D;
}



    body#basket div#carddetails form p.middle
    {
		line-height: 20px;
    }

    body#basket div#carddetails form span.middle
    {
		line-height: 30px;
    }

    body#basket div#carddetails form p{
        clear: left;
		margin: 0;
		padding: 0;
    }

    body#basket div#carddetails form p.error{
        color: #84392D;
    }

    body#basket div#carddetails form p label{
        display: block;
        float: left;
		margin: 2px 0;
		padding: 4px 0;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
    }

    body#basket div#carddetails form p span.field{
        display: block;
        float: left;
		margin: 5px 0;
    }
           
    body#basket div#carddetails  form p span.field input.field_large,
    body#basket div#carddetails  form p span.field select.field_large{
        width: 200px;
    }
        
    body#basket div#carddetails  form p span.field input.field_small,
    body#basket div#carddetails  form p span.field select.field_small{
        width: 60px;
    }
    
    body#basket div#carddetails  form p.fieldlabelset{
        float: left;
    }
   
    body#basket div#carddetails form p span.date{
		margin-right: 5px;
    }
    /*
    body#basket form p span.fielddetail{
        display: block;
        float: left;
		font-size: 10px;
		margin: 5px 4px;
    }
    
    body#basket form p span.field img.question{
    	vertical-align:middle;
    }
    
    body#basket form input,
    body#basket form select{
    	border:1px solid #CDCCCC;
		color:#606263;
    }
    */
    
    body#basket table td p.error
    {
		margin: 0;
		text-align: left;
    }
    
    
    #orderconfirmation.DELIVERY p
    {
		font-weight: bold;
    }
    
    #orderconfirmation.COLLECTION p span.highlight
    {
		color: Black;
		font-weight: bold;
    }