/* ============================================================
               
			CHAWEL DARK GRUNGE
				  
Title: Style 
Version: 1.0
Browsers: Firefox, Safari, Opera (tested: )
Platforms: Windows, Mac
Author:
Created:
Last modified:

============================================================ */



/* =========================================================
                PAGE RESET
	======================================================== */
	
/* (Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

/* other useful default resets */

* a { position:relative } 
a { outline:none } 
a img { border:none } 


/* =======================================================
                      BODY/TYPOGRAPHY
   ======================================================= */
   
body { background-color: #0255e8;
       font-family: Arial, Helvetica, sans-serif;
	   font-size: 9px;
	   color: #333;
}

p { font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 150%;
}

ul { font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 170%;
	
}
h1 { font-family: Arial, Helvetica, sans-serif;
     font-size: 20px;
	 color: #f9760c;
	 
	 
}
h2 { font-family: Arial, Helvetica, sans-serif;
	 color: #f9760c;
	 font-size: 16px;
	 
}

h3 { font-family: Arial, Helvetica, sans-serif;
     color: #f9760c;
	 font-size: 14px;
	 font-weight: bold;
	 
}

h4 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 color: #f9760c;
	 font-weight: bold;
	 
}

h5 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 color: #f9760c;
	 
}

h6 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 color: #70782F

}

h7 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 color: #444057

}

h8 { font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	 color: #7588A6

}

/* ======================================================
                    CONTAINER
   ===================================================== */


#container-index { width: 960px;
                            height: 700px;
			    margin: 20px auto auto auto;
                          background-image: url(../images/bg-border2.jpg);
                            background-repeat: repeat-y;
			background-color: #fff;
}

#container-sale { width: 960px;
                            height: 475px;
			    margin: 20px auto auto auto;
                          background-image: url(../images/bg-border2.jpg);
                            background-repeat: repeat-y;
			background-color: #fff;
}


.left-text-sale { width: 150px;
             height: 360px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;
			 
}

#container-shop { width: 960px;
                            height: 970px;
			    margin: 20px auto auto auto;
                          background-image: url(../images/bg-border2.jpg);
                            background-repeat: repeat-y;
			background-color: #fff;
}

.left-text-shop { width: 150px;
             height: 760px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;
			 
}

#shop-box { width: 700px;
           height: 220px;
			float: left;
			padding: 30px auto 30px 30px;
                        margin: 0px auto 0px 30px;
			border-bottom: 1px solid #333;	  
			  
}

.shop-text { width: 250px;
	    height: 150px;
		float: left;
                padding: 20px auto 0px 10px;
}

.shop-pay { width: 250px;
	    height: 75px;
		float: right;
                padding: 0px auto 0px 10px;
}

.shop-thumb { width: 160px;
             height: 200px;
			float: left;
                padding: 20px auto 30px 10px;
			  margin: 0px auto 0px 10px;

}

.thumbnail-adult { width: 500px;
             	 height: 400px;
			float: left;
			  margin: 0px auto 0px 40px;
				  
			  
}


#container { width: 960px;
            height: 800px;
			margin: 20px auto auto auto;
            background-image: url(../images/bg-border2.jpg);
            background-repeat: repeat-y;
			background-color: #fff;
}

#container-products { width: 960px;
                      height: 1430px;
			          margin: 20px auto auto auto;
                      background-image: url(../images/bg-border2.jpg);
                      background-repeat: repeat-y;
			          background-color: #fff;
}

#container-news { width: 960px;
                      height: 1090px;
			          margin: 20px auto auto auto;
                      background-image: url(../images/bg-border2.jpg);
                      background-repeat: repeat-y;
			          background-color: #fff;
}

#news_text { width: 600px;
                height: 600px;
				padding: 10px 10px 0px 20px;
				float: left;
				margin: 0px 10px 0px 10px;
				
}


.left-text-news { width: 150px;
             height: 970px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;
			 
}

.left-text-news2 { width: 150px;
             height: 550px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;
			 
}

#container-faq { width: 960px;
                      height: 1300px;
			          margin: 20px auto auto auto;
                      background-image: url(../images/bg-border2.jpg);
                      background-repeat: repeat-y;
			  
}

.left-text-faq { width: 150px;
                     height: 1120px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;

			          background-color: #fff;
}

#container-tips { width: 960px;
            height: 2190px;
			margin: 20px auto auto auto;
            background-image: url(../images/bg-border2.jpg);
            background-repeat: repeat-y;
			background-color: #fff;
}

#tips-box { width: 650px;
               height: 340px;
			float: left;
			padding: 30px auto 30px 30px;
                        margin: 0px auto 0px 30px;
			border-bottom: 1px solid #333;	  
			  
}

#tips-box2 { width: 700px;
               height: 340px;
			float: left;
			padding: 30px auto 30px 0px;
                        margin: 0px auto 0px 0px;
			border-bottom: 1px solid #333;	  
			  
}

.left-text-tips { width: 150px;
                     height: 2070px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;

}


#container-story { width: 960px;
            height: 900px;
			margin: 20px auto auto auto;
            background-image: url(../images/bg-border2.jpg);
            background-repeat: repeat-y;
			background-color: #fff;
}


#story_text { width: 600px;
                height: 800px;
				padding: 10px 10px 0px 20px;
				float: left;
				margin: 0px 10px 0px 10px;
				
}


.left-text-story { width: 150px;
                     height: 750px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;

}

#container-short { width: 960px;
                  height: 470px;
			margin: 20px auto auto auto;
            background-image: url(../images/bg-border2.jpg);
            background-repeat: repeat-y;
			background-color: #fff;
			  

}

#container-chawelers { width: 960px;
                      height: 1760px;
			    margin: 20px auto auto auto;
                          background-image: url(../images/bg-border2.jpg);
                            background-repeat: repeat-y;
			background-color: #fff;


}


#chaweler-box { width: 650px;
               height: 250px;
			float: left;
			padding: 30px auto 30px 30px;
                        margin: 0px auto 0px 30px;
			border-bottom: 1px solid #333;	  
			  
}


#chaweler-box1 { width: 650px;
               height: 150px;
			float: left;
			padding: 30px auto 30px 30px;
                        margin: 0px auto 0px 30px;
			border-bottom: 1px solid #333;	  
			  
}


#chaweler-box2 { width: 650px;
               height: 360px;
			float: left;
			padding: 30px auto 30px 30px;
                        margin: 0px auto 0px 30px;
			border-bottom: 1px solid #333;	  
			  
}

.chaweler-text { width: 450px;
	        height: 250px;
		float: left;
                padding: 20px auto 0px 30px;
}


.chaweler-text1 { width: 550px;
	        height: 175px;
		float: left;
                padding: 20px auto 0px 30px;
}

.chaweler-text2 { width: 285px;
	        height: 250px;
		float: left;
                padding: 20px auto 0px 30px;
}

.chaweler-thumb { width: 160px;
             	 height: 200px;
			float: left;
                padding: 30px auto 30px 30px;
			  margin: 15px auto 0px 10px;

}


.left-text-chaweler { width: 150px;
                     height: 1600px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;			 

}

.left-text-boxes { width: 150px;
		height: 170px;
		border-bottom: 1px solid #333;

}

.faq-box { width: 300px;
           height: 150px;
		   float: left;
		   margin: 20px 0px 10px 20px;
		   padding-left: 40px;
		  
		  
}

.title-box {  width: 640px;
              height: 30px;
		      padding: 20px 0px 0px 20px;
			  float: left;
			   margin: 0px 10px 0px 60px;
				
}

#header { width: 944px;
          height: 39px;
          background-image: url(../images/header3.jpg);
		      padding: 0px 0px 0px 0px;
		  margin: auto;
}

#header2 { width: 850px;
          height: 127px;
          background-image: url(../images/bigheader.png);
		      padding: 0px 0px 0px 0px;
		  margin: auto;
}

#bottom { width: 935px;
          height: 39px;
          background-image: url(../images/BOTTOM2.jpg);
                  margin: auto;

}

#logo { float: left;
        width: 1000px;
        height: 89px;
		margin: 20px auto 0px 200px;
		
}

.quote { float: right;
         width: 302px;
		 height: 55px;
		 margin: 20px 70px 0px auto; 
		 
}

.shipping { float: right;
         width: 172px;
		 height: 80px;
		 margin: 10px 70px 0px auto; 
		 
}


#nav_bg { width: 815px;
         height: 50px;
		 background-image:url(../images/nav-bg2.jpg);
		 background-color:#000;
		 margin: 0px auto 10px auto;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 color: #f9760c;
		 padding: 12px 10px 0px 55px;
		 font-weight: bold;
}

#nav_bg2 { width: 770px;
         height: 50px;
		 background-color:#000;
		 margin: 0px auto 10px auto;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 color: #f9760c;
		 padding: 12px 10px 0px 10px;
		 font-weight: bold;

}


#nav_bottom { width: 855px;
         height: 50px;
		 margin: 0px auto 10px auto;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 color: #f9760c;
		 padding: 2px 0px 0px 55px;
		 font-weight: bold;

}

.nav-box { float: left;
           width: 90px;
           height: 15px;
		   margin: 10px 0px 0px 15px;
		  
}

.nav-box2 { float: left;
           width: 110px;
           height: 15px;
		   margin: 10px 0px 0px 20px;
		  
}


.nav-side-box { float: right;
           width: 150px;
           height: 15px;
		   margin: 0px 0px 0px 30px;
		  
}

#flash { width: 870px;
         height: 280px;
		 margin: 0px auto 10px auto;
}

#main-text { width: 480px;
             height: 600px;
			 float: left;
			 padding: 10px 0px 60px 40px;
}

#mailer-text { width: 800px;
             height: 600px;

			 padding: 40px 0px 60px 40px;
}

.product-text { width: 500px;
                height: 110px;
				padding: 10px 0px 20px 20px;
				float: left;
				margin: 0px 10px 0px 30px;
				
}

.product-text2 { width: 500px;
                height: 110px;
				padding: 10px 0px 0px 20px;
				float: left;
				margin: 0px 10px 0px 30px;
				
}



#attention-box {  width: 820px;
                height: 150px;
				padding: 20px 0px 0px 20px;
				float: left;
				margin: 0px 10px 0px 50px;
                                
				
}


.left-text { width: 150px;
             height: 700px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			border-right: 1px solid #333;
 
}



.left-text-contact { width: 150px;
             height: 300px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;

}


#container-contest { width: 960px;
                  height: 770px;
			margin: 20px auto auto auto;
            background-image: url(../images/bg-border2.jpg);
            background-repeat: repeat-y;
			background-color: #fff;
			  

}

.contest-text { width: 450px;
               height: 500px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			 
}

.contact-text { width: 350px;
               height: 300px;
			 float: left;
			 padding: 10px 0px 0px 20px;
			 margin: 10px 0px 0px 30px;
			 
}


#right_column { width: 342px;
        height: 600px;
		float: right;
		padding: 10px 10px 60px 20px;
		
		
}

.news { width: 635px;
        height: 80px;
		float: left;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #333;

}

#news2 { width: 635px;
        height: 180px;
		float: left;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #333;
		
}

.news2-text { width: 375px;
        height: 200px;
			float: right;
		padding: 20px 0px 10px 20px;
		
}

.news2-thumb { width: 160px;
             	 height: 100px;
			float: left;
                padding: 30px auto 30px 30px;
			  margin: 15px auto 0px 10px;

}

.news3 { width: 635px;
        height: 150px;
		float: left;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #333
		
}

.news3-text { width: 375px;
        height: 200px;
			float: left;
		padding: 10px 0px 10px 0px;
		
}

.news3-thumb { width: 210px;
             	 height: 121px;
			float: right;
                padding: 0px 30px 10px 0px;
			  margin: 5px auto 0px 5px;

}

.stores { width: 400px;
         height: 40px;
		float: left;
		padding: 20px 0px 10px 50px;
		
}

.survey1 { width: 900px;
	       height: 80px;

		padding: 0px 0px 0px 50px;
		
}

.survey { width: 220px;
	       height: 40px;
		float: left;
		padding: 0px 0px 0px 0px;
		
}

.stores-bottom { width: 900px;
                height: 90px;

		padding: 150px 0px 0px 0px;
		

}

#video { float: left;
	 width: 330px;
        height: 275px;
		padding: 20px 0px 10px 10px;
		 		 
}

#footer { width: 920px;
          height: 10px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 9px;
		  color: #333;
		  margin-top: 40px;		  
		 		  
}


/* ======================================================
                             LINKS
	==================================================== */

.nav-box a:link { color:#fff;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
		 text-decoration: none;
}

.nav-box a:visited { color:#fff;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:14px;
            text-decoration: none;
}


.nav-box a:hover { color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
         text-decoration:none;

}


.nav-box2 a:link { color:#fff;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
		 text-decoration: none;
}

.nav-box2 a:visited { color:#fff;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:14px;
            text-decoration: none;
}


.nav-box2 a:hover { color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
         text-decoration:none;

}
.nav-side-box a:hover { color:#000;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:16px;
         text-decoration: underline;
		 font-weight: bold;
		 padding: 12px 0px 0px 0px;

}

.nav-side-box a:link { color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:16px;
		 text-decoration: none;
		 font-weight: bold;
		 padding: 12px 0px 0px 0px;

}

.nav-side-box a:visited { color:#f9760c;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:16px;
            text-decoration: none;
		 font-weight: bold;
		 padding: 12px 0px 0px 0px;
}

a:link { color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:12px;
		 text-decoration: none;
}

a:visited { color:#f9760c;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:12px;
            text-decoration: none;

}

 a:hover {color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:12px;
         text-decoration: underline;

}

#footer a:link { color:#333;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:9px;
		 text-decoration: none;
}

#footer a:visited { color:#333;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:9px;
            text-decoration: none;

}

#footer a:hover {color:#333;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:9px;
         text-decoration: underline;

}

.faq-box a:link { color:#333;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:12px;
		 text-decoration: underline;
}

.faq-box a:visited { color:#333;
            font-family: Arial, Helvetica, sans-serif;
		    font-size:12px;
            text-decoration: underline;

}

.faq-box a:hover {color:#f9760c;
         font-family: Arial, Helvetica, sans-serif;
		 font-size:12px;
         text-decoration: underline;

}

/* ======================================================
                    IMAGES
	==================================================== */
.main { width: 863px;
        height: 211px;
		margin: 0px auto 10px auto;
		
}	
	
.single {float: right;
		 margin: 10px 70px 0px 0px;

}

	

/* ======================================================
                    LINKS
	===================================================== */
	
	
a[title="orange links"] { color: #f9760c;
                             font-family:Arial, Helvetica, sans-serif;
							 font-size: 12px;
							 text-decoration: none;
		
}

a[title="faq"] { color: #333;
                 font-family:Arial, Helvetica, sans-serif;
		         font-size: 12px;
				 text-decoration: underline;
				 
}

a[title=""] { color: #333;
                                             font-size: 9px;
					                         font-family: Arial, Helvetica, sans-serif;
					                         text-decoration: none;
					
}

a[title=""] { color: #333;
                                      font-size: 12px;
									  font-family: Arial, Helvetica, sans-serif;
									  text-decoration: none;
									  
}