@import url('../css/reset.css');

body
    {
        background-color: #fffdef;
        height: 100%;
    }

#pageWrapper
    {       
        width:960px;        
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -52px;
    }

/* header and all header elements css are here ... */

#header
    {
        width: 960px;
        height: 170px;
        background: #a3583e url('../images/headerBg.jpg') no-repeat;
        position:relative;
    }

h1.logo
    {
        width: 260px;
        height: 64px;
        margin-top:17px;
        background: url("../images/logo.png") no-repeat;
        text-indent: -9999px;
        margin-left:70px;
        position: absolute;
    }

h3.logo
    {
        width: 283px;
        height: 27px;
        margin-top:80px;
        background: url("../images/original.png") no-repeat;
        text-indent: -9999px;
        margin-left:70px;
        position: absolute;
    }

#topnav
    {
        margin:115px 0 10px 70px;
    }

#topnav li
    {
        float:left;
    }

#topnav li a
    {
        text-decoration: none;
        text-transform: uppercase;
        color:#fff;
        padding-right: 48px;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
    }

#topnav li a:hover, #topnav li a.current
    {
        color:#ffc05e;
    }

#langnav
    {
        margin-left:740px;
    }

#langnav li
    {
        float:left;
    }

#langnav li a
    {
        text-decoration: none;
        text-transform: uppercase;
        color:#fff;
        padding-right: 20px;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
    }

#langnav li a:hover
    {
        color:#ffc05e;
    }

/* header and header elements css ends here ... */
 
#bodyWrapper
    {
        background-color: #fffdef;
        width:960px;
        margin-top:30px;
    }

/* left nav column and all left nav css elements are here... */

#leftNav
    {
        float:left;
        display:block;
        width:250px;
        border: 2px solid #e8d4c3;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        min-height: 350px;
        margin-bottom:30px;
        padding-top:58px;
        padding-left:10px;
    }

#leftNav a
    {
        color:#512c1f;
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 30px;
        background:#fffdef url("../images/arrow.png") left center no-repeat;
        padding:15px;
    }

#leftNav a:hover
    {
        color:#e8a656;
        background:#fffdef url("../images/arrowB.png") left center no-repeat;
    }

/* left nav column and left nav css elements ends here... */

/* content column and all its css elements are here ... */

#content
    {
        margin-left:310px;
        width:650px;
        margin-bottom:30px;
    }

/* featured1 column and all its css elements are here ... */

#featured1
    {
        background-color: #ffefd0;
        margin-bottom: 25px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        box-border-radius:14px;
        -moz-box-shadow: 0 0 3px rgba(0, 0,0, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0,0, 0.3);
	box-shadow: 0 0 3px rgba(0, 0,0, 0.3);
        padding:20px;
        overflow:auto;
    }

#featured1 h2 
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 22px;
        color:#363636;
        margin-bottom:15px;
        font-weight: normal;
    }

#featured1 img
    {
        display:block;
        float:left;
        border: 4px solid white;
        margin-right:23px;
    }

#featured1 p 
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        color:#555555;
        margin-bottom:15px;
        font-weight: normal;
        line-height: 26px;
    }

#featured1 button
    {
        background-color: #a3583e;
        width:112px;
        height: 30px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        color:#fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        float:right;
        margin-right:54px;
        cursor: pointer;
    }

#featured1 button:hover
    {
        background-color: #a88670;
    }

/* featured1 column and all its css elements ends here ... */

/* featured2 column and all its css elements are here ... */

#featured2
    {
        margin-bottom: 25px;
        padding:20px 0 20px 0;
        overflow:auto;
        border-bottom: 1px solid #a3583e;
    }

#fcontainer
    {
        width: 300px;
        display:block;
        float:left;
    }

#fcontainer h2
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 22px;
        color:#363636;
        margin-bottom:15px;
        font-weight: normal;
        display: block;
    }

#featured2 button
    {
        background-color: #a3583e;
        width:112px;
        height: 30px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        color:#fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        float:right;
        margin-right:5px;
        cursor: pointer;        
    }
        
#featured2 button:hover
    {
        background-color: #a88670;
    }

#featured2 object
    {
        display:block;
        float:right;
        margin-left:23px;
    }
    
#featured2 img
    {
        display:block;
        float:right;
        margin-left:23px;
        clear:both;
        margin-top:15px;
    }    

/* featured2 column and all its css elements ends here ... */

/* product details and all its css elements starts here ... */

#productDetails
    {
        
        margin-bottom: 25px;
        padding:20px;
        overflow:auto;
    }
    
#productDetails p, #featured2 p
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        color:#555555;
        margin-bottom:15px;
        font-weight: normal;
        line-height: 26px;        
    }
    
#productDetails p.prodCharacteristic
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        color:#555555;
        margin-bottom:15px;
        font-weight: normal;
        line-height: 26px;
        font-weight: bold;        
    }  
    
#productDetails p.pdf
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        color:#555555;
        margin-bottom:15px;
        font-weight: normal;
        line-height: 90px;
        font-weight: bold;
        padding-left:90px;
        background:#fffdef url("../images/pdf.png") left center no-repeat;        
    }          
    
#productDetails button 
    {
        background-color: #a3583e;
        width:112px;
        height: 30px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        color:#fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        float:left;
        margin-right:5px;
        margin-top:15px;
        cursor: pointer;   
    }  
    
#productDetails button:hover
    {
        background-color: #a88670;
    }
        
#productDetails a 
    { 
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        color: #512C1F;
    }
  
#productDetails a:hover 
    {
        color: #a88670;
    }
  
#productDetailsImages
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 22px;
        color:#363636;
        margin-bottom:15px;
        font-weight: normal;
    }
  
#productDetails img 
    {
        margin-top:15px;
        margin-right:15px;
        border: 4px solid #ffc278;
    }
    
/* product details and all its css elements ends here ... */    

/* footer and all its css elements are here ... */

#footer
    {
        clear:both;
        width:960px;
        height:190px;
        background-color:#a3583e;
        margin-top:30px;
        border-bottom:1px solid #000;
    }

#leftLinks 
    {
        width:70%;
        float:left;
        display:block;
    }

#leftLinks h2
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size:24px;
        font-weight: normal;
        color:#fff;
        padding-left:10px;
        padding-top:20px;
        padding-bottom:40px;
    }

/* links on the left are splitted in two boxes ...*/

#leftLinksBox1
    {
        width:250px;
        display:block;
        float:left;
    }

#leftLinksBox2
    {
        width:250px;
        display:block;
        float:left;
    }

#leftLinksBox1 a, #leftLinksBox2 a
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        text-decoration: none;
        color:#fff;
        padding-left:10px;
        line-height:20px;
    }

#leftLinks a:hover
    {
        color:#ffc05e;
    }

/* css for the boxes and links ends here ... */

#rightLinks h2
    {
        font-family: Helvetica, Arial, sans-serif;
        font-size:24px;
        font-weight: normal;
        color:#fff;
        padding-left:10px;
        padding-top:20px;
        padding-bottom:40px;
    }

#rightLinks
    {
        width:30%;
        float:right;
        display:block;
    }

#rightLinks img
    {
        border:none;
        margin-left:10px;
    }

/* footer and all its css elements ends here ... */

/* copyRightLine and all its css elements are here ... */

#copyRightLine
    {
        clear:both;
        width:960px;
        height:52px;
        background: #512c1f url("../images/copyRightBg.jpg") repeat-x;
        text-align: right;
        margin:0 auto;
    }

#copyRightLine p
    {
        color:#fff;
        line-height: 52px;
        font-size:14px;
        font-family: Helvetica, Arial, sans-serif;
        padding-right:20px;
        float:right;
    }

/* copyRightLine and all its css elements ends here ... */

/* contact page css starts here */

#leftForm 
    {
        width: 325px;
        display:block;
        float:left;
        min-height: 220px;
    }

#rightForm 
    {
        width: 325px;
        display:block;
        float:left;
        min-height: 220px;
    }

h2
    {
        font-family: Helvetica, Arial, sans-serif;
        color:#363636;
        font-size: 24px;
        font-weight: normal;
        margin-bottom:15px;  
    }

p.bodytext
    {
        font-family: Helvetica, Arial, sans-serif;
        color:#363636;
        font-size:14px;
        margin-bottom:25px;
        line-height:25px;
    }

label
    {
        font-family: Helvetica, Arial, sans-serif;
        color:#a3583e;
        font-size:14px;        
    }

input[type="text"] 
    {
        width:240px;
        height:32px;
        background-color: #ffe0c1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        padding-left:6px;
        padding-top: 6px;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        color:#363636;
        margin-bottom: 15px;
        margin-top:5px;
    }

textarea 
    {
        width:318px;
        height:180px;
        background-color: #ffe0c1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        padding-left:6px;
        padding-top: 9px;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        color:#363636;
        margin-bottom: 15px;
        margin-top:5px;
    }

input[type="submit"],input[type="reset"]
    {
        background-color: #a3583e;
        width:112px;
        height: 30px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-border-radius:5px;
        border-style: none;
        color:#fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        float:right;
        margin-right:0px;
        margin-left:20px;
        cursor: pointer;
    }
     
select 
    {
        width:240px;
        height:36px;
        background-color: #ffe0c1;
        border-style: none;
        padding:3px;
        font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
        color:#363636;
        margin-bottom: 15px;
        margin-top:5px;
    }
    
option 
    {
        background-color: #ffe0c1;
    }
    
input[type="submit"]:hover ,input[type="reset"]:hover 
    {
        background-color: #a88670;
    }

hr 
    {
        margin:0px;
	padding-top:15px;
        padding-bottom:20px;
	border-bottom:1px solid #a3583e;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
    }