/*
	Pure CSS Buttons.
	Learn more ~ http://www.halmatferello.com/lab/pure-css-buttons/

	Licensed under GPL and MIT.
*/

.pcb, .pcb span {
	background: url('../images/buttons/secondary.png') no-repeat;
	height: 23px;
	line-height: 23px;
	padding: 3px 0 7px 0;
}

.pcb, a.pcb:link, a.pcb:visited {
	color: #333;
	font-size: 11px;
	padding-left: 14px;
	text-decoration: none !important;
}
/* ie 6 hack */
* html div#frame .pcb {
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
/* ie 7 hack */
*:first-child+html .pcb {
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.pcb span {
	background-position: right -326px;
	padding-right: 14px;
}

a.green-button, a.green-button:link, a.green-button:visited, .green-active-button, .green-disabled-button {
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}
a.green-button:hover {
	background-position: left -27px;
}
a.green-button:hover span {
	background-position: right -353px;
}
a.green-button:active, .green-active-button {
	background-position: left -54px;
}
a.green-button:active span, .green-active-button span {
	background-position: right -380px;
}
body .green-disabled-button {
	color: #A8BE69 !important;
	background-position: left -81px !important;
}
body .green-disabled-button span {
	background-position: right -407px;
}

a.grey-button {
	background-position: left -219px;
	padding-top: 3px;
}
a.grey-button span {
	background-position: right -545px;
	padding-top: 3px;
}
a.grey-button:hover {
	background-position: left -246px;
}
a.grey-button:hover span {
	background-position: right -572px;
	color: Maroon ;
}
a.grey-button:active, .grey-active-button {
	background-position: left -273px;
}
a.grey-button:active span, .grey-active-button span {
	background-position: right -599px;
}
body .grey-disabled-button {
	background-position: left -300px;
	color: #bbb !important;
}
body .grey-disabled-button span {
	background-position: right -626px;
}

a.red-button, .red-active-button, .red-disabled-button {
	background-position: left -109px;
	color: #fff !important;
	padding-top: 3px;
	font-weight: bold;
}
a.red-button span {
	background-position: right -435px;
	padding-top: 3px;
}
a.red-button:hover {
	background-position: left -137px;
	 
}
a.red-button:hover span {
	background-position: right -463px;
	color:#e3e0d5 ;
}
a.red-button:active, .red-active-button {
	background-position: left -165px;
}
a.red-button:active span, .red-active-button span {
	background-position: right -491px;
}
body .red-disabled-button {
	background-position: left -192px;
	color: #DC4143 !important;
}
body .red-disabled-button span {
	background-position: right -518px;
}




/*corner box*/

.cornerbox
	{
	position: relative;
	float:left;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:50%;				/* <-- use this to tie width to viewport size */
	width: 40em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
.cornerboxcontent
	{
	padding:3em;
	}

.cornerboxcontent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
.cornerboxcontent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(../images/roundcornerbox/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(../images/roundcornerbox/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(../images/roundcornerbox/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(../images/roundcornerbox/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(../images/roundcornerbox/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(../images/roundcornerbox/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(../images/roundcornerbox/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(../images/roundcornerbox/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/*ajax tab button css  - found in product details*/

.ajax__myTab .ajax__tab_header {
        font-family: verdana,tahoma,helvetica;
        font-size: 11px;
        border-bottom: solid 1px #990033
     }
    
    .ajax__myTab .ajax__tab_outer {
        padding-right: 4px;
        height: 21px;
        background-color: #C0C0C0; /*some color change on the tab outer*/
        margin-right: 2px;
        border-right: solid 1px #666666;
        border-top: solid 1px #aaaaaa
     }
    
    .ajax__myTab .ajax__tab_inner {
        padding-left: 3px;
        background-color: #FFFFFF;  /*when tab not active*/
     }
    
    .ajax__myTab .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0;
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_outer {
        background-color: #cccccc
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_inner {
        background-color: #cccccc
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_tab {}
   
    .ajax__myTab .ajax__tab_active .ajax__tab_outer {
        background-color: #fff;
        border-left: solid 1px #999999;
     }
    
    .ajax__myTab .ajax__tab_active .ajax__tab_inner {
        background-color:#990033;
     }
    
    .ajax__myTab .ajax__tab_active .ajax__tab_tab {}
   
    .ajax__myTab .ajax__tab_body {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        /*border: 1px solid #999999;*/
        border-bottom-style:none ; 
        border-top: 0;
        padding: 8px;
        background-color: #ffffff;
      }






                                      



/*end of buttons*/

.SearchCategoryDropBox
{
    font-size:smaller ;
    width: 150px; 
    }
    
    
.searchMenu
{
    background:url(../images/bg/shadow-right.png) repeat-x 100% 0;    
}

.searchMenu h3
{
    /*color: Red;*/
    /*padding-top: 0px;*/
    margin-top: 5px;
    color: #3A4F63;
}





/*Product pages*/

.divMainTitleWrapper h2
{   
    color:#b38f07;
    font-weight: bolder ; 
   /* border: 1px solid green;*/
    margin-top: 0px;  /*margin is being set somewhere else to 15px*/ 
    
    }
    
.divSecondTitleWrapper h3
{
    color: #CCA212;
    font-weight: bold; 
    margin-top: 0px; 
    
    }

   .divMidSection
   {
           /*border: 3px solid pink;*/
       } 
       
.divProdImagesall
{
   /* border: 3px solid red;*/
    width: 490px;
    display:inline-block ;
    vertical-align: top; 
    }
 
 .divMedImageLocation
 {
      display:inline-block; padding: 2px; vertical-align: top;  
      /*height:320px;*/      
     /*
        border: 1px solid blue; 
        width: 320px;
    */
     }
  
  .divMedImageLocation a
  {
      text-decoration:none;
      color: black ;
      }
     
 
 
  .divThumbImageLocation
   {
        display:inline-block ; padding: 2px; 
       /*
            border: 2px solid grey;

        */
       
       } 
       
  
  .divDetailnPrice
  {
      
    background-color: #eeeeee;   
      
      
      }
       
  .divBoxNextToImages
  {
      
      /* border: 2px solid grey;*/
       width: 185px;
      /* height: 300px;*/
       display: inline-block   ;
      
      }
  
  
  
  .divBoxNextToImages p.price
  {
      color: #2C79B6;  font-size: 1.1em;    font-weight: bold;
      
      }    
      
   .divPriceBx
   {
       border: 2px solid orange;
       
       
       }
    

.divProductDetails
{
    /*width:43em; */
    /*border: 2px solid #B38F07;*/
    
    width: 430px;
    display:inline-block ;
    vertical-align: top;  
    padding-left: 5px; 
    }
 
 .divProductDetails h3
 {
   /*  margin-top: 0;*/
     }

.divImgMakeOffer
{
    background-image: url(../images/buttons/btnMakeOffer.gif) ;
    background-repeat:no-repeat ; 
    width: 180px;
    height: 60px;
    margin: 1px;
    
    }

.divImgMakeOffer:hover
{
     background-image: url(../images/buttons/btnMakeOffer2.gif) ;
     background-repeat: no-repeat ; 
     width: 180px;
    height: 60px;
    margin: 2px;
    /*border: 1px solid blue; */

    }
    
    
.divImgGetAQuote
 {
    background-image: url(../images/buttons/getaquote.gif) ;
    background-repeat:no-repeat ; 
    width: 180px;
    height: 30px;
    margin: 1px;
     
     }   


    
.divImgGetAQuote:hover
 {
    background-image: url(../images/buttons/getaquotehover.gif) ;
    background-repeat:no-repeat ; 
    width: 180px;
    height: 30px;
    margin: 2px;
     
     }   
     
     
  .imgSold
  {
      margin: 5px;
      margin-top: 0px;
        
      }
  
  
  
  
  
 
  
   
   
   
   
 /*left menu*/
 .adminMenu h3
 {
     color: #3A4F63;
     }
 
 
 .adminMenu h3 a
{
    /*color: Red;*/
    /*padding-top: 0px;*/
    /*margin-top: 5px;*/
    /*text-decoration: none; */
    color: #3A4F63;
    font-weight: bold ;
    
}