body {
margin:0;padding:0; 
text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:70%; color: #fff; 

background: url(../images/top-bk.gif) #2A1223 repeat-x;  

}


#wrap {
	width:708px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;

}

#headerLogo { 

float:left;
width:176px; 

}

.floatLeft { float:left; }
.floatRight { float:right; }
.topNav { float:right; padding:15px 0 0 0; }

.paddingLeft { padding-left:18px }

#categoryImage {
float:left;
width:706px;
height:157px;
border: 1px solid #4B4D4F;	overflow:hidden;

}

/* was 706px before margins/borders */

#innerWrap {
float:left;
	width:664px;
   border: 1px solid #4B4D4F;
padding:0 17px 0 25px; background-color: #55414F;
	
	background-image:url(../images/side-bk.gif);
	background-repeat: repeat-y; 
	
	

}

#innerWrapConfirm {
float:left;
	width:664px;
   border: 1px solid #4B4D4F;
padding:0 17px 0 25px; background-color: #55414F;
	

}


#innerWrap .cover {
float:left;
width:650px;
 background-color: #55414F; height:19px;
 
 }


/* was 149px before margins/borders */
#leftCol {
float:left;
width:147px;
margin-top:17px; margin-bottom:17px;
padding-top:20px; 


}

#pageNo {
float:left;
width:512px;
text-align:right;
margin-top:18px;
color: #fff;
}

#pageNoBot {
float:left;
margin:0;padding:0; 
width:508px;
text-align:right;
color: #fff;
}


#TopCheckOutNav {
float:left;
width:512px;
text-align:right;
margin-top:8px;
color: #fff;
}

/* was 532px before margins/borders */
#rightCol {
float:right;
width:512px;

border-left: 1px solid #55414F;
margin-top:6px;
padding-top:0px;

padding-left:2px;
_padding-left:5px;

}

.portraitProduct {

position: relative;

float:left;
width:112px; height: 228px;
background-color:#FFF;
color: #3F2E3A;

font-size:11px;


padding-bottom:4px;

margin-left:15px;

_margin-left:8px;
_margin-right:6px;

margin-bottom:14px;
overflow: hidden;

}

.portraitProduct p { margin:0; padding:0 5px 5px 5px; }

.portraitProductSm { font-family: Arial, Helvetica, sans-serif;

position: absolute;
bottom: 0px;

font-size:10px;
color: #737374;

 }
 
   

#myBag, #searchBox {
float:left;
width:113px; background-color:#7E6F79; 
color: #fff;
padding:5px 5px 5px 8px;
}

#searchBox{ margin-top:7px; height:19px; } 

.myBagProd {
float:left;
margin:0; padding:4px 0 4px 0; 

}
  
  
  
#leftNav { 
float:left;
padding:16px 0 16px 2px;
color: #E1BCD0;

}
  
 #leftNav p, #leftFooter p { margin:0;padding:0;   }
 
#leftAdvert {
float:left;
width:130px;
padding-top:30px;
}
#leftAdvert img { padding-bottom:10px; }

#newsletterSignUp {
float:left;
width:130px;
padding-top:30px;padding-bottom:6px;
color: #fff;
}

#newsBox1, #newsBox2 {
float:left;
width:122px; background-color:#7E6F79; 
color: #fff;
padding:0 0 0 6px;;

}

#newsBox2 { margin-top:5px; margin-bottom:10px;}
#newsBox1 .input, #newsBox2 .input { font-size:11px; width:92px; background-color:#7E6F79;  border:0; color: #fff; font-family:Arial, Helvetica, sans-serif; }





#leftFooter {
float:left;
padding-top:6px;
padding-bottom:8px;
}

/* FONT  COLORS */

.purple { color: #3F2E3A; }
.purpleBd { color: #3F2E3A; font-weight:bold; }


.add_status1 { color: #F28EBB;
font-size:9px; font-weight:bold; line-height:8px;
 }
 
 .add_status2 { color: #F28EBB;
font-size:13px;

 }
 

.pink { color: #E1BCD0;  }


.red-development { color:#FF0000; font-size:80%;  }

.red { color:#FF0000; font-size:100%;  }

.redAsterix { font:Verdana; font-size:120%; color:#FF0000; line-height:12px; }

.asterix { font-size:120%;  }

.grey { color: #4B4D4F; }
.grey2 { color: #8E9295; }


   
/* LINKS */

a:link, a:visited { color: #E1BCD0; text-decoration:none; }
a:hover, a:active { color: #fff; text-decoration:underline; }


#myBag a:link, #myBag a:visited { color: #fff; text-decoration:none; }
#myBag a:hover, #myBag a:active { color: #E1BCD0; text-decoration:underline; }


#leftNav a:link, #leftNav a:visited { color: #FFFFFF; text-decoration:none; }
#leftNav a:hover, #leftNav a:active { color: #E1BCD0; text-decoration:none;  }

#leftFooter a:link, #leftFooter a:visited { color: #FFFFFF; text-decoration:none; }
#leftFooter a:hover, #leftFooter a:active { color: #E1BCD0; text-decoration:underline; }

.portraitProductSm a:link,  .portraitProductSm a:visited, .whyNotTryInfo a:link,  .whyNotTryInfo a:visited { color: #4B4D4F; text-decoration:none; }
.portraitProductSm a:hover, .portraitProductSm a:active, .whyNotTryInfo a:hover, .whyNotTryInfo a:active { color: #3F2E3A; text-decoration:underline; }


#rightColOP a:link, #rightColOP a:visited { color: #fff; text-decoration:underline; }
#rightColOP a:hover, #rightColOP a:active { color: #fff; text-decoration:none; }


#rightColOW a:link, #rightColOW a:visited { color: #3F2E3A; text-decoration:underline; }
#rightColOW a:hover, #rightColOW a:active { color: #4B4D4F; text-decoration:none; }

#productInfoBut a:link, #productInfoBut a:visited { color: #3F2E3A; text-decoration:none; }
#productInfoBut a:hover, #productInfoBut a:active { color: #3F2E3A; text-decoration:underline;  }

.checkoutAdd a:link, .checkoutAdd a:visited { color: #3F2E3A; text-decoration:none; font-weight:bold; }
.checkoutAdd a:hover, .checkoutAdd a:active { color: #3F2E3A; text-decoration:underline;  }

.onblack a:link, .onblack a:visited { color: #4B4D4F; text-decoration:none;  }
.onblack a:hover, .onblack a:active { color: #000; text-decoration:underline;  }

.onwhite a:link, .onwhite a:visited { color: #2A1223; text-decoration:none;  }
.onwhite a:hover, .onwhite a:active { color: #000; text-decoration:underline;  }

#productInfoBack2 a:link, #productInfoBack2 a:visited { color: #8E9295; text-decoration:none; }
#productInfoBack2 a:hover, #productInfoBack2 a:active { color: #E1BCD0; text-decoration:underline;  }




#pageNo a:link, #pageNo a:visited { color: #fff; text-decoration:none; }
#pageNo a:hover, #pageNo a:active { color: #3F2E3A; text-decoration:none;  }

.current  { color: #2A1223;  text-decoration:none; }


/* FORM ELEMENTS */
form { margin:0;padding:0; }


#searchBox .input { font-size:11px; width:85px; background-color:#7E6F79;  border:0; color: #fff; font-family:Arial, Helvetica, sans-serif;

border: 1px solid #979295; 

padding:0;margin:0;
} 


#loginBox1, #loginBox2, #loginBox3  {
float:left;
width:221px;
background-color:#FFF;
padding:8px;
color: #4B4D4F;

}


#loginBox1 input, #loginBox2 input, #loginBox3 input  { 
font-size:11px; width:154px; 
border: 1px solid #4B4D4F; 
margin-bottom:4px;
height:13px; 
} 


#loginBox1 label, #loginBox2 label, #loginBox3 label
{
float: left;
width:60px;
text-align: left;

}


#loginBox2 { clear:both; margin-top:22px; }


#loginBox3 
{
float: right;

}


#loginBoxLeft  
{
float: left;
width:230px;

 margin-bottom:20px;

}

#loginBoxRight  
{
float: right;
width:230px;
 margin-bottom:20px;

}

.clear 
{
clear:both;

}




.loginButton { clear:both; background-color: #E1BCD0;
float: left;
width:237px;
margin-top:4px;

}


.loginButton2 { clear:both; background-color: #E1BCD0;
float: right;
width:237px;
margin-top:4px;

}



#loginBoxLg, #loginBoxLg2, #loginBoxLg3 {
float:left;
width:478px;
background-color:#FFF;
padding:8px;
color: #4B4D4F;

}

#loginBoxLg label, #loginBoxLg2 label, #loginBoxLg3 label
{
float: left;
width:120px;
text-align: left;
padding-top:2px;
display: block;
}


#loginBoxLg input, #loginBoxLg2 input, #loginBoxLg3 input { 
font-size:11px; width:154px; 
border: 1px solid #4B4D4F; 
margin-bottom:4px;
height:13px; 
} 

#loginBoxLg3 .signUp { 
width:14px; 
border: none;
font-size:12px;
} 


#loginBoxLg2, #loginBoxLg3 { margin-top:8px; margin-bottom:6px; }

.loginButtonLg { 
clear:both; 
background-color: #E1BCD0;
width:494px;

}


select { 
background: #F1F1F2;
 font-size:0.8em;
 font-size:11px;
  } 

.subNote {

font-size:80%; 
color: #2A1223;vertical-align: top;
}

.subNote2 {

font-size:80%; 
color: #2A1223;vertical-align: middle;
}

.subNote3 {

font-size:90%; 
color: #2A1223;vertical-align: text-top;
}

.subNote4 {

font-size:100%; 
color: #fff;vertical-align: top;
}

.subNoteRed {

font-size:80%; 
color: #FF0000;vertical-align: top;
}


#loginBoxLg3 .checkBox {
border:0;
width:15px;
font-size:18px;
margin-top:4px;
}



#loginBoxLg2 .button, #loginBoxLg3 .button { 
margin-bottom:3px; _margin-bottom:4px;
width:88px;
height:17px; background-color:#E1BCD0;
color: #2A1223;
border: 1px solid #4B4D4F;


}

#loginBoxLg2 .postcode, #loginBoxLg3 .postcode { 
width:62px;

}




/* PLUS - MINUS POSITIONS */

.iconspan {

cursor:hand;
cursor:pointer;

}

/* general paragraph settings */

p { margin:0; padding:0; padding-bottom:14px; line-height: 14px; }



/* used for the DELIVERY TEMPLATE  OW - on white background */
#rightColOW {
float:right;
width:454px;
font-size:12px;
border: 1px solid #676767;
margin-top:36px; margin-left:20px;
padding:15px; padding-right:25px;

background-color:#FFF;
color: #4B4D4F;

}

#rightColOW h1, #rightColOW h2 {
font-family:Arial, Helvetica, sans-serif; font-size:130%;
color: #55414F;
margin:0; padding:0;
}

#rightColOW h2 {
font-family:Arial, Helvetica, sans-serif; font-size:110%;

}


/* used for the CONTACT US TEMPLATE - OP - on purple background */
#rightColOP {
float:right;
width:454px;
font-size:12px;
border: 1px solid #676767;
margin-top:36px; margin-left:20px;
padding:15px; padding-right:25px;

background-color:#2A1223;
color: #fff;

}

#rightColOP h1, #rightColOP h2 {
font-family:Arial, Helvetica, sans-serif; font-size:130%; 
color: #fff;
margin:0; padding:0;
}

#rightColOP h2 {
font-family:Arial, Helvetica, sans-serif; font-size:110%; 

}


/* used for the PRODUCT DISPLAY TEMPLATE - PD - on white background */
#rightColPD {
float:right;
width:494px;

border: 1px solid #676767;
margin-top:36px; margin-left:20px;


background-color:#FFF;


}

#rightColPD img { float:left; }


/* used for the SIGN IN - SI - on purple background */
#rightColSI, #rightColCH2 {
float:right;
width:495px;

margin-top:37px; margin-left:20px;

color: #fff;

}

#rightColSI h1, #rightColCH2 h1 { 
font-size:140%;  /* equivalent to 16px */
font-weight:normal;
color: #E1BCD0;
margin:0; padding:0;padding-bottom:4px;
}

#rightColSI p, #rightColCH2 p { 
margin:0; padding:0;  
}


#confirmCol {

width:660px;

margin-top:37px; margin-left:0px;
padding-left:0px;
color: #fff;

}

#confirmCol h1 { 
font-size:140%;  /* equivalent to 16px */
font-weight:normal;
color: #E1BCD0;
margin:0; padding:0;padding-bottom:4px;
}


#rightColCH2 { margin-top:1px; }

/* form element */ 

#rightColCH2 input { 
font-size:11px; width:116px; 
border: 1px solid #4B4D4F; 
margin-bottom:4px;
height:13px; 
} 

#rightColCH2 .wheredid { 
font-size:11px; 
border: 1px solid #4B4D4F; 
margin-bottom:4px;
 
} 


#rightColCH2 .security {

width:30px; 

}

#rightColCH2 .switch {

width:30px; 

}

#rightColCH2 .startDate {

width:20px; 

}


#rightColCH2 select {

width:116px; 
margin-bottom:4px;
}

#rightColCH2 .input { 
font-size:11px; width:16px; 

} 

#rightColCH2 .order { 
width:139px; height:22px;
border: 0;
} 

#rightColCH2 .vieworders { 
width:118px; height:22px;
border: 0;
} 



#rightColCH2 .addNewAddress { 
width:182px; height:21px;
border: 0;
} 

#rightColCH2 .editInvoiceAddress { 
width:200px; height:21px;
border: 0;
} 

/* used for the CHECKOUT TEMPLATE - CH - on white background */
#rightColCH {
float:right;
width:495px;


margin-top:37px; margin-left:20px;


background-color:#FFF;
color: #4B4D4F;

}

#rightColCH img { float:left; }




#productInfo h1, #productInfo h2 {
font-family:Arial, Helvetica, sans-serif; font-size:135%; 
font-weight:normal;
color: #3F2E3A;
margin:0; padding:0; 
}

#productInfo h2 {
 padding-top:5px; padding-bottom:18px;
}

#productInfo p {
 color: #737374;

}


#productInfo {
position: relative;

float:right;
width:222px; 
height: 267px;
text-align:right;

padding-top:18px; padding-right:18px;
}

#productInfoBut { 

float:right;
font-size:110%; 
padding-right:18px;
height: 20px;
text-align:right;

color: #737374;

 }

 
#productInfoBack { 
float:right;

padding-right:454px; padding-top:4px;

 }

#productInfoBack2 { 
float:left;
width:460px;
padding-left:22px;padding-top:6px; 

 }


/* Why not try - 2 products shown on main product page */

.whyNotTry {
position: relative;
float:left;
width:236px;
background-color:#FFF;
color: #3F2E3A;

margin-left:20px;
border: 1px solid #676767;
margin-bottom:10px;

}

.whyNotTry img { 
float:left;


 }

.whyNotTry p { 

float:right; 
padding-top:8px; 
padding-right:8px;
text-align:right;

 }

.whyNotTryInfo { 

position: absolute;

bottom: 0px; right:1px;

font-size:10px;
color: #737374;

padding-bottom:5px;

 }
 

/* postcodefinder */

.lookupframe {

border: 1px solid #676767;

}