body {
	background-color: #666666;
	color: #000;
	font-size: 0.8em;
	font-family:"Trebuchet MS";
	margin:0;
}

#container {
	background-color: #fff;
	width: 900px;
	text-align:left;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;

}

a {
    color:#00a69c;
    text-decoration:none;
    }

p {
	margin:0 0 10px 0;
}

h1 {
	font-size:200%;
	color:  #652D90;
	font-weight:normal;
	margin:0 0 10px 0;
}

h2 {
	font-size:110%;
}

th {
     text-align:left;
     }

#top-banner {
	float:left;
	width:100%;
	height:100px;
	background-color: #fff;

}
#logo {
	background-color:#fff;
	width:150px;
	height:100px;
	float:left;
	background-image:url('/images/hymns-logo.jpg');
	background-position:center;
	background-repeat:no-repeat;
	margin:0 0 0 22px;
}


#main {
	float:left;
	min-height:300px;
	margin:10px 0 0 30px;
	width:850px;

}

#main-top {
				
		width:850px;
		float:left;
		clear:both;
}

#maintopleft 
{
    float:left;
    width:69%;
}


#pagetitle {
	float:left;
	clear:left;
}

#username {
	float:left;
	width:200px;
	margin:12px 0 0 12px;
	
}

#billinginfo 
{
    float:left;
    width:100%;
    clear:left;
}

#maintopright 
{
    float:right;
    width:30%;
}

#subtotal {
	float:right;
	clear:right;
	text-align:right;
	font-weight:bold;
}

.pink {color:  #ec297b;
}

.pinkbold {
    color:  #ec297b;
  font-weight:bold;
}

.pinklarge
	{
	color:#ec297b;
	font-size:200%;
	font-weight:normal;				
}

.blacktext {
    color:#000;
    font-weight:normal;
}

.greytext {
	color:#666666;
}


#basketitems {
	float:left;
	width:850px;
	clear:both;
}

#main-bottom {
				
		width:850px;
		float:left;
		clear:both;
		margin:10px 0 0 0;
}
#giftcert {
    float:left;
    width:600px;
    margin:10px 0 0 0;
    
    }
#updatecart {
    float:right;
    width:100px;
    text-align:right;
    margin:10px 0 0 0;
    }

.greyline {
    float:left;
    width:100%;
    height:2px;
    background-color:#999999;
    margin:10px 0 10px 0;
    }

#backtoshop {
	float:left;
	width:425px;
	clear:left;
	color:#999999;
	font-size:150%;
}

#proceedtocheckout {
	float:right;
	width:425px;
	clear:right;
	text-align:right;

}

/*START BASKET STYLES*/
#basket 
{
    float:left;
    width:100%;
}

table.basket 
{
    width:100%;
	border-collapse:collapse;
}
table.basket th {
	padding:0 5px;
	vertical-align:middle;
	text-align:left;
}   

table.basket td {
	border-bottom: 1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	text-align:left;
} 

.titlerow {
    background-color:#b4b4b4;
    height:2em;
}

.titlerow th 
{
    font-weight:bold;
}


.deletecolumn a 
{
	color:#eb297b;
	text-decoration:none;
	text-transform:lowercase;
}


.deletecolumn a:hover {
   text-decoration:underline;
}    
    
.qtycolumn {
    width:50px;
}
    
.qtyfield {
    width:25px;
}

#stockwarning {
	float:left;
	width:100%;
	margin:0 0 5px 0;
	color:#ff0000;
}

#friendsScheme {
	float:left;
	width:360px;
	margin:10px 0 10px 0;
}

#friendsSchemeTop {
	float:left;
	width:360px;
	height:28px;
	background:url("/images/friend-scheme-top.jpg");
}

#friendsSchemeMiddle {
	float:left;
	width:360px;
	background:url("/images/friend-scheme-middle.jpg");
}

#friendsSchemeIcon {
	float:left;
	width:50px;
	margin:10px 7px 0 5px;
}

#friendsSchemeText {
	float:left;
	width:350px;
	margin:0 0 0 5px;
	font-weight:bold;
}

#addToBasketFriends {
	float:right;
	width:140px;
	margin:-20px 2px 0 0;
}

#friendsSchemeBottom {
	float:left;
	width:360px;
	height:12px;
	background:url("/images/friend-scheme-bottom.jpg");
}

#updatecart 
{
    float:right;
}


/*END BASKET STYLES*/


/*START LOGINPAGE STYLES*/

#signin-register {
	float:left;
	margin:20px 0 0 30px;
}

#logindiv {
	float:left;
	width:300px;
}

#loginform {
	float:left;
	padding:0 0 0 30px;
}

#loginform .textbox {
	width:200px;
}




#registerdiv {
	float:left;
	width:300px;
}

#registerform {
	float:left;
	padding:0 0 0 30px;
}

#registerform label {
	float:left;
	width:200px;
}

#registerform .textbox {
	float:left;
	width:200px;
}

#registerform .submitBtn {
	float:left;
	width:70px;
	padding:2px 0;
}

/*END LOGINPAGE STYLES*/
/*START PASSWORD RECOVERY STYLES*/

#passwordrecovery {
	float:left;
}

#passwordrecovery .textbox {
	width:250px;
}

/*END PASSWORD RECOVERY STYLES*/




/*START DELIVERY STYLES*/


#subscriptionfor {
	float:left;
	margin:10px 0 40px 0;
	font-size:18px;
	font-weight:bold;
	color:#F0448C;
	width:100%;
}

#subscriptionforrb {
	float:left;
	margin:10px 0 0 32px;
}

#subscriptionfor span {
	color:#000000;
	font-size:14px;
	font-weight:normal;
}

#address-panel {
	float:left;
}

#newdeliveryaddress td {
    padding:2px 30px 2px 0;
    }

.enteraddressimage {
    height:40px;
    }    
.deliveryaddressimage {
    width:850px;
    }
    
#currentdeliveryaddress {
    float:left;
    width:850px;
    padding:0 0 0 35px;
 }   
 
#deliveryeditbutton {
    float:left;
    width:200px;
    margin:10px 0 20px 0;
} 

.newdeliverylabel {
    width:100px;
    font-weight:bold;
    text-align:right;
    margin:0 10px 0 0;
}

.newdeliveryfield {
    width:300px; 
}

.newdeliveryrequired {
    width:356px; 
}

.newdeliverywidetxt {
    width:300px;
}

.newdeliverysavebutton {
    padding-top:80px;
   }
   
 

/*END DELIVERY STYLES*/




/*START PAYMENT STYLES*/

#new-card-panel {
	float:left;
}

.cardselect {
    width:30px;
    
}

.cardtype {
    width:150px;
    
}

.cardnumber {
    width:170px;
   
}

.cardholdername {
    width:240px;
    
}

.cardexpiry {
    width:100px;
    
}

.cardcvv {
    width:110px;
}

.carddelete {
    width:50px;
   
}

#errormessage {
    float:right;
    }

.newcardtype {
    width:260px;
    color:#000;
    font-weight:bold;
}

.newcardno {
    width:200px;
    color:#000;
    font-weight:bold;
}

.newcardholder {
    width:200px;
    color:#000;
    font-weight:bold;
}

.newexpirydate {
    width:250px;
    color:#000;
    font-weight:bold;
}


.newissuenumber {
    width:200px;
    color:#000;
    font-weight:bold;
}

.newstartdate {
    color:#000;
    font-weight:bold;
}



/*END PAYMENT STYLES*/


/*START CONFIRMATION STYLES*/

#main-top-confirm {
	width:830px;
	float:left;
	clear:both;
}

#confirmleftcolumn {
    float:left;
    width:590px;
}

.confirmdeliverytable {
    width:590px;
 }
 
 #confirmdespatchaddress {
    float:left;
    width:450px;
    margin:0 0 0 10px;
}


#basketitemsconfirm {
	float:left;
	clear:left;
	width:590px;
}

.itemcolumnconfirm {
	width:435px;
}

.qtycolumnconfirm {
    width:40px;
}

.unitpricecolumnconfirm {
	width:75px;
}

.totalpricecolumnconfirm {
	width:50px;
}
  
#confirmrightcolumn {
	float:left;
	width:220px;
	margin:0 0 0 20px;
}
  
  #ordersummarytop {
    float:left;
	width:220px;
	height:17px;
	background-image: url('/images/order-summary-top.jpg');
	background-repeat:no-repeat;
	}
	
#ordersummarymiddle {
    float:left;
	clear:left;
	width:188px;
	border-left:11px solid #999999;
	border-right:11px solid #999999;
	padding:0 0 0 10px;
	}

#ordersummarymiddle h2 {
    margin:0;
    }

#ordersummarybottom {
    float:left;
    clear:left;
	width:220px;
	height:17px;
	background-image: url('/images/order-summary-bottom.jpg');
	background-repeat:no-repeat;
	}


/*END CONFIRMATION STYLES*/

/*START RECEIPT STYLES*/

.receiptwebsiteimage {
    margin:20px 20px 0 0;
    border-style:none;
    }

/*END RECEIPT STYLES*/


/* START FAILED PAYMENT STYLES */

#pnlOrderRejected11 {

height:200px;

}

/* END FAILEDPAYMENT STYLES  */



#footer {
	background-color:#00a69c;
	color: #fff;
	font-size: 85%;
	font-family: "lucida grande", verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 5px 0px;
	clear: both;
	width: 900px;
	margin-left: auto;
	margin-right: auto;

}

#whiteabovefooter {
height:250px;
width: 900px;
clear:both;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

#greybelowfooter {
height:100px;
width: 900px;
clear:both;
margin-left:auto;
margin-right:auto;
background-color:#666666;
}

























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
p {

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

.pink {

}

    #addressPopup { clear:both;width:380px;background-color:#ffffff;border:2px solid #b4b4b4; }
    #addressPopup .header { clear:both;overflow:hidden;width:380px;background-color:#ec297b; }
    #addressPopup .header .title { font-weight:bold;padding:4px;color:#ffffff;font-size:20px;font-family:"Trebuchet MS"; }
    #addressPopup .search { padding-top:60px;text-align:center; }
    #addressPopup .postCode { clear:both;padding-top:10px;}
    #addressPopup .countryOption { clear:both; }
    #addressPopup .countrySelect { clear:both;padding-top:10px; }
    #addressPopup .data { padding-top:10px;clear:both; }
    #addressPopup .cancel { padding-top:30px;clear:both;width:360px;text-align:right;padding-bottom:10px; }
    #addressPopup .postCodeResult { margin-top:10px;font-weight:bold;color:#ff0000; clear:both;width:99%;}
    #addressPopup .item { clear:both;overflow:hidden;padding-bottom:5px; }
    #addressPopup .item .title { float:left;width:110px;margin-left:10px;font-weight:bold; }
    #addressPopup .item .input { float:left;width:210px;margin-left:10px; }
    #addressPopup .item .validation { float:left;width:20px;margin-left:10px;font-weight:bold;color:#ff0000; }
    #addressPopup .saved { font-weight:bold;color:#ff0000;clear:both;}
    #addressPopup .addressBox { width:200px; }
    #addressPopup .comboResult { width:360px; }
    #addressPopup .comboCountry { margin-left:10px;width:200px; }
    #addressPopup .addressBoxSmall { width:80px; }
    #addressPopup .updateAddressDirect { clear:both;padding-top:5px;padding-left:20px;  }    

    .modalBackground
    { 
        background-color: #DCDCDC;
        filter: alpha(opacity=90);
        opacity: 0.9; 
    }    
    
    .deliveryError
    {
        clear:both;
        width:100%;
        margin-top:5px;
        color:#ff0000;
        font-weight:bold;    
    }