* {
	margin:0;
	padding:0;
	font-size:12px;
	color:#777777;
    font-family:Arial;
	 

}
body {margin:0px;background:#fff;width:100%;height:auto; }
div
{
  width:100%;
  clear:both;
  
  
}
ul
{
    list-style:none;
}
 
html, input, textarea, select, div {font-family:Arial; color:#343434; font-size:12px; line-height:16px;}

/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a:hover{text-decoration:underline;}
a 
{
    color:#fc8e00;
    font-size:12px;
}
 

/*=================== header =======================*/

 #head
 {
    width:1260px;
    height:398px;
    background:#fff;
 }
 
 #head .left
 {
    width:363px;
    height:100%;
    float:left;
    clear:left;
 
    overflow:hidden;
 }

 #head .right
 {
    width:800px;
    height:100%;
    float:left;
    clear:right;
  
    overflow:hidden;
   
 }
  
#head  .topMenu
{ 
    width:100%;
    height:56px;  
    background-color:#fff; 
    text-align:right;
 
}

.topMenuList
{
    border-top:2px solid #792C2C;
    width:200px;
    float:right;
}

.topMenuList a
{
    color:#646464;
    text-decoration:none;
}
 #head .menu
 {
    width:100%;
    height:63px;
    background:url(../../images/menu.jpg) no-repeat;
    text-align:left;
   
 }

#head .menu ul
{
 
    height:45px;
}
 
 #head .menu   li
 {
    float:left;
 
    margin-left:15px;
    width:104px;
    margin-top:10px;
 
 }
 
  #head .menu    li a
 {
    font-size:13px; 
    font-weight:bold;
    letter-spacing:1px;
    color:#B3B3A2;
    text-decoration:none;
    clear:both;
 }
   #head .menu    li a:hover
   {
    color:#fff;
   }
#head .banner
{
    width:100%;
    height:76px;
    
    height:280px;
    background:url(../../images/banner.jpg) no-repeat;
}

 
#main
{
    width:1260px;
 
 
   
    
}

#main .mainLeft
{
    float:left;
    clear:left; 
    width:960px;
 
}

#main .mainRight
{
    float:left;
    clear:right;
    height:100%;
    width:200px;
    background:url(../../images/col5.jpg) no-repeat;
}
/*=================== nav =======================*/
#navBar
{  
    width:210px;
    float:left;
    clear:left; 
 
    height:500px;
    
}
.navCol1
{
    float:left;
    clear:left;
    width:100%;
    margin-top:15px;
    height:314px;
    background:url(../../images/indexLeft.jpg) no-repeat;
    background-position:-16px -4px;
 
}

.navCol1 .contactList li

{
    line-height:30px;
}
.navBg
{
      width:192px;
      margin-left:16px;
      height:400px;
      background:#F0F0F0;
      border:1px solid #fefefe;
      border-top:none;
      
     
}
.navTitle
{
    height:52px;
    width:100%;
    background:url(../../images/navTitle.jpg) no-repeat;
    background-position:-16px 0px; 
    border-bottom:6px solid #391010; 
}

.navList
{
    width:160px;
    margin-top:16px;
}

.navList li
{
    height:20px;
    margin-top:3px;
    line-height:20px;
    text-align:left;
    background-color:#fff;
    background-image:url(../../images/LiIcon.jpg) ;
     background-repeat:no-repeat;
     background-position:6px 0px;
    
    
}
.navList li a
{
 margin-left:15px;
 color:#7F7F7F;
 text-decoration:none;

}
.navList li a:hover
{
    color:#585A1F;
}
/*=================== content =======================*/
#contentBg
{
    float:right;  
    width:720px;
    clear:right;
    margin-left:10px;
 
   
}
#contentBg .contentTitle
 {
    text-align:left;
    height:25px;
    line-height:25px;
    
    border-bottom:2px solid #eee;
 }
 
 
.profile p
{
    text-align:left;
    font-size:13px;
    text-indent:2em;
    color:#454545;
    line-height:180%; 
    margin-top:6px;
}

 

/*------------ Footer -------*/
#footer
{
    padding-top:10px;
    padding-bottom:15px;
    height:70px;
    border-bottom:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
}

#footer .left
{
    width:210px;
    height:100%;
    float:left;
    clear:left;
    background:#EAEAEA;
}
 
 #footer .right
 {
    width:700px;
    height:100%;
    float:left;
    clear:right;
    background:#F0F0F0;  
 }
 
 #footer p
{
    text-align:left;
    margin-top:10px;
    color:#8F8F8F;
    font-size:11px;
    width:640px;
    float:left;
    
}

/*-----------------product------------*/
.contentProduct
{
    border:1px solid #eee;
    float:left;
    margin:5px;
    width:150px;
    clear:none;
    
}
/*--------------------------------news -------*/
.contentNews
{
    text-align:left;
    width:95%;
    border-bottom:2px dotted  #FED9C3;
    margin-top:10px;
   
}

.contentNews h3 a
{
    font-size:14px;
    line-height:25px;
    width:95%;
    margin-left:10px;
    background:url(../../images/articleIcon.jpg) no-repeat;
    padding-left:25px; 
    text-decoration:none;
}

.contentNews h3 a:hover
{
     color:#333333;
     text-decoration:underline;
}


.contentNews .newDescription
{
          width:95%;
    margin-left:10px;
    margin-top:5px;
     text-align:left;
        
}

.contentNews .contentInfo
{
    width:60%;
    margin-left:10px;
    color:#aaaaaa;
}

.contentDescription p font
{
    color:#343434;
    line-height:180%;
    text-align:left;
}
.productDescription p 
{
    text-align:left;
    
}

.productDescription font
{
    text-align:left;
    
}

.productDescription li
{
    text-align:left;
}

/*=================== header =======================*/

#contactInfo li
{
 text-align:left;   
}
/*--------------------------------guest book -------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px; 
border:1px #DFD1D2 dashed;
position:relative;
}


.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register
{
    width:71px;
    height:25px;
    border:none;
    cursor:pointer;
    text-align:center;
    float:right;
    color:#FFFFFF;
    background:url(images/register_bt.gif) no-repeat center;

}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}

a.contact:hover
{
 color:Red;
 background:url(images/contact_bt.gif) no-repeat center;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#676767;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
 
