/* 
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;
					}
					


/* For Site SearchBar Results Pages */
.site-search-result-row img.sr-img 	{
					position:relative; 					
					}





.search-result-row 
					{border: solid 1px red;}
.sr-pnl-container {
					position:relative;
					float:left;
					width:230px;
					height:350px;						
					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:325px;
						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;
}


/* -----------------------------------------------------------------------*/
/*  CUSTOMER ORDER PAGE  */
/* -----------------------------------------------------------------------*/

#order-ship-to-div {
float:left;
margin:20px 0;
}

.order-addres-street {
float:left;
width:99%;
display: inline;
float:left;
font-size: 12px;
margin:5px 0 0 10px;
}

.order-addres-city, .order-addres-state, .order-addres-zip  {
display: inline;
float:left;
font-size: 12px;
margin:5px 0 0 10px;
}

#order-ship-to-div h5 {
float:left;
font-size: 14px;
font-weight:bold;
height:60px;
}

#order-ship-to-div div {
float:left;
}



#detail-pg-social-buttons {
position:absolute;
top:570px;
width:355px;
height:18px;
padding:0;
margin:10px 0 0 0;
border:0;
}

#detail-pg-social-buttons .FBConnectButton_Small img,
#detail-pg-social-buttons .FBConnectButton img, 
#detail-pg-social-buttons a span img,
#detail-pg-social-buttons a {
float:right;
height:18px;
margin:5px 5px;
padding:0;
border:0;
}

#detail-pg-social-buttons a img, 
#detail-pg-social-buttons .FBConnectButton_Small {
margin:0;
height:20px;
line-height:12px;
border:0;
}

#detail-pg-social-buttons .FBConnectButton {
margin:0;
height:18px;
line-height:10px;
padding:0 0 0 0;
border:0;
}

#detail-pg-social-buttons FBConnectButton_Text img {
background:#5F78AB url(http://twitter.com/images/connect_sprite.png) repeat scroll 1px 0;
border:0;
}

/* -----------------------------------------------------------------------*/
/*                           SIMILAR  PRODS                              */
/* -----------------------------------------------------------------------*/
#similars-pane {
position:relative;
float:left;
width:740px;
height:160px;
border:3px solid #D8D8D8;
}
#similars-pane div#featured {
float:left;
margin:15px 0 0 10px;
}
#similars-pane div.similar-thumb .image-framer {
float:left;
margin-top:30px;
border: solid 1px red;
}

div.similar-thumb a {
float:left;
clear:left;
}

#similars-pane #similar-admin-close-pane {
position:absolute;
bottom:10px;
right: 30px;
}

#similars-pane #similar-prods  {
    background: none;
    /*background-color: #E8E8E8;*/
    color: #BEA25E;
    float: right;
    margin: 0 0 28px;
    width: 600px;
    /*border:1px dotted #D8D8D8;*/
}

#prod-detail #similar-prods  {
    position: absolute;
    top: 585px;
    z-index:-1;
    background: url("../_images/details_05.jpg") no-repeat scroll 0 0 transparent;
    color: #BEA25E;
    float: left;
    margin: 0 0 28px;
    width: 385px;
}
     #similar-prods span {
     width: 380px;
     float:left;
     margin:5px 10px 5px 0px;
     }
   .similar-thumb-div {
      float:left;
      width:100px;
      margin:5px 15px 5px 0px; 
      /*border:1px solid red;*/
      }
      
 #similar-prods h3 {
    color: #990033;
    font-size: 13px;
    margin: 2px 0 0;
}




/* -----------------------------------------------------------------------*/
/*                                SITE SEARCH                              */
/* -----------------------------------------------------------------------*/
#site-search {
font-size:11px;
height:0;
padding:0;
position:absolute;
right:193px;
top:78px;
width:200px;
}

#search-text-input {
width:155px;
background:#fff;
height:15px;
font-size:11px;
margin:5px 0;
padding:2px;
}



#searchh3 {color:#ac1a29!important}
input#search-text-submit 
						{
						background: url(../_images/btn-searchy.jpg) no-repeat;
						cursor:pointer;
						width:65px!important;
						height:20px!important;
						border:none!important;
						float:right;
						margin-right:20px;
						margin-top:5px;
						}

#search_results {
height:600px;
width:99%;
overflow:scroll;
}

.sr-thumb {
float:left;
padding:0;
margin:0 5px 5px 0;
}

.site-search-result-row {
width:99%;
height: 120px;
float:left;
clear:both;
margin: 10px 0 0 30px;
padding:0;

}

.site-search-result-row .body {
border-bottom:1px dotted #dddddd;
}

.site-search-result-row .header, 
.site-search-result-row .body {
float:left;
width:99%;
}

.site-search-result-row .header .sr-title {
font-weight:bold;
font-size:18px;
height:25px;
margin: 2px 0 0 0;
}

.site-search-result-row .header .sr-title span.sr-artist {
color:#5580AA;
font-size:12px;
}

/*.site-search-result-row .header .sr-synopsis {
float:right;
height:25px;
width:430px;
margin:10px 0 0 20px;
}*/

.site-search-result-row .body img.sr-thumb {
float:left;
height:60px;
}

.site-search-result-row .body .image-framer {
float:left;
}

 
.site-search-result-row .body .rt-panel {
float:right;
width:550px;
}

.site-site-search-result-row .sr-synopsis,
.site-search-result-row .sr-description, 
.site-search-result-row .sr-comments, 
.site-search-result-row .vendor, 
.site-search-result-row .options {
float:left;
clear:left;
}

.site-search-result-row .sr-synopsis span,
.site-search-result-row .sr-description span, 
.site-search-result-row .sr-comments span, 
.site-search-result-row .vendor span {
font-weight:bold;
}

#pg-search #chose-sr-results-per-page {
position: relative;
top: -20px;
float:right;
clear:right;
height:20px;
width: 180px;
padding: 0;
margin: 0px;
}
     #pg-search #sr-results-per-page {
     float:right;
     clear:right;
     padding: 0;
     margin: 5px;
     }
     #pg-search #chose-sr-results-per-page span {
     float:left;
     padding: 0px;
     margin: 5px;
     }

.search-paging-system {
   float:left;
   clear:both;
   width:99%;
   height:20px;
   margin:10px 0 5px 0;
   padding:0;
}


ul.search-instructions li {
/*color:#5580AA;*/
font-size:12px;
}

ul.search-instructions li span.ie {
color:#5580AA;
font-size:11px;
}