/* 
TEMPORARY CSS FILE  ( UNTIL THE PHROFISIED JAMES ARRIVES AND PUTS ALL IN ITS PROPER PLACE
*/

.small {font-size:9px!important;}
/*  START: ATTENTION BOX  */
.input-focus
					{
					border:1px solid #981017;
					}

#attention-box-holder 
					{
					padding:0;
					background: #fff;/* dont change this from white */					
					}

h4.heading {color:#990033;}
.attention-box 
						{
						/*called by jQuery */
						position: absolute;
						top: 50px;
						left: 262px;/* left = [(985px/2)-(width:460px/2)] */
						
						text-align:left;
						width: 460px;/* works w abs left to center div */
						border: 5px solid #981017;/* red from heart   */
						z-index: 500;
						background-color:#fefdf9;
						}
						
.subdue 
						{
						filter: alpha(opacity=30); /* internet explorer */
						-khtml-opacity: 0.3;      	/* khtml, old safari */
						-moz-opacity: 0.3;       		/* mozilla, netscape */
						opacity: 0.3;           			/* fx, safari, opera */
						}
attention-box #cust-loginDiv
						{
						width:99%;
						height:99%;
						border:1px solid red;
						text-align
						}
.attention-box #login-existing, .attention-box #register-new-cust 
						{
						position:relative;
						float:left;
						width:200px;
		
						background-color: #fff;

						text-align:left;
						padding:5px;
						margin:15px 5px 25px 10px;
						border:1px solid #ccc;
						}

.attention-box #login-existing
						{height:222px;}
					

.input-holder
						{
						}
						
.attention-box h3 {clear:both;margin-top }						 
.attention-box label 
						{
						padding:0!important; 
						width: 200px; 
						margin:12px 0 0 0 !important; 
						}
						
.attention-box input[type=text]
						{
						float:left;
						clear:both;
						color:#9b7b60;
						padding:0!important; 
						width: 150px; 
						margin:12px 0 0 0 !important; 
						}
.attention-box a#customer-registration-but,
.attention-box a#customer-login-but
						{
						
/* 						position:absolute;
						bottom:5px;
						right:20px;
						width:80px;
						font-size: 12px;
						font-weight:600;
						line-height: 18px;
						text-align:center;
						padding:2px;
						color: #990033;
						background-color:#EED388;
						border:1px solid #D7BF82;
						margin: 10px;
						*/
							

						}
						
.attention-box #attnBoxClose 
						{
					display:block;
					
					float:right;
					margin:12px;
						}
/*  END: ATTENTION BOX  */

 .scroll-pane  
 						{
						width: 159px;
						height: 94px;
						overflow-x: auto;
						overflow-y: auto;		
						background-image: none;
						background-repeat: repeat;
						background-attachment: scroll;
						background-position: 0% 0%;
						float: left;
						}

 #seacrh-results .scroll-pane
						{
						width: 159px;
						height: 180px;
						overflow-x: auto;
						overflow-y: auto;		
						background-image: none;
						background-repeat: repeat;
						background-attachment: scroll;
						background-position: 0% 0%;
						float: left;
						}



/* ---------------------------------------------------------------------------------------------------------------------*/
/*    START: SEARCH RESULT (sr) PANEL  STYLES           
    	NOTE: In the file, prodQuery/_includes/search_results.php (do not edit this file) I have
         	       created  a cpuple of classes :  class="prod-even"  &  class="prod-odd" that you
          	      use to offset the bg colors of the add/even search result panels (if youlike).
*/
/* ---------------------------------------------------------------------------------------------------------------------*/

.sr-pic
					{
					position:relative; left:12px;
					}
					
.search-results 
					{
					float:left; 
					width:100%;			
					}

.sr-prod-type-list strong 
					{display:block}

.sr-panel h4 {font-size:11px; text-align:center; }
.sr-panel h4 a:link, .sr-panel h4 a:visited 
					{
					text-decoration:none;
					color:#811002;
					line-height:12px;
					clear:both;
					}
img.sr-img 	{
					border: 1px solid #b5b5b5;
					
					}

.search-result-row 
					{border: solid 1px red;}
.sr-pnl-container
					{
					position:relative;
					float:left;
					width:230px;
					height:340px;						
					margin:1px;
					text-align:center;
					border-style:solid;
					border-width:0px 0px 1px 1px;
					border-color:#dadada;
					}

div.every-4j {border-left:none!important}

.sr-pnl-container p
					{
					width:200px;
					font-size: 11px;
					text-decoration:none;
					text-align:center;
					margin:1px;
					padding:0 0 0 15px;
					}


.sr-pnl-container .sr-prodtype 
					{
					clear:left;
					width:100%;
					font-size: 14px;
					line-height: 18px;					
					text-align:center;
					margin:1px;
					}

.sr-details 	{
					text-align:right!important;
					}


.sr-price {color:green;font-weight:bold;}


				/* --------------------------------------------------------*/
				/*    Onio Skin Shadow technique                  */
				/* --------------------------------------------------------*/
				/* http://www.alistapart.com/articles/onionskin/      */
												
.wrap1, .wrap2, .wrap3 
						{
						  display:inline-table;/*The element will generate an inline box (like <table>, with no line break before or after)*/
						 /* \*/display:block;/**/
						 }
						  
.wrap1				{
						 float:left;
						 background:url(shadow.gif) right bottom no-repeat;
						 }
.wrap2 				{
						 background:url(corner_bl.gif) left bottom no-repeat;
						  }
.wrap3 				{
						padding:0 4px 5px 0;
						background:url(corner_tr.gif) right top no-repeat;
						}
.wrap3 img 		{
						display:block;
						}
						  
.about-pg-img {
						position: relative;
						width:200px;
						left: 0px; 
						top: 0px;
						}

.add2cart-row				 
						{
						position:absolute;
						font-size:10px;
						top:310px;
						left:0;
						height:35px;
						width:100%;
						text-align:center;
						}

#seacrh-results .icon {position:relative; top:3px;}
			
			
				/* --------------------------------------------------------*/
				/*    Face Book Button style                           */
				/* --------------------------------------------------------*/
			
						html .fb_share_button { 
						display: -moz-inline-block;
						display:inline-block; 
						padding:1px 20px 0 5px; 
						height:15px; 
						border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right;
						} 
						html .fb_share_button:hover { 
						color:#fff; 
						border-color:#295582; 
						background:#3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; 
						text-decoration:none;
						} 
/* ---------------------------------------------------------------------------------------------------------------------*/
/*    END:     SEARCH RESULT (sr) PANEL  STYLES     
/* ---------------------------------------------------------------------------------------------------------------------*/


/* ---------------------------------------------------------------------------------------------------------------------*/
/*   START:     TOOL TIPS     
/* ---------------------------------------------------------------------------------------------------------------------*/

div.tooltip-prodtype { 
   display:none;/* <-- needed */
    background:url(../_images/backgrounds/tool-tip-120hX250w.png) no-repeat;
    height:115px; 
    width:250px; 
    padding:0;
    font-size:11px; 
    z-index:300;

} 

div.tooltip-prodtype p.tip { 
    position:relative;
    top:10px;
    left:30px;
    height:65px; 
    width:190px; 
    color:#000000;
    font-size:11px; 
    padding:0;
     z-index:300;
    overflow:hidden;
    margin: 0;
} 

div.tooltip-cvc-class { 
    display:none;/* <-- needed */
    height:auto; 
    width:280px;
    background:url(../_images/backgrounds/cvc-box-bg.jpg) repeat-x;
    padding:0;
    font-size:11px; 
    z-index:100;
    border:1px solid #8e8364;
} 

div.tooltip-cvc-class p { 
    height:auto; 
    width:260px;
    padding:0;
    font-size:11px; 
    z-index:110;
    margin:10px;
} 

/* -----------------------------------------------------------------------*/
/*    END:     TOOL TIPS     
/* -----------------------------------------------------------------------*/


.cartrow-single-qty {position:relative; top:7px;}

/* -----------------------------------------------------------------------*/
/*  FORGOT PASSWORD  */
/* -----------------------------------------------------------------------*/
#request-new-password-submit,  
#new-password-submit {
display:block;
width:260px;
font-size: 18px;
font-weight: bold;
text-decoration:none;
text-align:center;
background-color:#F8F7E9;
border:1px dotted #AD7600;
padding: 5px 10px 6px 10px;
margin: 22px 0 20px 0;
}

.new-password-sucess {
float:left;
clear:right;
font-size: 24px;
color: #990000;
font-weight: bold;
padding: 5px;
margin: 25px 10px 25px 0;
}

/* -----------------------------------------------------------------------*/
/*  LINK TO US PAGE  */
/* -----------------------------------------------------------------------*/
#link-to-us-pg .linked-text-offer {
width:730px;
border: 1px solid #EBE3B5;
background-color:#f9F4E1;
padding: 0 0 0 8px;;
margin: 10px 0 0 0;
overflow:auto;
}

#link-to-us-pg textarea {
width:700px;
border: 3px solid #cccccc;
padding: 3px;
margin: 0 0 25px 0;
overflow:auto;
}

#link-to-us-pg label {
width:300px;
margin: 0 0 0 0;
overflow:auto;
}

#link-to-us-pg .red {
color:red;
}
#link-to-us-pg .blue {
color:blue;
}
#link-to-us-pg .bold {
font-weight:bold;
}