.shadow {
text-shadow: 4px 4px 4px #000;
 }

.banner1 {
  /*position: absolute;*/
  /*left: 50px;*/
  /*top: 100px;*/
  /*border: 2px solid black;*/
  background:rgba(255,255,255,0.1);
}

.font1 {
	color: #ffe;
	  border: 0px solid black
	
	letter-spacing: 0.5px;
	/*font-weight: 100;*/
	font-family: 'arial', cursive;
	font-size: 24px;
}


html body {  /*  background color of startpage*/
  	/*background-color: #ffe; previous color*/ 
	/*background-color:#fff; */

}

#target {
  position: absolute;
  left: 50px;
  top: 100px;
  border: 2px solid black;
  background-color: #ddd;
}


#container {
  width: 100px;
  height: 100px;
  position: relative;
}
#navi,
#infoi {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#infoi {
  z-index: 10;
}




















































.footertag { 
		font-family: 'Arial', Times, serif;
		font-size: 12px;
		/*color:#cccccc;*/
		/*font-weight:bold;*/
}



.footer { 
		font-family: 'Arial', Times, serif;
		font-size: 12px;
		color:#ffffff;
		/*font-weight:bold;*/
}


/*below is the userdisplay.php display order in mobile view */

.wraparound {display:table;}
.first {display:table-footer-group;}
.second {display:table-header-group;}

/*above is the userdisplay.php display order in mobile view */






/*below is the userdisplay.php starting stack position table containers  */

  #userdisplaycontainerstart { 
    display: table;

    }

  #userdisplayrow  {
    display: table-row;

    }

  #userdisplayleftstart, #userdisplayrightstart {

    display: table-cell;
	vertical-align: middle;
	align: middle;
	/*width: auto;*/
 
    }

   #userdisplaymiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	/*width: auto;*/
 
    }

/*above is the userdisplay.php starting stack position table containers  */




/*below is the userdisplay.php Primary page starting stack position table containers  */

  #userdisplaypricontainerstart { 
    display: table;

    }

  #userdisplayprirow  {
    display: table-row;

    }

  #userdisplayprileftstart, #userdisplayprirightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 25%;
 
    }

   #userdisplayprimiddlestart {
 display: table-cell;
	

   
	vertical-align: top;
	align: middle;
	width: 75%;
 
    }

/*above is the userdisplay.php Primary page starting stack position table containers  */






/*below is the userdisplay.php Subcategory page starting stack position table containers  */

  #userdisplaysubcontainerstart { 
    display: table;

    }

  #userdisplaysubrow  {
    display: table-row;

    }

  #userdisplaysubleftstart, #userdisplaysubrightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 25%;
 
    }

   #userdisplaysubmiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 75%;
 
    }

/*above is the userdisplay.php Subcategory page starting stack position table containers  */





/*below is the useritemdisplay.php starting stack position table containers */

  #useritemdisplaycontainerstart { 
    display: table;

    }

  #useritemdisplayrow  {
    display: table-row;

    }

  #useritemdisplayleftstart, #useritemdisplayrightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 42%;
	/*padding: 20px;*/
 
    }
#useritemdisplaymiddlestart, {

    display: table-cell;
	vertical-align: middle;
	align: middle;
	width: 58%;
 
    }

/*above is the useritemdisplay.php starting stack position table containers  */







/*below is the vendordisplay.php starting stack position table containers  */

  #vendordisplaycontainerstart { 
    display: table;

    }

  #vendordisplayrow {
    display: table-row;

    }

  #vendordisplayleftstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	/*width: auto;*/
 
    }

   #vendordisplaymiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	/*width: auto;*/
 
    }

 #vendordisplayrightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	/*width: auto;*/
 
    }

/*above is the vendordisplay.php starting stack position table containers  */





/*below is the vendordisplay.php Primary page starting stack position table containers  */

  #vendordisplaypricontainerstart { 
    display: table;

    }

  #vendordisplayprirow  {
    display: table-row;

    }

  #vendordisplayprileftstart, #vendordisplayprirightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 25%;
 
    }

   #vendordisplayprimiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 75%;
 
    }

/*above is the vendordisplay.php Primary page starting stack position table containers  */




/*below is the vendordisplay.php Subcategory page starting stack position table containers  */

  #vendordisplaysubcontainerstart { 
    display: table;

    }

  #vendordisplaysubrow  {
    display: table-row;

    }

  #vendordisplaysubleftstart, #vendordisplaysubrightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 25%;
 
    }

   #vendordisplaysubmiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 75%;
 
    }

/*above is the vendordisplay.php Subcategory page starting stack position table containers  */





/*below is the vendoritemdisplay.php starting stack position table containers  */

  #vendoritemdisplaycontainerstart { 
    display: table;

    }

  #vendoritemdisplayrow  {
    display: table-row;

    }

  #vendoritemdisplayleftstart, #vendoritemdisplayrightstart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 42%;
 
    }

   #vendoritemdisplaymiddlestart {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 58%;
 
    }

/*above is the vendoritemdisplay.php starting stack position table containers  */





/*below is the userimageinfoform.php starting stack position table containers  */

  #userimageinfoformcontainer { 
    display: table;

    }

  #userimageinfoformrow  {
    display: table-row;

    }

  #userimageinfoformleft, #userimageinfoformright {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 25%;
 
    }

   #userimageinfoformmiddle {

    display: table-cell;
	vertical-align: top;
	align: middle;
	width: 75%;
 
    }

/*above is the userimageinfoform.php starting stack position table containers  */
















/*below is the syntax that fades the stripe out behind vendor's name in vendor item view */

#grad1 { /*vendor label bkg fade*/
    height: 30px;
    background: #ddd; /* For browsers that do not support gradients */
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(221,221,221,1)); /* Standard syntax (must be last) */
}

#grad2 { /*vendor label bkg fade*/
    height: 30px;
    background: #ddd; /* For browsers that do not support gradients */
    background: linear-gradient(to left, rgba(12,12,12,0), rgba(255,240,153,1)); /* Standard syntax (must be last) */
}






/* #### TABLE STRIPING #########*/

.even { background-color:#FFfeed; /*background-color:#fff9e0;*/ }
.odd { background-color:#ffffff;  /*background-color:#FFfeed;*/ }

/* #### TABLE STRIPING ##########*/







div.hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #bbb;
    margin: 1em 0;
    padding: 0;
 
          /*background: #fff url(hr1.gif) no-repeat scroll center;*/
}
div.hr hr {
  display: none;
}






/*below data is for the locationmenu these are repeated in locationmenu/style.js */


.dataFloat {
	position: relative;
	width: 300px;
	max-height: 300px;
	border: 1px solid black;
	display: none;
	overflow: auto;
}
.dataLabel {
	display: block;
	width: 100%;
	height: 100%;
	padding:0;
	line-height: 12px;
}

/*above data is for the locationmenu */











.info,.pagination-wrap{text-align: center;}



h2{padding: 10px;}

.homepage{margin-top: 50px; text-align: center;}

table.tablebg {border-collapse: separate !important;
  border: 1px solid #dddddd;
  border-spacing: 1;
  border-radius: 13px;
  background-color:#eeeeee;
  }

table.roundedcorners { border-collapse: separate !important;
  border: 1px solid #dddddd;
  border-spacing: 1;
  border-radius: 13px;
  }


tr.roundedcorners { border-collapse: separate !important;
  border: 1px solid #dddddd;
  border-spacing: 1;
  border-radius: 13px;
  }
  
td.roundedcorners { border-collapse: separate !important;
  border: 1px solid #dddddd;
  border-spacing: 1;
  border-radius: 13px;
  }
  
.roundedcorners { border-collapse: separate !important;
  padding: 10px;
  border: 1px solid #000000;
  border-spacing: 1;
  border-radius: 13px;
	width:99%;     /* width of image container */
  }

.roundedcornerslesspad { border-collapse: separate !important;
  padding: 5px;
  border: 1px solid #000000;
  border-spacing: 1;
  border-radius: 13px;
	width:99%;     /* width of image container */
  }

.roundedcornerstransparent { border-collapse: separate !important;
  padding: 5px;
  border: 0px solid #000000;
  border-spacing: 1;
  border-radius: 13px;
	width:99%;     /* width of image container */
  }


  
table {
	padding: 5px;
		
    
	word-wrap: break-word;
}

 
.bannercontainer {
	padding: 5px;
	width: 100%;		
    margin-left:auto; margin-right:auto;

}


 






.smbold {font-family: 'Arial', Times, serif;
		font-size: 15px;
		font-weight:bold; 
}

.mdbold {font-family: 'Arial', Times, serif;
		font-size: 21px;
		font-weight:bold;
}

.mdboldblu {font-family: 'Arial', Times, serif;
		font-size: 21px;
		font-color:#a255AB;
		font-weight:bold;		
}

.lgbold {font-family: 'Arial', Times, serif;
		font-size: 28px;
		font-weight:bold;
}

.xlgbold {font-family: 'Arial', Times, serif;
		font-size: 36px;
		font-weight:bold;
}

.xlg {font-family: 'Arial', Times, serif;
		font-size: 36px;
		
}
.xxsm {font-family: 'Arial', Times, serif;
		font-size: 11px;
		
}

.xsm {font-family: 'Arial', Times, serif;
		font-size: 13px;
		position: center;
		word-wrap: no-wrap;
}

.xsmredbig {font-family: 'Arial', Times, serif;
		font-size: 13px;
		position: center;
    color:#D80000;
}


.other {font-family: 'Arial', Times, serif;
		font-size: 16px;
		position: center;
    color:#D80000;
}


.randomtext {    display: block; 
		font-family: 'Arial', Times, serif;
		font-size: 9px;
		position: center;
	word-wrap: break-word;
	width:80%;				
}
.randomside {    display: block; 
		font-family: 'Arial', Times, serif;
		font-size: 12px;
		position: center;
		align: middle;
 
	width:225px;				
}
.xsmbold {font-family: 'Arial', Times, serif;
		font-size: 13px;
		font-weight:bold;		
}

.smnobreak {font-family: 'Arial', Times, serif;
		font-size: 16px;
		word-wrap: normal;
}

.sm {font-family: 'Arial', Times, serif;
		font-size: 16px;
		
		
}

.smxl {font-family: 'Arial', Times, serif;
		font-size: 18px;
		
		
}

.smxlb {font-family: 'Arial', Times, serif;
		font-size: 28px;
		font-weight:bold;		
		
}

.smi {font-family: 'Arial', Times, serif;
		font-size: 16px;
		font-style: italic;
		
}

.smnav {font-family: 'Arial', Times, serif;
		font-size: 16px;
		color:#000000;
		
}


.smred {font-family: 'Arial', Times, serif;
		font-size: 16px;
	color:#D80000;	
}

.xsmred {font-family: 'Arial', Times, serif;
		font-size: 8px;
	color:#D80000;	
}

.xsmwh {font-family: 'Arial', Times, serif;
		font-size: 8px;
	color:#000000;	
}

.smbut {font-family: 'Arial', Times, serif;
		font-size: 16px;
		
		white-space: nowrap		
}



.md {font-family: 'Arial', Times, serif;
		font-size: 22px;
		 
}

.mdred {font-family: 'Arial', Times, serif;
		font-size: 18px;
		color:#D80000;
		white-space: nowrap		
}

.mdbut {font-family: 'Arial', Times, serif;
		font-size: 18px;
		
		white-space: nowrap		
}

.lg {font-family: 'Arial', Times, serif;
		font-size: 28px;
}
.style1 {font-family: 'Arial', Times, serif;
		font-size: 15px;
}
.style2 {font-family: 'Arial', Times, serif;
		font-size: 22px;
}
h1 {font-family: 'Arial', Times, serif;
		font-size: 25px;
}
		
.pricebold {font-family: 'Arial', Times, serif;
		font-size: 18px;
		font-weight:bold;
}



.searchbox {
	height:35px; 
	width:220px;
	border-radius:5px;
	font-size: 18px;
}

#wrapcomments {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}





        /*-------BELOW ARE FOR BUTTONS------------ */

.wrapper {
    text-align: center;
 
}

.button {
       position: absolute;
 

}
       /*--------ABOVE ARE FOR BUTTONS----------*/

       /*###### IMAGES ########################*/
.queryimage {
	border:1px solid #;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	
}

        /*############IMAGES ####################*/


a:link {
	color: light blue;
	

    text-decoration: none;
}

body a:hover {


    text-decoration: none;
}

a:visited {



    text-decoration: none;
}





.useritemdisplaystack {





}



/*  below is for the random image display*/
.divsizerrandom {  

 
    
 	
 	display: table-cell;
 	
}



/*img {max-width: 100%; max-height: 100%; vertical-align: bottom;}*//*this messes with all images(img src)*/