@charset "utf-8";
/* Master CSS Document */

/*Background Body*/
/*----------------------*/
* {
	margin:0;
	padding:0;
	border: none;
	}

h1 {
	font-weight: normal;
	}
a:link, a:visited{
	color: #79BC79;
	text-decoration: none;
	}
a:hover,a:active{
	color:#D42C9D;
		text-decoration: none;
	}

.clear {
	display: none;
	}
	
html{
	background: url(../images/bgGradient.jpg) top left repeat-x #1a3346;
	height:100%;
	overflow: auto;
}
body {
	background: url(../images/bg_line.png);
		clear: both;
	color: #FFFFFF;
	font-family: Verdana,sans-serif;
	font-size: 0.8125em;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	overflow: auto;
	height:100%;
	}
	
.clear-div { clear: both; }	
	

/*Background Line Tile*/
#backgroundTile {
	overflow: hidden;
	padding-bottom: 40px;
	}
*html body{
	background: none;
	}
#content{
	background: #081621;
	clear: both;
	z-index: 20;
	float: left;
	width: 550px;
	padding: 10px 30px 30px 30px;
	position: relative;
	bottom: 10px;
	right: 10px;
	}
#homeTitle{
	background: url(../images/homeTitle.png) top left no-repeat;
	width: 56px;
	height: 18px;
	}
*html #homeTitle{
	width: 56px;
	height: 18px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homeTitle.png', sizingMethod='crop');
	}
#wrapper{
	width: 800px;
	margin: 0 auto;
	}
#contentShadow{
	background: url(../images/borderShadow.png) top left repeat;
	float: left;
	}
*html #contentShadow{
	background: none;
	float: left;
	}
p{
	color: #FFFFFF;
	line-height:1.8em;
	padding-top: 20px;
	}
p.FirstPara{
	padding: 5px;
	}
#contentHolder{
	position: relative;
	float: left;
	left: 10px;
	top:10px;
	}


/*Logo Sign Savvy*/
/*----------------------*/
h1#logo {
	background: url(../images/Logo_signSavvy.png) bottom left no-repeat;
	clear: both;
	width: 194px;
	height: 69px;
	position: relative;
	left: 159px;
	margin: 17px 0 10px 0;
	cursor: pointer;

	}
*html h1#logo {
  	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Logo_signSavvy.png', sizingMethod='crop');
   	width: 194px;
	height: 69px;
	}

	
/*--Content--*/
/*-------------------*/
#flashInsert{
	width: 550px;
	height: 309px;
	background: #8BC98B;
	margin: 10px 0 40px 0;
	padding-bottom: 20px;
	}
#abc123 #flashInsert{
	width: 550px;
	height: 348px;
	background: #081621;
	margin: 10px 0 20px 0;
	}
#whatSignSavvyTitle{
	background:url(../images/textBoxTitle.png) no-repeat;
	width: 165px;
	height: 27px;
	}
*html #whatSignSavvyTitle{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textBoxTitle.png', sizingMethod='crop');
	width: 165px;
	height: 27px;
	}
.bodyCopyBg{
/*	background: url(../images/grayGradient.png) top left repeat-x;
*/	width: 550px;
	}
/*Footer*/
/*----------------------*/
#footer{
	clear: both;
	}
#footer p{
	font-size: 10px;
	padding: 0;
	margin: 0;
 	text-align: center;
	}

/***** WORDS specific ********/
.FirstPara, #paraList {
	background: url(../images/grayGradient.png) top left repeat-x;
	width: 540px;
	height: 101px;
}	

#paraList {
	padding: 10px;
}

#paraList p {
	margin-top: -20px;
}

#back {
	font-size: smaller;
	margin-top: 15px;
}
/***** WORDS specific ********/


/*Navigation Menu*/
/*----------------------*/
#nav {
	z-index: 90;
	float: left;
	position: relative;
	top:0;
	left: 5px;
	}
#nav li {
	list-style: none;
	}
#nav ul a {
	background: url(../images/menuNav.png) no-repeat scroll 0pt;
	display:block;
	height: 37px;
	text-indent:-99999em;
	}
*html #nav ul a {
	background: url(../images/menuNav_IE.gif) no-repeat scroll 0pt;
	display:block;
	height:37px;
	text-indent:-99999em;
	z-index: 500;
	}	
/*normal state*/
#nav-home a:link, #nav-home a:visited {
	background-position: 0pt 0pt;
	width: 157px;
	}
#nav-etiquette a:link, #nav-etiquette a:visited {
	background-position: 0pt -37px;
	width: 157px;
	}
#nav-abc123 a:link, #nav-abc123 a:visited {
	background-position: 0pt -74px;
	width: 157px;
	}
#nav-words a:link, #nav-words a:visited {
	background-position: 0pt -111px;
	width: 157px;
	}
#nav-phrases a:link, #nav-phrases a:visited {
	background-position: 0pt -148px;
	width: 157px;
	}
	
/*hover state*/
#nav-home a:hover {
	background-position: -157px 0px;
	width: 157px;
	}
#nav-etiquette a:hover {
	background-position: -157px -37px;
	width: 157px;
	}
#nav-abc123 a:hover {
	background-position: -157px -74px;
	width: 157px;
	}
#nav-words a:hover {
	background-position: -157px -111px;
	width: 157px;
	}
#nav-phrases a:hover {
	background-position: -157px -148px;
	width: 157px;
	}
/*Currently ON state*/
#home #nav-home a {
	background-position: -157px 0px;
	width: 157px;
	cursor: default;
	}
#etiquette #nav-etiquette a {
	background-position: -157px -37px;
	width: 157px;
	cursor: default;
	}
#abc123 #nav-abc123 a {
	background-position: -157px -74px;
	width: 157px;
	cursor: default;
	}
#words #nav-words a {
	background-position: -157px -111px;
	width: 157px;
	cursor: default;
	}
#phrases #nav-phrases a {
	background-position: -157px -148px;
	width: 157px;
	cursor: default;
	}
/*End of Nav Code*/


/**********************
Shop
**********************/

#shop-btn { 
	background: url(../images/shop-btn.png) top left no-repeat;
	display: block;
	margin-top: 30px;
	width: 95px;
	height: 41px;
}
#shop-btn:hover { background-position: left bottom; }
#shop-btn span { display: none; }

#shop-title {
	background: url(../images/shop-title.png)top left no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 52px;
	height: 23px;
}

/*******************
	FORMAT product info
*******************/
#product-details { float: left; margin-top: -15px; margin-left: 40px; width: 280px;}

.product-img { float: left; }

.product-name {
	color: #d831a1;
	font-size: 16px;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: -45px;
}

.product-desc {
	margin-bottom: -5px;
}


.btn-add-cart {
	background: url(../images/addtocart-btn.png) top left no-repeat;
	margin-bottom: 35px;
	width: 82px;
	height: 22px;
}

.btn-add-cart:hover {
	background-position: bottom left;
	
}


/**********************
Cart
**********************/
#cart-form {
	width: 550px;
}

#cart-form td {
	padding: 10px;
	width: 90px;
}

#cart-form h4 { font-size: 14px; }


#cart-title {
	background: url(../images/cart-title.png) top left no-repeat;
	margin-top: 20px;
	width: 47px;
	height: 19px;
}

#continue-checkout { 
	margin-top: 10px;
	margin-left: 212px;
	width: 350px;
}

#continue-checkout td {
	width: 300px;
}

#checkout-btn {
	background: url(../images/checkout-btn.png) top left no-repeat;
	cursor: pointer;
	width: 70px;
	height: 30px;
}

#checkout-btn:hover { background-position: bottom left; }

#total { text-align: right; }

#view-cart {  padding-top: 15px; width: 15px; }

.btn-add-cart {
	cursor: pointer;
}


#cart-no-items {
 margin-top: 10px;
}


/*****************
	CHECKOUT.PHP
*****************/

#checkout-title {
	background: url(../images/checkout.png) top left no-repeat;
	margin-top: 20px;
	width: 89px;
	height: 19px;
}