/* CSS Document */


body{
	height: 95%;
	width: 95%;
	background-color: #f5f5f5;
}

#main{	
	position: relative;
	margin: 0 auto;
	height: 684px;
	width: 960px;
	background-color:white;

} 

#header{
	position: relative;
	background-color:transparent;
	height: 120px;
}

#banner{
	position: relative;
	margin-left: 10px;
	top:  -10px;
	/*background-color:  #f47836;*/
	height:  200px;
	width:  500px;
	-moz-box-shadow: 0px 7px 4px #444;
	-webkit-box-shadow: 0px 7px 4px #444;
	box-shadow: 0px 7px 4px #444;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
	
	background: #BF5E64; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47836', endColorstr='#f47836'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f47836), to(#f47836)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f47836, #f47836); /* for firefox 3.6+ */ 	
}

#cards{
	position: relative;
	height:  280px;
	background-color:transparent;
	top: -20px;
}


.card{
	position:relative;
	float: left;
	top:  -10px;
	height: 350px;
	width:  225px;
	background-color: lightblue;
	border: 1px black solid;
	margin-left: 10px;
	
}

#footer{
	background: #999999;
	position: absolute;
	top: 685px;
	height: 130px;
	width:  940px;
	left: 10px;
	
}

#nameplate{
	position:absolute;
	top: 25%;
	left: 15%;
	font-size:48px; 
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color:#0084a9; 
}

#logo {
	position: absolute;
	top: 13px;
	left:  12px;	
}

#itemTitle{
	position:absolute;
	top: 8%;
	left: 16px;
	font-size:54px;
	/*font-weight: bold; */
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff; 
}

#itemBullets{	
	position:absolute;
	top: 55%;
	left: 4%;
	font-size:18px;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#itemBullets p{
	margin-bottom: -10px;	
	position:relative;
}

img {
	border-style: none;
}

.cardHeader{	
	height: 35px;
	position:relative;		
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	/*background-color:#677a8d; */
	background-color: #0084a9;
	text-align:center;
	top: -15px;
	width: 100%;
	font-weight:normal;
}

.cardHr {
	position: relative;
	background: url("../media/hr_radial.png") no-repeat; 
	height: 3px;	
	top: -16px;							 
}

div.cardHr hr{
	display: none;
}

.cardDtl{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	line-height: 125%;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	position:relative;
}

.focus{
		
	color: black;
	font-weight:bold;
}

.ftrNote{
	font-size: 12px;
	line-height: 110%;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	padding-top: 6px;
}

.ftrNote a{
	color: white;	
}

.productImg1{
	position: absolute;
	left: 810px;
	top: 65px;	
}


.productImg1a{
	position: absolute;
	left: 830px;
	top: 90px;	
}


.productImg2{
	position: relative;
	left: 670px;
	top: 5px;
	float: left;	
}

.orderBtn{	
	position: relative;
	left: 536px;
	top: -44px;
	height: 36px;
	width: 230px;
	/*background: url("../media/hr_radial.png") repeat-y;*/
	
	background-position:center;  	
	-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');	


	background: #bf5e64; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47836', endColorstr='#f47836'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f47836), to(#f47836)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f47836,  #f47836); /* for firefox 3.6+ */ 

	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 0px solid #800000;
	 cursor:pointer;
}

.orderBtnTxt{
	color: white;
	position: absolute; 
	top: 17%;
	left: 24%;
	display: table-cell; 
	vertical-align: middle;	
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;	
	cursor:pointer;	
	letter-spacing: 2px;
}

.priceGrid{
	position: absolute;
	top: 130px;
	left: 536px;
	/*background-color: white;*/
	height: 120px;
	width:  230px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.priceGridCell{
	color:#5D6465;
	font-size:12px;	
}

.priceGridReg{
	text-decoration:line-through; 
	color:#5D6465;
	text-align:right;
	font-size:12px;
}

.priceGridSale{
	color:maroon ; 
	font-weight:bold;
	text-align:right;
	font-size:12px;
}

.cardHeaderText{
	font-size:16px; 
	font-weight:normal;
	position:relative;
	top: 6px;
	letter-spacing:1px;
}