﻿
/* ********************************** */
/* The Store page                     */
/* Styles specific to the store page. */
/* ********************************** */

body.store div.imageheader
{
  padding:2px 2px 2px 2px;
  margin:2px 2px 2px 2px;
  width:99%;
}

body.store form,
body.storecreatemembership form,
body.storefind form,
body.storefindnamezip form,
body.storelogin form,
body.storelostpassword form,
body.storerevieworder form,
body.storeupdateuserinfo form
{
  padding:2px 2px 2px 2px;
  margin:2px 2px 2px 2px;
  width:100%;
  font-family: Georgia, "Times New Roman", Times, serif;
}

body.store div.right
{
  height:500px;  
  border:1px solid #666;

}

body.store ul.instructions
{
  list-style:none;
  padding:0px 5px 5px 5px;
  margin:0px 5px 5px 5px;
}

body.store table A 
{
  color:       blue;
  font-size:   10pt;
  font-style:  normal;
  line-height: 10pt;
  font-weight: bold;
}	 

body.store  A:hover   { color: red   }

body.store h4
{
  font-size:   10pt;
  font-style:  normal;
  line-height: 10pt;
  font-weight: bold;
  text-align:center;
  padding: 10px 20px 0;
  margin: 0;  
}

body.store em
{
  color:Black;
  font-style:italic;
}

body.store div.right table
{
  border-bottom:1px solid #ffffff;
}

body.store a.itemlink, body.store img.itemimg
{
  border:0 none;

}	 
@media (max-width: 380px) 
{body.store a.itemlink, body.store img.itemimg
{
  border:0 none;
max-width:100px;
}}

body.store a.itemdesc
{
  color:       black;
  font-size:   10pt;
  font-style:  normal;
  font-weight: normal;
  border:0 none;
  text-decoration:none;
}	 

body.store input.itemqty
{
  padding:4px 4px 2px 10px;
  margin:2px 2px 2px 15px;
  font-size:10pt;
  width:30px;
  border:1px solid;  
}

body.store span.itemprice,
body.store span.itemtotal
{
}
body.store span.itemdesc
{
  margin-left:7px;
}

body.store div#dlg, body.store div.itemdlg
{
  display:none;
}

body.store div#itemlist
{
  font-weight:bold;
  margin:0;
  height:auto;

}

body.store div.itemdlg
{
  font-weight:bold;
}

body.store img.itemdlgimage
{
  padding-left:100px;
}
@media (max-width: 500px) {
body.store img.itemdlgimage
{
  padding-left:0px;
width:100%;
}
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable{
width:100% !important;
left:0px !important;
}
}

body.store div#itemlist td.itemlisttd
{
  margin:0;
  padding:0;
  width:60%;
}

body.store div#itemlist td.itemlisttd2
{
  margin:0;
  padding:0;
  width:30%;
}

body.store td.ordertotal
{
  width:190px;
  vertical-align:top;
}

body.store td.ordertotal span
{
   padding-left:10px;
   text-align:center;
   float:none;
   font-size:large;
}

body.store input#checkout
{
   background-color:Green;
   color:White;
   font-weight:bold;
height:25px;
}

body.store input#btnCancel2
{
   background-color:Red;
   color:White;
   font-weight:bold;
height:25px;
}


body.storeismember form span.txtlabel  
{ 
	float: none; 
	width: 100%; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: left; 
}

body.storecreatemembership .loginbutton,
body.storeismember .loginbutton,
body.storefind .loginbutton,
body.storefindnamezip .loginbutton,
body.storelogin .loginbutton,
body.storelostpassword .loginbutton,
body.storerevieworder .loginbutton,
body.storeupdateuserinfo .loginbutton
{ 
	font-size:14px;
   margin-left:10px;
   margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	width:100%;	
}

body.storecreatemembership form td,
body.storefind form td,
body.storefindnamezip form td,
body.storelogin form td,
body.storelostpassword form td,
body.storerevieworder form td,
body.storeupdateuserinfo form td
{
   text-align:left;
   height:28px;   
}

body.storecreatemembership form td.tdlabel,
body.storerevieworder form td.tdlabel,
body.storeupdateuserinfo form td.tdlabel
{
   width:100px;   
}

body.storefind input.inputfield,
body.storefindnamezip input.inputfield,
body.storelogin input.inputfield,
body.storelostpassword input.inputfield
{
   text-align:left;
   width:60%;
}

body.storecreatemembership input.inputfield,
body.storerevieworder input.inputfield,
body.storeupdateuserinfo input.inputfield
{
   text-align:left;
   width:150px;
   margin-left:40px;
}
body.storerevieworder input.inputfieldsmall
 {margin-left:40px;
     }
body.storerevieworder input.immutable, body.storeupdateuserinfo input.immutable { margin-left:0px;}
body.storerevieworder form .ddcountry{margin-left:40px;}
  @media (min-width: 701px) 
{
    body.storecreatemembership input.inputfield,
body.storerevieworder input.inputfield,
body.storeupdateuserinfo input.inputfield
{
   text-align:left;
   width:250px;
   margin-left:40px;
}
body.storerevieworder input.immutable, body.storeupdateuserinfo input.immutable {width:250px; margin-left:0px;}
body.storecreatemembership form .ddcountry, body.storerevieworder form .ddcountry, body.storeupdateuserinfo form .ddcountry {width:250px;}
    }
body.storecreatemembership input.inputfieldsmall,
body.storerevieworder input.inputfieldsmall,
body.storeupdateuserinfo input.inputfieldsmall
{
   text-align:left;
   width:40px;
}

body.storecreatemembership input.inputfieldwide
{
   text-align:left;
   width:448px;
}

body.storerevieworder input.inputfieldwide
{
   text-align:left;
   width:446px;
}

body.storecreatemembership .txtlabelsmall,
body.storefind .txtlabelsmall,
body.storefindnamezip .txtlabelsmall,
body.storelogin .txtlabelsmall,
body.storelostpassword .txtlabelsmall,
body.storerevieworder .txtlabelsmall,
body.storeupdateuserinfo .txtlabelsmall
{
   text-align:right;
}

body.storecreatemembership .alefttight220,
body.storerevieworder .alefttight220,
body.storeupdateuserinfo .alefttight220
{
  width:220px;
  text-align:left;
  padding:0;
  margin-top:1px;
  margin-bottom:1px;
  font-size:small;
}


body.storecreatemembership .alefttight50,
body.storerevieworder .alefttight50,
body.storeupdateuserinfo .alefttight50
{
  width:50px;
  text-align:left;
  padding:0;
  margin-top:1px;
  margin-bottom:1px;
  font-size:small;
}

body.storecreatemembership form .ddcountry,
body.storerevieworder form .ddcountry,
body.storeupdateuserinfo form .ddcountry
{
   width:155px;   
}

body.storecreatemembership input#btnCancel,
body.storerevieworder input#btnCancel,
body.storeupdateuserinfo input#btnCancel
{
   background-color:Red;
   color:White;
   font-weight:bold;
}

body.storerevieworder th
{
   font-weight:normal;
}

body.storerevieworder input.itemqty
{
  width:30px;
}


body.storefindnamezip span.txtinstructions,
body.storelogin span.txtinstructions
{
   color:Red;
   display: block;
   float: left; 
   padding: 0; 
   text-align: left; 
   font-size: 12px;
   font-weight: bold;
}

body.storefindnamezip div.divaddress,
body.storelogin div.divaddress
{
	color:white;
	display: block;
	float: left; 
	padding: 0; 
	text-align: left; 
	font-size: 12px;
}

body.storefindnamezip form span.txtlabel,
body.storelogin form span.txtlabel
{ 
	color:white;
	float: none; 
	width: 100%; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: left; 
}

body.storefindnamezip span.txtAddress,
body.storelogin span.txtAddress
{
   color:white;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	text-align: left; 
	font-size: 12px;
	width:300px;
}

body.storefindnamezip input.yesnobutton,
body.storelogin input.yesnobutton
{
  	font-size:14px;
   margin-left:10px;
   margin-right:10px;
	padding-left:10px;
	padding-right:10px;

}

body.storecreatemembership div#divmessage,
body.storefindnamezip div#divmessage,
body.storelogin div#divmessage
{
   color:Red;
   text-align:left;
   padding-top:15px;
}

body.storelogin span.littleredor, 
body.storelogin span.bigredor
{
   color:Red;
   font-style:italic;
}

body.storelogin span.bigredor
{
   font-size:16px;
   font-weight:bold;
   text-align:center;
}

body.storerevieworder input.immutable, 
body.storeupdateuserinfo input.immutable {
   background-color: #C0C0C0;
}

body.storecreatemembership span.reqstar { color: red; text-align:right; font-size:12px}
body.storecreatemembership td.aright { text-align: right; }

body.storecreatemembership td.shipto {
  width:200px;
  text-align:left;
  padding:0;
  margin-top:1px;
  margin-bottom:1px;
  font-size:small;
}
.yesnobuttonx {
        background: transparent;
        border: none !important;
       max-height: 1px;
       max-width: 1px;
     position: absolute;
    height: 100px;
    width: 100px;
    right: -0px;
    top: 50px;
    }

body.storerevieworder span.reqstar { color: red; text-align:right; font-size:12px}
body.storerevieworder td.aright { text-align: right; }

body.store span#storeMsg { color: yellow; position:relative; top:-10px;}
body.store .thestore { margin: 0; padding: 0; position: relative; left: -10px; }
body.store .thearrow { margin: 0; padding: 0; position: relative; top: 8px; }
body.store td.tdstore { text-align: center; }nter; margin-top:-10px;}


    @media (max-width: 380px) 
{
#itemlist {
width:300px;
}
    #btnGoBack
    {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
        }
        #btnCancel
          {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
     
        }
        #submit1
        {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
     
        }
        #btnContinue
        {padding-right:2px !important;
     padding-left:2px !important;
     margin-left:0;
            }
    }
.ruthimg2{
border:2px solid black;
   background-color:white;
    margin-left: 0px;
    width: 20%;}
    @media (min-width: 750px) 
{
.storememoriam{
text-align:left;
}
.phonestorehead{
margin-top:50px;
padding-top:10px;
}
.ruth2{
margin-top:-10px;
width:500px;
margin-bottom:20px;

}
.ruthimg2{
float:left;
width:15%;
margin-right:10px;
}
}
    .strclosed {
width: 500px;
text-align: center;
}