
    /*
JBNN
2009-01-19
CSS for Shopping list email popup
*/

body#shoppingListEmail {
    margin:0;
    font-family:Verdana,sans-serif;
    color:#333;
    font-size:0.69em; /*11px*/
    background-color:#fff;
    text-align:left;
}

#shoppingListEmail input,
#shoppingListEmail textarea,
#shoppingListEmail select {
    font-family:Verdana,sans-serif;
    font-size:1.15em;
}

#shoppingListEmail p,
#shoppingListEmail form {
    margin:0;
}

#shoppingListEmail h1 {
    margin:0;
    font-size:1.269em; /*14px*/
    color:#333;
    font-weight:normal;
}

#shoppingListEmail label {
    color: #333333;
    font-weight: bold;
    padding-top: 0;
}

#shoppingListEmail label.special {
    font-weight:normal;
}

#emailSharePage form .formField label {
    margin: 2px 0;
    text-align: left;
}
#shoppingListEmail input[type=text],
#shoppingListEmail textarea {
    display:block;
    width:184px;
}

#shoppingListEmail a {
    color:#3399FD;
    text-decoration:none;
}

#shoppingListEmail .header {
    border-bottom:1px solid #CCC;
    padding-top:1.36em;
    padding-bottom:1.36em;
    padding-left:1.36em;
}

#shoppingListEmail .content {
    padding: 16px 15px 8px;
    width: auto;    
}
#shoppingListEmail form .formField {
    margin: 6px 0;
}

#shoppingListEmail form .formField .formColLeft {
    display: inline-block;
    float: none;
    overflow: hidden;
    text-align: left;
    width: 100%;
}
#shoppingListEmail .footer {
    background-color:#f1f1e9;
    padding:15px 30px;
}

#shoppingListEmail .logo {
    height:1.812em;
}

#shoppingListEmail .captchaImage {
    margin-top:5px;
    margin-bottom:5px;
    width:340px;
    text-align:center;
}

#shoppingListEmail .error {
    color:#FF5050;
    font-style:italic;
}

#shoppingListEmail .error h2 {
	display:none;
}

#shoppingListEmail .error ul {
	padding:0;
	list-style:none;
	margin:0.364em 0 0 0;
}

#shoppingListEmail .error ul li {
	margin-top:0.364em;
}

#shoppingListEmail .confirm {
    color:#50B848;
    font-style:italic;
}

#shoppingListEmail .captchaInfo {
	display:none;
}

#shoppingListEmail .captchaLabel {
	padding:0.455em 0;
}

#shoppingListEmail .buttonContainer a {
	font-size:1em;
}

#shoppingListEmail .clientErrorText {
	width:auto;
	padding-top:0.45em;
}

#shoppingListEmail .formField, #shoppingListEmail p {
	padding-top:0.909em;
}

#shoppingListEmail .formField .check, #shoppingListEmail .formField .checkBoxMainLabel  {
	float:left;
}

#shoppingListEmail .formField .check {
	margin:0;
}

#shoppingListEmail .formField .checkBoxMainLabel {
	width:19.09em;
	margin:0 0 1.17em 0.45em;
    text-align: left;
}
#shoppingListEmail .formField .checkBoxLink {
	margin:0;
	padding:0;
	margin-left:1.636em;
	clear:left;
}
#shoppingListEmail div.buttonContainer {
    margin-top:1.82em;
    overflow:hidden;
    clear:both;
}
#shoppingListEmail .formField .info {
    font-style:italic;
    color:#aaa;
}
#shoppingListEmail form .formField .formColLeft {
    width: auto;
    float: none;
    display: block;
    text-align: left;
}
#shoppingListEmail form .formField .formColRight {
    width: auto;
}
#shoppingListEmail form .formField {
    margin: 6px 0;
    width: 200px;
    padding-top: 0.709em;
}
#shoppingListEmail form .formField label {
    margin: 2px 0;
    text-align: left;
}
#emailSharePage label {
    color: #333333;
    font-weight: bold;
    padding-top: 0;
}
#shoppingListEmail input, #shoppingListEmail textarea, #shoppingListEmail select {
    font-family: Verdana,sans-serif;
    font-size: 1.15em;
}
/* noJs styles */
.noJs #shoppingListEmail .content {
	margin:0;
	float:left;
}

.noJs #shoppingListEmail .footer {
	float:left;
	padding:15px 20px;
	width:265px;
	margin-top:0;
	margin-left:20px;
}

.noJs #shoppingListEmail p,
.noJs #shoppingListEmail .footer,
.noJs #shoppingListEmail .captchaLabel,
.noJs #shoppingListEmail input,
.noJs #shoppingListEmail textarea,
.noJs #shoppingListEmail .buttonContainer a,
.noJs #shoppingListEmail select {
    font-size:1.15em;
}

.noJs #shoppingListEmail select {
    margin-top:0;
}

.noJs #shoppingListEmail label {
    position:static;
    margin:0;
}

.noJs #shoppingListEmail .captchaLabel a,
.noJs #shoppingListEmail .buttonContainer input {
    font-size:1em;
}

#shoppingList .noJs #shoppingListEmail div.buttonContainer {
    display:block;
}


/*
JBNN
2009-01-19
Shopping list css
*/

/* ---------- shopping list ---------*/
#shoppingList {
    margin-bottom:2.08em;
}

/* ------------------- left navigation -------------------*/
#shoppingList #formShoppingListLeftNav input[type=text]{
    font-size:1.15em;
    margin-bottom:0.73em;
}

#shoppingList #formShoppingListLeftNav #partNumber{
    display:inline;
    width:12.69em;
    margin-right:0.45em;
}

#shoppingList #formShoppingListLeftNav #quantity {
    display:inline;
    width:1.72em;
}

#shoppingList .leftNavigation .navigationBlock .blockText {
    font-size:1.15em;
    padding:0.73em 1.15em 1.25em;
}

#shoppingList .leftNavigation .noOfLists {
    color:#999;
    margin-left: 0.45em;
}

#shoppingList .leftNavigation .sideModule div.buttonContainer {
    margin-bottom:0.21em;
}

/* ------------------- right content -------------------*/

#shoppingList .rightContent {
    width:71.87em;
    margin-top:15px;
    margin-left:1.04em;
}

#shoppingList .rightContent select {
    margin-top:0.73em;
}

#shoppingList .rightContent .btnContainer {
    background:url(../img/filter/filter_bg.gif) #FFF repeat-x bottom left;
    background-color:#FFF;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    padding:0.729em 0 0 1.04em;
    height:2.813em; /* 27px */
}

#shoppingList .rightContent .btnContainer .buttonContainer {
    float:left;
    padding-right:3px;
}

#shoppingList .rightContent .btnContainer .edit {
    font-size:11px;
    float:right;
    margin-right:10px;
    margin-top:3px;
}

#shoppingList .rightContent .msgContainer {
    font-size:1.15em;
    margin-top:0.9em;
    margin-left:0.9em;
}

#shoppingList .rightContent .msgContainer .confirm {
    color:#50B848;
    font-style:italic;
}

#shoppingList .rightContent .msgContainer .error,
#shoppingList .noJs .error {
    color:#FF5050;
    font-style:italic;
}

/* ------------------- welcome container -------------------*/
#slWelcomeContainer {
    margin-bottom:10px;
    height:142px;
}

#slWelcomeContainer img {
    float:left;
    margin-right:15px;
}

#slWelcomeContainer .header {
    font-size:14px;
}

#slWelcomeContainer .text,
#slWelcomeContainer a {
    font-size:11px;
}

#slWelcomeContainer .text  {
    margin-top:15px;
    margin-bottom:15px;
    margin-right:100px;
}
/* ------------------- welcome container -------------------*/

/* ------------------- table  -------------------*/
#shoppingList #tblShoppingList {
    width:100%;
    font-size:1.15em;
    margin-top:1.05em;
    margin-bottom:7px;
    border-collapse:collapse;
}

#shoppingList #tblShoppingList th {
    color:#333;
    background-color:#FAF9F4;
    height:3.71em;
    border-top:1px solid #CCC;
}

#shoppingList #tblShoppingList tfoot td {
    border-bottom:0;
}

#shoppingList #tblShoppingList td {
    vertical-align:top;
    padding-top:0.72em;
    padding-bottom:0.72em;
    border-bottom:1px solid #dddddd;
    line-height:1.27em;
}

#shoppingList #tblShoppingList td.colShadow {
    padding:0;
    border-bottom:0;
    border-top:1px solid #A7A5A6;
}

#shoppingList #tblShoppingList td.colShadow img {
    width:100%;
    height:6px;
}

#shoppingList #tblShoppingList td.colProduct {
    padding-bottom:1.5em;
}

#shoppingList #tblShoppingList td.colEmpty {
    padding-bottom:1.36em;
    padding-left:0.91em;
    padding-top:0.91em;
}

#shoppingList #tblShoppingList .colProduct {
    padding-left:0.91em;
}

#shoppingList #tblShoppingList .colQty {
    text-align:center;
    padding-left:1.26em;
}

#shoppingList #tblShoppingList .colTotalPrice{
    text-align:right;
    padding-left:1.26em;
    padding-right:0.91em;
}

#shoppingList #tblShoppingList .colInStock{
    text-align:center;
    padding-left:1.26em;
}

#shoppingList #tblShoppingList .colBuyable{
    text-align:center;
    padding-left:1.26em;
    padding-right:0.45em;
}

#shoppingList #tblShoppingList .qty {
    width:1.82em;
    font-size:1em;
    margin-bottom:0.91em;
    text-align:center;
    margin-top:-0.27em;
}

#shoppingList #tblShoppingList .buttonContainer {
    top:-0.36em;
}

#shoppingList #tblShoppingList div.buttonContainer a {
    font-size:1em;
}

#shoppingList #tblShoppingList #grandTotalFooter .colProduct span {
    font-size:1.273em;
}

#shoppingList #tblShoppingList #grandTotalFooter .colProduct span.family 
{
	font-size: 1.273em;
	line-height: 1em;
	padding: 0.143em 0 0.714em 0;
}
#shoppingList #tblShoppingList #grandTotalFooter .colTotalPrice span.familyPrice  {
	font-size: 1.455em;
	line-height: 1em;
	padding: 0 0 0.625em 0;
}

#shoppingList #tblShoppingList #grandTotalFooter .colProduct span.regular,
#shoppingList #tblShoppingList #grandTotalFooter .colTotalPrice span.prodPrice {
	font-size:1.27em;
	padding: 0 0 0.714em 0;
    width:102px;
}

#shoppingList #tblShoppingList .prodInfoContainer {
    margin-left:5.43em;
    min-width:13.6em;
    *width:150px;
}

/* ------------------- table  -------------------*/

#shoppingList .prodInfoContainer a:hover .prodName,
#shoppingList .prodInfoContainer a:hover .prodDesc {
    text-decoration:underline;
}

#shoppingList .prodName {
    display:block;
    font-weight:bold;
    color:#000000;
}

#shoppingList .prodDesc {
    display:block;
    padding-bottom:0.27em;
    color:#000000;
}

#shoppingList .regular {
	display: block;
	padding-top: 0.64em;
}

#shoppingList .prodPrice {
    display:inline-block;
    font-weight:bold;
    color:#000000;
    margin-right: 4px;
}

#shoppingList .prodInfo {
    display:block;
}

#shoppingList .prodImg {
    width:4.53em; /*50px;*/
    height:4.53em; /*50px;*/
    float:left;
    margin-right:0.906em;
}

#shoppingList .family {
    color:#F60;
    display:block;
    padding-top:0.27em;
}

#shoppingList .familyPrice {
    display:block;
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.27em;
}

#shoppingList .cart {
    margin-top:0.91em;
}

#shoppingList .timestamp {
    font-style:italic;
    font-size:0.907em;
    color:#333;
    line-height:1.2em; /*12px*/
}

#shoppingList .empty {
    font-size:1.15em;
    margin-top:15px;
    margin-right: 200px;
}

/* ------------------- Styles for No JS ------------------- */
#shoppingList .noJs {
    margin-left:1.05em;
}

#shoppingList .noJs h1 {
    font-size:1.46em;
    font-weight:normal;
    margin:0;
    margin-bottom:1.07em;
}

#shoppingList .noJs #listName {
    width:20.85em;
}

#shoppingList .noJs .error {
    margin-bottom:1.36em;
}
/* ------------------- Styles for No JS ------------------- */

/* ------------------- WEE override -------------------*/
div.prfcontainer { 
    font-size: 1.0em;
    margin: -0.090em 0 0 0; 
    line-height: 1.15em;
}
div.prfcontainer div.prflist {
    margin-bottom: 0.363em;
}
/* ------------------- /WEE override -------------------*/

#emailIframe {
    width: 400px; 
    border:none;
}

#emailCloseBtn {
    background-image:url(../img/closePopup.gif);
    background-position:0px 0px;
    position:absolute;
    top:10px;
    right:10px;
    width:32px;
    height:32px;
}

#emailCloseBtn:hover {
    background-position:-32px 0px;
}

#lightSource_shoppingList
{
    font-size:11px;
    font-family: Verdana ;
    padding:1.3em 0 0.1em;
}
#lightSource_shoppingList .textlightSource{
    line-height:14px;
    color:#333;
        
}
#lightSource_shoppingList .linklightSource{
    line-height:12px;
    hover:underline;
    color:#3399FD;
    padding:0.9em 0 0.05em;
    *padding:1em 0 0;

}
/* ------------------- /stock availability status bar -------------------*/
.clear {
    clear:both;
}

#stockAvailablity{
    font-family: Verdana; 
    font-size: 11px; 
    color: #000; 
    /*border:1px solid #EBE8DB;*/
       
}
#stockAvailablity .statusImg{
    float:left;
}
#stockAvailablity .statusTxt{    
    
    margin:0 0 0 5.7em;
    color:#333;
}
#stockAvailablity .statusConatiner{
        margin:1.042em 0 0.1042em 0;
}

/* ------------------- /select popup -------------------*/
#selectPopupMain
{
   font-family: Verdana;
   font-weight: normal;
   background-color:#fff;

}
#selectPopupSubMain
{
   margin:15px 15px 15px 15px;
}
#selectPopupHeadline
{
clear:both;
color:#333333;
font-family:Verdana;
font-size:14px;
font-weight:normal;
padding-bottom:0.9em;

}
#selectPopupSelect
{
  padding-bottom:1.6em;

}
.linkText
{
font-family: Verdana;
font-size: 11px;
color: #3399fd;
text-decoration:none;
}
.spaceLeft
{
  height:6px;
    padding:3px 0 0;

}
.storeselectpopup{
font-size:1.15em;
height:1.636em;
width:10.8em;
*width:10.7em;
}
#selectContainer{ 
padding:1.2em 1.5em 2.7em;
*padding:1.2em 1.5em 1.5em;   /* New line added for IE*/
text-align:left;
width:12.5em;
}

/* ------------------- /Tip popup -------------------*/
#popupContainer{
 /*padding:2.084em 0 1.9em 1.95em;*/
 padding:1.17em 1.5em 1.5em 1.4em;
*padding:1.17em 1.5em 0.2em 1.4em;  /* New line added for IE*/
 text-align:left;
 width:12.5em;
}
#arrImg
{
   background:url('../img/arr_left.png');
   background-repeat:no-repeat;
   width:15px;
   height:19px;
   margin-left:-29px;
   vertical-align:middle;
   position:absolute;
   margin-top:9px;
}

#tipmain
{
   background-color:#fff;
 
  
  
}
#tipsubMain
{
  // margin:1.19em 1.19em 1.19em 1.2em;
   postion:relative;
}
#tipheadline
{
font-family:Verdana;
font-size:14px;
font-weight:normal;
color:#333;
clear:both;
}
#tipbody
{
font-size:11px;
padding:1.19em 0;

}
.linkText
{
font-family: Verdana;
font-size: 11px;
color: #3399fd;
text-decoration:none;

}
.sideHeaderTopMargin{
    margin-top:5px;
}
.selectStoreBotMargin{
    padding-bottom:0 !important;
}
.leftMarginBut{
    margin-left:-5px;
}
.stockHeadBotMarg{
    padding-bottom:0.1em !important;    
}
.selBotMarg{
    margin-bottom:0.6em !important;
    margin-top:0 !important;
    width:180px;
}
.imgBotMarg{
    margin-bottom:1.3em;
}
#shoppingList #tblShoppingList .prodInfoContainer #warningsection {
    margin-top:1.541em;
    margin-bottom:0.09em;
    color: #666;
}
/** 
* Change for PR IKEA00696336-start
**/
.colProductWidth{
    width:230px;
}
.colBuyableMargin{
    margin-top:10px;
}
/** 
* Change for PR IKEA00696336-end
**/

#shoppingList .rightContent .selectStore {
	width:700px;
}

#selectStore .select_store_info,
#selectStore .selectLocalStoreSelect
{
	float: left;
}

#selectStore .localStoreNoteJS{
	float: right;
	font-family: "Verdana";
	font-style:italic;
	color: #999999;
	font-size: 1em;
}

#selectStore .selectLocalStoreSelect .selectBox,
#selectStore .selectLocalStoreSelect .selectLocalStoreButton,
#selectStore .selectLocalStoreSelect .localStoreNoteTime{
    float: left;
}

#selectStore #select_store_info{
    margin-bottom:6px;
    margin-left:10px;
    width: 400px;
    text-align:left;
    font-weight:bold;
    font-size: 12px;
}

#selectStore #localStoreNoteJS{   
    width: 280px;
    text-align:right;
}

#selectStore .selectLocalStoreSelect #selectBox {
    float: left;
    margin-right: 10px;
    margin-left:10px;
    height:20px;
}

#selectStore .selectLocalStoreSelect #selectLocalStoreButton{
	 margin-bottom:0.11em;
     margin-left: 0px;  
}

#selectStore .selectLocalStoreSelect #localStoreNoteTime{
	text-align:right;
	width: 500px;
}

.stockInfo {
	font-family: "Verdana";
	font-style:italic;
	text-align: left;
	color: #999999;
	font-size: 1em;
	width: 400px;
}

#shoppingList .rightContent .selectStore {
	width:690px;
	height:6em;
	margin-top: .9em;          
}

/**Notice to Customers*/
.disclaimerNew{
    color: #999999;
    font-size: 11px;
    font-style: italic;
	padding:4px 0 10px;
}
 
.disclaimerNew a{
	color: #3399FD;
}

#shoppingList .disclaimerNew {
	padding: 12px 0 10px;
	width: 400px;
}
table#pricewithoutvat {
    margin:-6px 0px 17px 5px;
}
#shoppingList #tblShoppingList #prodPriceWithVATInfo {
    font-size:11px;
    padding: 0px 0px 13px 0px;
    display: inline-block;
}
#shpListVATChkBoxKey {
    font-size:11px;
}

/*** 5.19 changes stock listing page alignment **/
#shoppingList #tblShoppingList td.colInStock{
    text-align:center;
    padding-left:1.26em;
	padding-top:0.60em;
}

/*** ends ***/.leftNavigation .navigationBlock .sideModule div
{
 font-size:1em;
} 

