
/* MAIN SITE WRAPPER */
#wrapper {
	border: 0px solid green; 
	width: 1024px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;	
	background: #291508 url(../images/bg.gif) top center no-repeat;  /* #462b2b */
	position: relative;
	top: 0px;
}





/* MAIN TOP NAVIGATION AREA  - also see navigation.css  */
#navArea {
	border: 0px solid red; 
	width: 760px;
	height: 144px;
	position: relative;
    right: 25px; top: 15px;
	margin: 0 auto; 
	padding: 0;
    float: right;
	background: transparent;
}

/* URL */
#url {
	border: 0px solid yellow; 
	width: 265px;
	height: 25px;
    position: relative;
    right: 10px; top: 0px;
	margin: 0 auto; 
	padding: 0px;
	text-align: rightt;	
	background: transparent;
    float: right;
}

	#url h1 {
		position: relative;
		top: 1px;
		padding: 0px;
		margin: 0px;
		width: 265px;
		height: 25px;
		overflow: hidden;
        text-indent: -9999px;
        cursor: hand;
		font: normal 0.01px helvetica, arial, sans-serif;
		text-transform: uppercase;
		background: transparent;
		float: right;
	}

	#url h1 span {
		position: absolute;
		left: 0;
		top: 0;
		width: 265px;
		height: 25px;
		background: transparent;
        cursor: hand;        
        text-indent: -9999px;
        overflow: hidden;
        font-size: 1%;
	}


/* EMAIL NEWSLETTER */
#emailNewsletter {
        border: 0px solid yellow; 
  	    width: 500px;
  	    height: 20px;
        position: relative;
        right: 15px; top: 15px;
  	    margin: 0 auto; 
  	    padding: 0px;
  	    text-align: rightt;	
  	    background: transparent;
        float: right;   
        color:#db236b;
        font-weight: bold;       
} 





/* LOGO */
#logo {
	border: 0px solid yellow; 
	width: 200px;
	height: 144px;
    position: relative;
    left: 15px; top: 15px;
	margin: 0 auto; 
	padding: 0px;
	text-align: left;	
	background: transparent;
    float: left;
}

	#logo h1 {
		position: relative;
		top: 1px;
		padding: 0px;
		margin: 0px;
		width: 200px;
		height: 144px;
		overflow: hidden;
        text-indent: -9999px;
        cursor: hand;
		font: normal 0.01px helvetica, arial, sans-serif;
		text-transform: uppercase;
		background: transparent;
		float: left;
	}

	#logo h1 span {
		position: absolute;
		left: 0;
		top: 0;
		width: 200px;
		height: 144px;
		background: transparent;
        cursor: hand;        
        text-indent: -9999px;
        overflow: hidden;
        font-size: 1%;
	}





/* MAIN NAVIGATION BAR - see navigation.css */





/* CONTENT AREA */
#contentArea {
	border: 0px solid #8000FF; 
	width: 1024px;
	min-height: 700px;
	margin: 0 auto; 
	padding: 0px;
	background: transparent;
	position: relative;
	top: 40px;
}



/* LEFT NAVIGATION AREA */
#leftNavArea {
	border: 0px solid yellow; 
	width: 200px; 
    position: relative;
    left: 15px; 	top: 0px; 
	margin: 0px; 
	padding: 0px;
	float: left;
	background: transparent;
}

#leftNavArea h2.cart {
	padding-top: 25px;	
}



/* LEFT NAVIGATION BOX - see navigation.css */



/* RIGHT CONTENT BOX */
#rightContentBox {
	border: 0px solid yellow;
    width: 760px; min-height: 400px;
	position: relative;
    right: 25px;  top: 0px;
	margin: 0px;
	padding: 0px;
    display: inline;
    float: right;
	background: transparent;
}



#rightContentBox #rightMainContent {
    border: 0px solid pink;
    width: 760px; min-height: 300px;
    margin: 0px; 
    padding: 0px;
    background: transparent url(../images/content-area-bg4.gif) bottom left no-repeat;
    text-align: justify;             
}

#rightContentBox #rightMainContentTop {
    border: 0px solid green;
    width: 760px; height: 17px;
    padding: 0px;
    background: transparent url(../images/content-area-bg-top4.gif) top left no-repeat;
	margin-top: 28px;
                 
}


#rightContentBox #rightMainContent a {
    font-weight: bold;              
}



#rightContentBox #rightMainContent img {
	margin: 10px;
}


#rightContentBox #rightMainContent ul.siteMap {
    font-size: 14px;             
}


#rightContentBox #brownBox {
    border: 0px solid red;
    width: 760px; min-height: 35px;
    margin: 0 auto;
    padding: 0px;
    background:transparent url(../images/categorybg.gif) bottom left no-repeat;
                 
}



#rightContentBox #brownBoxTop {
    border: 0px solid green;
    width: 760px; height: 20px;
    padding: 0px;
	margin:0;
    background:transparent url(../images/categorybgtop.gif) 0 0 no-repeat;                
}



h2.orangePageHeader {
      margin: 0 auto;
 	  padding-left: 20px;     
      font-face: helvetica, arial, sans-serif unicode;
      font-weight: bold;
      font-size: 20px/22px;
      letter-spacing: 1.2px;
	  text-align: left;
	  text-transform: lowercase;
      color: #e25214;              
} 



h3.babyBlueText {
      margin: 0 auto;   
      padding-left: 20px; padding-top: 10px;
      font-face: helvetica, arial, sans-serif unicode;
      font-weight: bold;
      font-size: 17px/19px;
      letter-spacing: 1px;
	  text-align: left;
	  text-transform: lowercase;
      color: #7FDADB;              
} 



p.whiteText {
      margin-top: 3px;
      font-weight: bold;
      color: #FFFFFF;              
} 

.babyBlueText {
      color: #7FDADB;              
} 

.pinkText {
      color: #EC46F2;              
} 

.mustardText {
      color: #DBCF0B;              
} 

.greenText {
      color: #52EC22;              
} 



.orangeText {
      color: #e25214; 
      font-size: 16px/18px;
      font-weight: bold;             
} 

















/* ---------------- Forms -------------------  */

form.tellfriendForm{
	width:440px;
	margin:0 auto 25px auto; margin-top: 20px;
	font-size:12px;
	line-height:18px;
	color:#000;
	background:transparent;
	padding:20px 40px;
	border:dashed 1px #E3E3E3;
    float: left;
	}			
	
form label{
	display:block;
	}
	
form .row{
	padding-bottom:15px;
	padding-top:5px;
	display:block;
	text-align:left;
	}	
	
form span.red{
	font-weight:bold;
	color:#990000;
	padding:0;
	font-size:16px;
	}

form .radio{
	margin-right:10px;
	width:13px;
	height:13px;
	}			
	
form .input{
	width:250px;
	height:14px;
	padding:3px;
	border:solid 1px #DAD2D2; border-left: 5px solid #FF5910;
	font-size:12px;
	margin-bottom:15px;
	}	
	
form select.input{
	width:250px;
	height:20px;
	padding:0 0 0 3px;
	border:solid 1px #DAD2D2; 
	font-size:12px;
	margin-bottom:15px;
	}

form textarea{
	width:432px;
	height:70px;
	padding:0 3px;
	border:solid 1px #DAD2D2; border-left: 5px solid #FF5910;
	font-size:12px;
	margin-bottom:15px;
	}		
	
form input.submitButton{
	background: #FF5910;
	width:100px;
	height:25px;
	text-align:center;
	border:none;
	font-size:12px;
    font-weight: bold;
	color:#FFFFFF;
	}
	



/* BOTTOM SITE WRAPPER */
#bottomWrapper {
	border: 0px solid pink; 
	width: 1024px;
    height: 40px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;	
	background: #462b2b url(../images/bottom.gif) top center no-repeat;
	position: relative;
	bottom: 0px;
}



/* FOOTER - see navigation.css */



/* CREDITS  - see navigation.css */

/*div { behavior: url("../js/iepngfix.htc") }*/
