/*
*
*	JJohnson | Global
*	Last Update: May 2007
*
*/





.float-left 	{ float:left; }
.float-right 	{ float:right; }



.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }



.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }





.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }



.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.noborder		{border: none;}
.nobackground	{background:none;}



.printhide		{display:none;}



.bgreplace		{text-indent: -9999em; position: relative;}
.bgreplace a	{position: absolute; display:block; top: 0; left: 0;}



.red			{font-weight: bold; color: #55292A;}	



.input			{ border: 1px solid #cfcfcf; border-top-color: #919191; border-bottom-color: #e5e5e5; border-left-color: #d0d0d0; padding: 3px; background: #fff url(../images/input_bg.gif) repeat-x left top; font-family: Verdana, Arial, sans-serif;height:15px;}
.field			{margin: 10px 0; width: 225px;}



.bordertopbottom	{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0;}





.clearafter:after,.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}



 .clearafter,.clear {display:inline-block;}

  /* Hide from IE Mac \*/

 .clearafter,.clear {display:block;}

 /* End hide from IE Mac */



 * html .clearafter, * html .clear{height: 1px;}



html, body {
	border:0;
	margin:0;
	padding:0;

}



body {
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}



a{text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}
a img{border: none;}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}



h1 {
letter-spacing:-1px;
font-size:2em;
}



h2 {
letter-spacing:-1px;
font-size:1.5em;
}



h3,h4,h5,h6 {
font-size:1em;
}



p, ul, ol {
margin:0;
padding:0 0 9px 0;
}



blockquote {
margin:22px 40px;
padding:0;
}



ul, ol {

list-style:none;

padding:0 0 18px 40px;

}



small {

font-size:0.85em;

}





#msg{

		width: 95%;

		font-family: Verdana, sans-serif;

		margin: 10px auto;

 		padding: 5px 5px 5px 10px;

		line-height: 20px;

	}



	.notice{

	    background: #ffc;

	    color: #31363e; 

		border: 1px solid #ffdc50;

		}



	.success{

	    background: #E2F9E3;

	    color: #060; 

		border: 1px solid #9c9;

		}

		

	.error{

		background: #FFE3E0;

	    color: #E31B0C; 

		border: 1px solid #DC6E66;

		}

	#msg.error{padding: 0 0 5px 0;}

	.error h5{color: #fff; background: #E31B0C; padding: 3px;}

	

	.error .errorlist{font-size: 90%; margin-bottom: 0; padding-bottom: 0;}

	.error .errorlist li{list-style:disc;}

		

button { 

  border:0; 

  font-weight:bold; 

  padding:0 10px 0 0; 

  text-align:center; 

  width: 65px;

  font-family: Verdana, Arial, sans-serif;

  outline: none;

}

button span { 

  position:relative; 

  display:block; 

  white-space:nowrap; 

  padding:0 0 0 12px; 

  outline: none;

}



/* jj css calendar */

ul.day_names, ul.day_names li, ul.days, ul.days li{display: inline; margin: 0; padding: 0; float: left;}



ul.day_names li{

	background: #696969; 

	color: #fff; 

	font-weight: bold; 

	font-size: 9px; 

	width: 29px;

	text-align: center;

	}



ul.days li{

	background: #dfdfdf; 

	font-size: 9px; 

	/* the with should be (li a) width + padding */

	width: 28px; 

	height: 20px; 

	border-right: 1px solid #fff; 

	border-bottom: 1px solid #fff;

}



ul.days li a{

	display: block;

	width: 20px;

	height: 20px;

	background: #F9F5D0;

	color: #FF5100;

	padding: 0 4px;

	

}



ul.days li.today{

	background: #333;

	color: #fff;

}



ul.days li.today a{

	background: #EFA532; 

	color: #fff; 

}



/*grey buttons*/

button.grey { 

  background:url(../images/button_bg_right.gif) right no-repeat; 

  font-size:9px; 

  font-weight: normal;

  outline: none;

}

button.grey span { 

  height:32px; 

  line-height:33px;

  background:url(../images/button_bg_left.gif) left no-repeat;

  color:#222; 

  text-transform: uppercase;

  outline: none;

}

button.grey:hover {

	background:url(../images/button_bg_right_hover.gif) right no-repeat;

	color: #fff; 

	outline: none;

}

button.grey:hover span {

	background:url(../images/button_bg_left_hover.gif) left no-repeat; 

	color: #fff;

	outline: none;

}





/* sliding doors technique */

  #tagline ul {

    margin:1px 0 0 0;

    padding:0;

    list-style:none;

    }

  #tagline li {

    float:left;

    margin:0 10px 0 0;

    padding:0;

 	background:url("../images/nav/orng_right.gif") no-repeat right top;	

    }

	

  #tagline li a{

  	display: block;

 	background:url("../images/nav/orng_left.gif") no-repeat left top;

    padding:0 10px;	

  }

  

 

 /* image tabs */

 /* main nav */

#thome a  {

	width: 103px;

	background: url(../images/nav/home.jpg) top left no-repeat;

}

#tcatalog a  {

	width: 104px;

	background: url(../images/nav/catalog.jpg) top left no-repeat;

}	

#tbridal a  {

	width: 103px;

	background: url(../images/nav/bridal.jpg) top left no-repeat;

}



#home #tbridal a{

	background-image: url(../images/nav/home_bridal.jpg);

}

	

#ttestimonials a  {

	width: 145px;

	background: url(../images/nav/testimonials.jpg) top left no-repeat;

}



#home #ttestimonials a{

	background-image: url(../images/nav/home_testimonials.jpg);

}

	

#tlocation a  {

	width: 112px;

	background: url(../images/nav/location.jpg) top left no-repeat;

}	

#tcontact a  {

	width: 104px;

	background: url(../images/nav/contact.jpg) top left no-repeat;

}	






	#navRight {

		margin: 0;

		padding: 0;

		height: 35px;

		list-style: none;

		display: inline;

		overflow: hidden;

		}



	#navRight li {

		margin: 0; 

		padding: 0;

	    list-style: none;

		display: inline;

		}



	#navRight a {

		float: left;

		padding: 35px 0 0 0;

		overflow: hidden;

		height: 0px !important; 

		height /**/:35px; /* for IE5/Win only */

		}



	#navRight a:hover {

		background-position: 0 -35px;

		}



	#navRight a.active, #navRight a.selected {

		background-position: 0 -35px;

		}