#xcontent { 
float: left; 
background: url('../images/bkg_greyborder22.gif') top left repeat-y;
width: 775px;  
}

#pipeordercontent { 
float: left; 
background: url('../images/pipe_bkg_greyborder.gif') top left repeat-y;
width: 775px;  
}
div#pipeleft1 { 
width: 135px;  
color:  #666;
background: #FFF;
}
div#pipeleft1 img { 
padding-top: 10px;
}

div#pipeleft2 { 
width: 115px;  
color:  #666;
background: #F1F1F1;
border-top: 15px solid #FFF;
font-size: 75%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding: 10px;
}
div#pipeleft2 img { 
padding-top: 10px;
padding-bottom: 10px;
}
.pipeleft2red { 
color:  #980000;
}
div#pipeleft3 { 
width: 115px;  
color:  #666;
border-top: 15px solid #FFF;
border-bottom: 10px solid #FFF;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipeleft3 img { 
padding-top: 10px;
}
div#pipeleft4 { 
width: 115px;  
color:  #666;
xborder-top: 15px solid red;
border-bottom: 20px solid #FFF;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipeleft4 img { 
padding-top: 10px;
}
div#pipecontainer {
float: right; 
width: 603px;  
background: url('../images/pipe_bkg_greyborder.gif') top left repeat-y;
padding-left: 15px;
}
.pipeabout {
font-size: 140%;
line-height: 80%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipetop1 {
background: #ECE8E8;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-right: 15px solid #FFF;
}
div#pipetop1 li {
display: block;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.pbigtext{
color:  #980000;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipebasketbot {
clear: both;
background: #FFF;
width: 780px;
height: 60px;
padding-top: 10px;
}
div#pipebasketbota {
float: left;
background: #FFF;
padding-top: 10px;
padding-left: 160px;
}
div#pipebasketbotb {
float: right;
background: #FFF;
padding-top: 10px;
padding-right: 10px;
text-align: right;
}

div#pipetop2 {
background: #FFF;
width: 588px;
padding-top: 10px;
xpadding-bottom: 5px;
}
div#pipetop2a {
float: left;
background: #FFF;
padding-top: 10px;
xpadding-bottom: 10px;
text-align: left;
}
div#pipetop2b {
float: right;
background: #FFF;
padding-top: 10px;
xpadding-bottom: 10px;
text-align: right;
}
div#pipe3title {
clear: both;
width: 585px;
background: #FFF;
padding-top: 5px;
padding-bottom: 0;
}
div#pipe3gap1 {
clear: both;
margin-top: -10px;
width: 585px;
xheight: 2px;
background: transparent;
padding-bottom: 0;
padding-top: 0;
border-bottom: 1px solid #CCC;
}
div#pipe3titlea {
float: left;
background: #FFF;
width: 250px;
color:  #000;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe3titleb {
float: left;
background: #FFF;
width: 80px;
color:  #333;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe3titlec {
float: left;
background: #FFF;
width: 117px;
color:  #333;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 8px;
}
div#pipe3titled {
float: left;
background: #FFF;
width: 50px;
color:  #333;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
text-align: center;
}
div#pipe3dgap {
clear: both;
margin-top: -20px;
width: 585px;
height: 20px;
background: #FFF;
border-bottom: 1px solid #CCC;
}

div#pipe3details {
clear: both;
xwidth: 585px;
xwidth: 600px;
padding-top: 10px;
padding-bottom: 20px;
background: #FFF;
}
div#pipe3detailsa {
float: left;
width: 250px;
background: #FFF;
}
div#pipe3detailsa1 {
float: left;
background: #FFF;
padding: 0;
}
div#pipe3detailsa2 {
float: right;
background: #FFF;
xwidth: 170px;
padding-right: 15px;
background: transparent;
color:  #333;
font-size: 75%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe3red1 {
color:  #980000;
font-size: 90%;
line-height: 160%;
font-style: italic;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-top: 7px;
padding-bottom: 27px;
}
div#pipe3detailsb {
float: left;
margin-top: 9px;
color:  #333;
font-size: 75%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
width: 80px;
text-align: left;
background: transparent;
}

div#pipe3detailsc {
float: left;
width: 120px;
vertical-align: top;
text-align: center;
background: #FFF;
color:  #333;
font-size: 75%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe3detailsc input {
width: 20px;
height: 15px;
border: 1px solid #980000;
background: #FFF;
vertical-align: top;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 3px;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#pipe3detailsd {
vertical-align: top;
float: left;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
text-align: center;
background: #FFF;
}
div#pipe3detailsd img {
vertical-align: middle;
}
.mailus {
color:  #980000;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.mailus a:link {
color:  #980000;
text-decoration: none;
}
.mailus a:visited {
color:  #980000;
text-decoration: none;
}
.mailus a:hover {
color:  #980000;
text-decoration: underline;
}
.mailus a:visited {
color:  #980000;
text-decoration: none;
}


div#pipe4 {
float: left;
width: 565px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
background: #FFFFCC;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
div#pipe4aaa {
float: left;
width: 250px;
margin-top: 15px;
background: #FFF;
border: 1px solid #CCC;
text-align: center;
vertical-align: middle;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe4aaa a:link {
color:  #980000;
text-decoration: none;
}
div#pipe4aaa a:visited {
color:  #980000;
text-decoration: none;
}
div#pipe4aaa a:hover {
color:  #980000;
text-decoration: underline;
}
div#pipe4aaa a:visited {
color:  #980000;
text-decoration: none;
}
div#augpipe4a {
float: left;
width: 250px;
}

div#pipe4a {
float: left;
width: 250px;
xmargin-top: 15px;
background: #FFF;
border: 1px solid #CCC;
text-align: center;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe4a a:link {
color:  #980000;
text-decoration: none;
}
div#pipe4a a:visited {
color:  #980000;
text-decoration: none;
}
div#pipe4a a:hover {
color:  #980000;
text-decoration: underline;
}
div#pipe4a a:visited {
color:  #980000;
text-decoration: none;
}
div#pipe4b {
float: left;
width: 110px;
text-align: right;
color:  #333;
font-size: 80%;
line-height: 180%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe4c {
float: left;
width: 120px;
text-align: right;
vertical-align: bottom;
color:  #333;
font-size: 80%;
line-height: 180%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#discount{
height: 30px;
vertical-align: middle;
}
div#gtotal{
color:  #980000;
font-size: 130%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe4d {
height: 30px;
vertical-align: top;

}
div#pipe4d img {
vertical-align: top;
padding-left: 8px;
}
div#pipe4cinput{
height: 30px;
vertical-align: middle;
}
div#pipe5 {
clear: both;
xfloat: left;
width: 585px;
padding-top: 20px;
padding-bottom: 10px;
background: #FFF;
color:  #333;
font-size: 80%;
line-height: 240%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe5 input {
clear: both;
width: 583px;
height: 40px;
background: #F1F1F1;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
border: 1px solid #979797;
}
div#pipe5 a:link {
color:  #980000;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe5 a:visited {
color:  #980000;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe5 a:hover {
color:  #980000;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: underline;
}
div#pipe5 a:active {
color:  #980000;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#pipe5 img {
float: right; 
text-align: right;
padding-top: 5px;
}
div#pipe6 {
float: left;
width: 585px;
margin-top: -30px;
padding-top: 5px;
padding-bottom: 5px;
background: transparent;
}
div#pipe6a {
color:  #333;
font-size: 120%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
border-bottom: 1px solid #CCC;
}
div#pipe7 {
float: left;
width: 575px;
padding-top: 10px;
padding-bottom: 10px;
}
div#pipe7each {
float: left;
background: #FFF;
}
div#pipe7a {
float: left;
width: 65px; /* image size is 63px */
background: #FFF;
}
div#pipe7b {
float: left;
width: 72px;
padding-right: 6px;
color:  #333;
font-size: 75%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
.pipe7price {
color:  #666;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe7c {
clear: both;
padding-top: 5px;
padding-bottom: 10px;
background: #FFF;
color:  #980000;
font-size: 75%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pipe7c a:link {
color:  #980000;
text-decoration: none;
}
div#pipe7c a:visited {
color:  #980000;
text-decoration: none;
}
div#pipe7c a:hover {
color:  #980000;
text-decoration: underline;
}
div#pipe7c a:active {
color:  #980000;
text-decoration: none;
}
div#removeitems{
clear: both;
text-align: right;
color:  #333;
font-size: 70%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-right: 15px;
padding-top: 5px;
}
div#removeitems a:link {
color:  #980000;
text-decoration: none;
}
div#removeitems a:visited {
color:  #980000;
text-decoration: none;
}
div#removeitems a:hover {
color:  #980000;
text-decoration: underline;
}
div#removeitems a:active {
color:  #980000;
text-decoration: none;
}



/* order confirm */

div#octop1 {
background: #FFF;
xpadding-left: 15px;
padding-right: 15px;
xpadding-top: 10px;
}
div#octop1a {
float:left;
width: 290px;
background: #FFF;
padding-bottom: 20px;
}
div#octop1a ol {
display: list;
margin-top: 10px;
margin-left: 22px;
}
div#octop1a li {
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
xtext-decoration: none;
}
div#octop1a a:link {
color:  #980000;
text-decoration: none;
}
div#octop1a a:visited {
color:  #980000;
text-decoration: none;
}
div#octop1a a:hover {
color:  #980000;
text-decoration: underline;
}
div#octop1a a:visited {
color:  #980000;
text-decoration: none;
}


div#octop1b {
xmargin-top: -20px;
float: right;
width: 240px;
padding-left: 20px;
padding-right: 20px;
padding-top: 80px;
padding-bottom: 80px;
background: transparent;
border: 1px solid #CCC;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.octop1bred {
color:  #980000;
font-size: 130%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#octitletitle { /* Aug10 NewBasketPage add */
clear: both;
width: 585px;
background: #FFF;
padding-top: 50px; 
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#octitle { 
clear: both;
width: 585px;
background: #FFF;
padding-top: 10px; /* Aug10 NewBasketPage change */
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#octitle1 {
float: left;
background: #FFF;
width: 260px;
padding-right: 20px;
text-align: left;
}
div#ocdetails1 {
float: left;
background: #FFF;
width: 260px;
padding-right: 20px;
text-align: left;
}
div#ocdetails1a {
float: left;
background: #FFF;
width: 65px;
text-align: left;
}
div#ocdetails1a img { /* 09apr change image size */
width: 63px;
}

div#ocdetails1b { /* 09apr change image size */
float: left;
background: #FFF;
width: 175px;
xpadding-right: 20px;
text-align: left;
padding-left: 5px;
}
div#octitle2 {
float: left;
background: #FFF;
width: 100px;
padding-right: 20px;
text-align: left;
}
div#octitle3 {
float: left;
background: #FFF;
width: 70px;
padding-right: 20px;
text-align: center;
}
div#octitle4 {
float: left;
background: #FFF;
width: 80px;
text-align: center;
}
div#ocleft3 { 
width: 115px;  
color:  #666;
border-bottom: 20px solid #FFF;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#ocleft3 img { 
padding-top: 10px;
}
div#ocleft4 { 
width: 115px;  
color:  #666;
border-top: 5px solid #FFF;
border-bottom: 20px solid #FFF;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#ocleft4 img { 
padding-top: 10px;
}
div#ocnotes {
clear: both;
width: 585px;
background: #FFF;
padding-top: 10px;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Arial, Helvetica;
text-decoration: none;
}
div#ocbothead {
clear: both;
color:  #333;
font-size: 100%; 
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.tq{
clear: both;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

.ocbotheadadd1 { /* 3july item225 add this for deliver to */
xpadding-left: 50px; 
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}


.ocbotheadadd {
padding-left: 38px; 
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#ocaddress {
xclear: both;
float: left;
width: 585px;
background: #FFF;
padding-top: 15px;
color:  #333;
}
div#ocaddress div {
float: left;
width: 150px;
background: #FFF;
padding-top: 15px;
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#ocbottom {
clear: both;
width: 585px;
background: #FFF;
padding-top: 15px;
}
div#ocbottom1 {
float: left;
}
div#ocbottom2 {
float: right;
}

/* review */

div#revleft1 { 
width: 110px;  
color:  #333;
font-size: 105%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
aug10padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
background: white;
border-bottom: 20px solid #FFF;
}
.revleft1red { 
color:  #980000;
font-size: 105%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#revmain { 
color:  #333;
font-size: 100%;
line-height: 230%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #ECE8E8;
}
div#revmain a:link { 
color:  #333;
font-size: 100%;
text-decoration: none;
}
div#revmain a:visited { 
color:  #333;
font-size: 100%;
text-decoration: none;
}
div#revmain a:hover { 
color:  #980000;
font-size: 100%;
text-decoration: none;
}
div#revmain a:active { 
color:  #333;
font-size: 100%;
text-decoration: none;
}
.revhere { 
color:  #980000;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#revcookie{
position: relative;
width: auto;
height: 20px;
background: #FFFFFF;
}
.revtopred { 
color:  #980000;
font-size: 70%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.revtopred a:link { 
color:  #980000;
text-decoration: none;
}
.revtopred a:visited { 
color:  #980000;
text-decoration: none;
}
.revtopred a:hover { 
color:  #980000;
text-decoration: underline;
}
.revtopred a:active { 
color:  #980000;
text-decoration: none;
}
div#revtop1 {
width: 580px;
margin-left: -10px;
Aug10margin-top: -10px; /* Aug10 NewBasketPage remove */
padding-left: 30px;
background: #ECE8E8;
background: #FFC;
color:  #333;
font-size: 80%;
line-height: 150%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
xpadding-left: 50px;
padding-top: 10px;
padding-bottom: 12px; /* 3july item147 */

}
div#revtop1 ul {
margin-left: 17px;
margin-top: 0;
}

div#revtop1 li {
display: list;
padding-left: 2px;
margin-left: -15px; /* 3july item147 */
}

div#hiddencharge{
margin-left: -15px;
color:  #980000;
font-size: 140%;
line-height: 140%; /* 3july item147 */
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#rev4a {
float: left;
width: 310px;
background: #FFFFCC;
}
div#revhsbc {
margin-left:20px;
width: 200px;
color:  #333;
font-size: 75%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Arial, Helvetica;
text-decoration: none;
}

/* welcome */

div#welcontainer {
float: right; 
width: 603px;  
background: url('../images/pipe_bkg_greyborder2.gif') top left repeat-y;
xbackground: green;
padding-left: 15px;
}
div#welabout {
background: #FFF;
color:  #333;
font-size: 140%;
line-height: 80%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-bottom: 20px;
}
div#wel1 {
float: left;
width: 265px;
background: transparent;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#wel1 img {
padding-left: 30px;
padding-top: 20px;
}
div#welcomeback1 { /* 3july insert this div style */
float: left;
width: 265px;
background: red;
background: transparent;
}
div#welcomeback1 img { /* 3july insert this div style */
float: right;
margin-right: -7px;
}



.welheadblack {
color:  #333;
font-size: 90%;
line-height: 160%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.welhead000 {
color:  #333;
font-size: 140%;
line-height: 160%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

.welheadred {
color:  #980000;
font-size: 140%;
line-height: 160%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#wel3 {
float: right;
width: 290px;
background: transparent;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 10px;
}
div#wel3 div {
float: left;
height: 20px;
text-align: left;
vertical-align: middle;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#wel3 input {
float: right;
width: 180px;
height: 20px;
text-align: left;
vertical-align: middle;
background: white;
border: 1px solid #333;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
border: 1px solid #979797;
}
div#wel3 img {
padding-left: 41px;
padding-top: 5px;
}

div#welgap1 {
clear: both;
width: 585px;
height: 100%;
background: #FFF;
xpadding-bottom: 2px;
xborder-bottom: 1px solid red;
}
div#welforgot{
clear: both;
width: 300px;
text-align: left;
background: red;
}
div#welforgotaug{
clear: both;
width: 295px;
text-align: right;
background: white;
}
div#welforgotaug img{
float:right;
xxbackground: red;
}


div#welforgot1{
margin-top: 20px;
xfloat: left;
text-align: left;
color:  #980000;
font-size: 70%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#welforgot1 a:link{
vertical-align: middle;
color:  #980000;
text-decoration: none;
}
div#welforgot1 a:visited{
vertical-align: middle;
color:  #980000;
text-decoration: none;
}
div#welforgot1 a:hover{
vertical-align: middle;
color:  #980000;
text-decoration: underline;
}
div#welforgot1 a:active{
vertical-align: middle;
color:  #980000;
text-decoration: none;
}
div#welforgot2{
margin-right: 0;
float: left;
}
/* personal details */

div#pdcontainer {
float: right; 
width: 603px;  
background: url('../images/pipe_bkg_greyborder3.gif') top left repeat-y;
padding-left: 15px;
border-right: 1px solid #CCC;
}
div#pd1 {
float: left;
width: 275px;
background: transparent;
}
div#pd1aa {
clear: both;
width: 275px;
background: transparent;
color:  #333;
font-size: 110%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
div#pd1bb {
clear: both;
width: 275px;
height: 30px;
background: transparent;
color:  #333;
font-size: 110%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
div#pd1cc {
clear: both;
width: 275px;
background: transparent;
color:  #333;
font-size: 80%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
div#pd1cc div {
float: left;
height: 20px;
text-align: left;
vertical-align: middle;
}
div#pd1cc input {
float: right;
width: 160px;
height: 20px;
text-align: left;
vertical-align: middle;
background: #CCC;
border: 1px solid #333;
color:  #333;
background: #F1F1F1;
background: white; /* july20 changedetails change */
border: 1px solid #979797;
color:  #333333;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
xbackground: yellow; /* 3july alignment */
}

div#pd1cc select {/* 3july country dropdown add this div style  */
float: right;
xmargin-left: 43px;
width: 164px;
xheight: 50px;
text-align: left;
vertical-align: middle;
background: #F1F1F1;
background: white; /* july20 changedetails change */
border: 1px solid #979797;
color:  #333333;
font-size: 100%;
xline-height: 330%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
xbackground: purple; 
}




div#receive {
clear: both;

width: 275px;
background: #FFF;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
xpadding-left: 10px;
}
div#receive input {
float: left;
width: 20px;
height: 20px;
background: transparent;
xpadding-left: 10px;
border: 1px solid #FFF;
}


div#pd2 {
float: right;
width: 290px;
background: white;
}
div#pd2aa {
clear: both;
width: 275px;
background: transparent;
color:  #333;
font-size: 110%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
div#pd2bb {
clear: both;
width: 275px;
height: 30px;
background: transparent;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: #FFF;
}
div#pd2cc {
clear: both;
width: 275px;
background: transparent;
color:  #333;
font-size: 80%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
background: transparent;
padding-bottom: 50px;
}
div#pd2cc div {
float: left;
height: 20px;
text-align: left;
vertical-align: middle;
color:  #333;
font-size: 100%;
line-height: 270%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pd2cc input {
float: right;
width: 160px;
height: 20px;
text-align: left;
vertical-align: middle;
background: #CCC;
border: 1px solid #333;
color:  #333;
background: #F1F1F1;
background: white; /* july20 changedetails change */
border: 1px solid #979797;
color:  #333333;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#pd2cc select {/* 3july country dropdown add this div style  */
float: right;
xmargin-left: 43px;
width: 164px;
xheight: 50px;
text-align: left;
vertical-align: middle;
background: #F1F1F1;
background: white; /* july20 changedetails change */
border: 1px solid #979797;
color:  #333333;
font-size: 100%;
xline-height: 330%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#julychangedets { /* 20july changedetails add */
float:right;
margin-top:-10px;
width; 500px;
padding-top: 50px;
text-align: right;
background-colour: transparent;
}
div#julychangedets input { /* 20july changedetails add */
padding-left: 10px;
}






div#pers1 div {
float: left;
height: 20px;
text-align: left;
vertical-align: middle;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pers1 input {
float: right;
width: 160px;
height: 20px;
text-align: left;
vertical-align: middle;
background: #CCC;
border: 1px solid #333;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#receivenews {
float: right;
width: 275px;
background: white;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 10px;
}
div#receivenews input {
xmargin-left: -10px;
float: left;
width: 15px;
height: 15px;
background: transparent;
color:  black;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 10px;
border: 1px solid #FFF;
}

div#contimage {
clear: both;
text-align: right;
vertical-align: bottom;
padding-top: 125px;
padding-left: 145px;
}
div#contimage input { /* 3july input tag on image new style*/
padding: 0px;
width: auto;
height: auto;
border: 0;
} 
div#savedetails { /* 3july input tag on image new style*/
clear: both;
text-align: right;
vertical-align: bottom;
padding-left: 133px; 
padding-top: 50px; 
}
div#savedetails input { /* 3july input tag on image new style*/
padding: 0px;
width: auto;
height: auto;
border: 0;
} 




div#pers3checkbox {
margin-right: 0;
float: left;
xwidth: 280px;
background: transparent;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 30px;
padding-bottom: 20px;
}
div#pers3 div {
float: left;
height: 20px;
text-align: left;
vertical-align: middle;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#pers3 input {
float: right;
width: 160px;
height: 20px;
text-align: left;
vertical-align: middle;
background: #CCC;
border: 1px solid #333;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

/* register */

div#regtoptext {
clear: both;
xwidth: 160px;
text-align: left;
background: #FFF;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-bottom: 20px;
}
div#regreceivenews {
float: left;
width: 275px;
color:  pink;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 10px;
}
div#regreceivenews input {
float: left;
width: 20px;
background: transparent;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 10px;
margin-left: -10px;
border: 1px solid #FFF;
}
div#regimage {
float: right;
text-align: right;
color:  #980000;
font-size: 70%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-top: 20px;
}
div#regimage img {
float: right;
text-align: right;
color:  #980000;
font-size: 70%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-top: 50px;
}

div#recnews {
margin-right: 5px;
xfloat: right;
width: 280px;
background: white;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-left: 1px;
}
div#recnews input {
float: left;
width: 15px;
height: 15px;
background: white;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#submitreg {
padding-left:150px;
padding-top:30px;
padding-bottom:50px;
}

/* review */
div#reviewcontainer {
float: right; 
width: 603px;  
background: white;
padding-left: 15px;
border-right: 1px solid #CCC;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

/* pipe footer */
div#footerpipe{
clear: both;
margin-left: 0;
width: 775px;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 10px;
color: #666666;
font-size: 60%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

/* basket */
div#basketdescribe {
float: left;
background: blue;
width: 170px;
padding-right: 20px;
text-align: left;
}
div#basketid {
float: left;
margin-left: -25px;
xmargin-top: 7px; /* Aug10 NewBasketPage delete*/ 
background: #FFF;
width: 60px;
padding-right: 10px;
text-align: left;
color:  #333;
font-size: 100%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.augupdate { /* Aug10 NewBasketPage add */
color:  blue;
font-size: 120%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: underline;
}
.augremove { /* Aug10 NewBasketPage add */
color:  blue;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: underline;
}

div#basketqty {
margin-top: -5px;
float: left;
background: #FFF;
width: 100px;
padding-left: 10px;
text-align: center;
color:  #333;
font-size: 70%;
line-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketqty input {
width: 20px;
height: 18px; /* aug10 change from 18*/
border: 1px solid #980000;
background: #FFF;
vertical-align: middle;
xpadding-top: 3px;
xpadding-bottom: 5px;
padding-left: 3px;
color:  #333;
font-size: 130%;
xline-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketqty img {
vertical-align: middle;
}
div#basketprice {
margin-top: -5px;
float: right;
background: #FFF;
width: 140px;
text-align: center;
vertical-align: top;
xpadding-left: 10px;
color:  #333;
font-size: 100%;
xline-height: 140%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketprice img {
vertical-align: middle;
}
div#basketheaddesc {
float: left;
background: #FFF;
width: 280px;
text-align: left;
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketheadid {
float: left;
margin-left: -33px;
xwidth: 60px;
text-align: left;
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketheadqty {
float: left;
margin-left: 5px;
width: 100px;
xpadding-left: 10px;
text-align: center;
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#basketheadprice {
float: left;
margin-left: 30px;
xwidth: 140px;
text-align: left;
color:  #333;
font-size: 90%;
line-height: 140%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

/* Aug10 NewBasketPage change */
div#basketavail { 
float: right;
background: transparent; 
width: 175px;
text-align: left;
color:  #CB0006; 
font-size: 85%;
line-height: 130%;
font-style: italic;
font-weight: normal;
font-family: Arial;
text-decoration: none;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

div#basketdiscount{
height: 30px;
vertical-align: middle;
}
div#basketdiscount input{
width: 100px;
height: 20px;
border: 1px solid #CCC;
}

/* payment */
div#redir1 {
float: left;
margin-left: -8px;
width: 280px;
text-align: center;
background: #FFF;
padding-bottom: 20px;
xpadding-left: 140px;
border-left: 1px solid red;
}
.poweredby {
margin-left: -28px;
width: 350px;
background: #FFF;
color:  #666;
font-size: 80%;
line-height: 120%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
padding-bottom: 20px;
}
#dirordercontent { 
float: left; 
background: url('../images/pipe_bkg_dir.gif') top left repeat-y;
xbackground: pink;
width: 775px;  
}
div#paycontainer {
float: left;
xtext-align: center;
margin: 0 auto;
background: #FFF;
border-left: 1px solid #CCC;
padding-left: 280px;
color:  #333;
font-size: 100%;
line-height: 120%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#paycontainer1 {
float: left;
xtext-align: center;
margin: 0 auto;
background: #FFF;
border-left: 1px solid #CCC;
padding-left: 150px;
color:  #333;
font-size: 100%;
line-height: 120%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}


div#paycontainer div {
width: 280px;  
}
#payordercontent { 
float: left; 
background: url('../images/pipe_bkg_greyborder.gif') top left repeat-y;
border-right: 1px solid #CCC;
width: 775px;  
}

/* confirm */
div#confirm4b {
float: left;
margin-left: 60px;
width: 110px;
text-align: right;
color:  #333;
font-size: 80%;
line-height: 180%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#confirm4c {
float: left;
width: 120px;
text-align: right;
vertical-align: bottom;
color:  #333;
font-size: 80%;
line-height: 180%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#augsubtotal { /* aug10 add this */
float: right;
text-align: right;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px;
color:  #333;
font-size: 80%;
line-height: 100%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}

div#augyellopanel {
width: 610px;
margin-left: -10px;
background: #FFC;
padding-top: 10px;
xxxpadding-bottom: 10px; 
}
div#augyello1 {
float: left;
width: 350px;
padding-left: 20px;
color:  #333;
font-size: 100%;
line-height: 180%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#augyello1 input {
margin-left: -8px;
}
div#augyello1 ul {
margin-top: 3px;
margin-left: 15px;
}
div#augyello1 li {
xfloat: left;
width: auto
color:  #333;
font-size: 80%;
line-height: 110%;
font-style: normal;
font-weight: normal;
font-family: Arial;
text-decoration: none;
}

.augyello1small{
color:  #333;
font-size: 80%;
line-height: 110%;
font-style: normal;
font-weight: normal;
font-family: Arial;
text-decoration: none;
}

div#augyello2 {
float: right;
width: 230px;
text-align: center;
vertical-align: middle;
color:  #333;
font-size: 80%;
line-height: 140%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#auggrtotal { 
float: right;
text-align: right;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px;
color:  #980000;
font-size: 100%;
line-height: 100%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
.augpipe5title { 
color:  #333;
font-size: 160%;
line-height: 100%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#augaddinfo {
clear: both;
padding-top: 20px;
padding-bottom: 10px;
background: #FFF;
color:  #333;
font-size: 80%;
line-height: 240%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#augaddinfo input {
background: #FFF;
color:  #333;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#augaddinfo textarea {
background: #FFF;
color:  #333;
font-size: 100%;
line-height: 130%;
font-style: normal;
font-weight: normal;
font-family: Georgia, Times New Roman;
text-decoration: none;
}
div#augaddinfo img {
margin-bottom: -5px;
}

div#augaddinfo a:link {
margin-top: 100px;
color:  blue;
text-decoration: underline;
}
div#augaddinfo a:visited {
color:  blue;
text-decoration: underline;
}
div#augaddinfo a:hover {
color:  blue;
text-decoration: underline;
}
div#augaddinfo a:active {
color:  blue;
text-decoration: underline;
}


div#augalsolike {
float: left;
width: 585px;
padding-top: 10px;
padding-bottom: 10px;
background: transparent;
color:  #333;
font-size: 95%;
line-height: 100%;
font-style: normal;
font-weight: bold;
font-family: Georgia, Times New Roman;
text-decoration: none;
}