/*----------------------------------------

Main stylesheet for: Macedon Ranges Interiors 

----------------------------------------*/ 



/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, apress, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, p, ol, ul, li, title

fieldset, form, legend, input, table

{

    border: 0;

    font-family: inherit;

    font-style: inherit;

    font-weight: inherit;

    line-height: normal;                

    outline: 0;     

}



* {margin:0;padding:0;} 



html

{
    background: #0e0d09 url('../images/outer-bk.jpg') center -1px no-repeat;   
    background-attachment: fixed;
    overflow-x: hidden;
    overflow-y: scroll;    

}



body
{ 
   
    color: #3C140B;
    font: 14px/18px Georgia;
    position: relative;
}



#wrapper

{ 
    background: transparent;
    margin: 37px auto 25px;
    padding: 0;
    position: relative;
    width: 1000px;

}



/* Type and styling -------------------------------------------------------------------------------------  */
/* need a slab serif, try Bitter? */
@font-face {
    font-family: 'mainBold';
    src: url('fonts/main-bold-webfont.eot');
    src: url('fonts/main-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/main-bold-webfont.woff') format('woff'),
         url('fonts/main-bold-webfont.ttf') format('truetype'),
         url('fonts/main-bold-webfont.svg#main') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'main';
    src: url('fonts/main-webfont.eot');
    src: url('fonts/main-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/main-webfont.woff') format('woff'),
         url('fonts/main-webfont.ttf') format('truetype'),
         url('fonts/main-webfont.svg#main') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6
{
    color: #3C140B;   
    font-weight: bold;
    line-height: 1.2em;  
    margin: 0;
    padding: 0 0 10px 0;
    font-family: Georgia;
    font-size: 20px;
}



h1, h2, .sidebar h3

{

    margin-bottom: 5px;

    padding-bottom: 7px;

}



h1

{

    font-size: 20px; 

}



h2
{
    font-size: 15px; 
}



.secondary h2

{

    font-size: 20px;

}



h4

{

    font-family: Arial;

}



.sidebar h2, .sidebar h3

{

    padding-right: 15px;

}



h4

{

    color: #1a1a1a;

    font-size: 12px;

    font-weight: bold;

    padding-bottom: 3px;

}



p, li, address, .caption, caption, th, td, dt, dd, blockquote
{   
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    padding: 0 0 10px;   
}



em
{
    font-style: italic;
} 



strong
{
    font-weight: bold;    
}



a
{
    color: #ff8a00;
} 
    

/* Header -------------------------------------------------------------------------------------  */    

header

{
	background-color: #f4efdd;
    height: 141px;
    position: relative;
}

div#search
{
	position: absolute;
        top: 15px; left: 608px;
    width: 187px;
}

div#search input[type="text"]
{
	width: 158px;
	height: 15px;
	color: #3C140B;
    float: left;
    font-size: 11px;
	font-style: italic;
    margin: 0;
    padding: 3px 5px 2px;
}

div#search input[type="submit"]
{
        background: transparent url('../images/button-arrow.png') center top no-repeat; 
        cursor: pointer;
        display: block;
        float: right;
        height: 20px; width: 11px;
        text-indent: -9999px;
}

div#search input[type="submit"]:hover
{
        background-position: center bottom;
}

#logo

{
    position: absolute;
	    top: 29px; left: 36px;
	z-index: 99999;
}



#handcrafted

{

    padding: 40px 0 0 45px;

}



.clear

{

    clear: both;

}

h3#coming_soon
{
	width: 450px;
    position: absolute;
    top:75px; right: 0;
	cursor: pointer;
}

table#cart
{
	width: 150px;
    position: absolute;
    top: 11px; right: 18px;
	cursor: pointer;
}

table#cart td
{
	color: #3C140B;
	font-size: 11px;
	font-family: Georgia;
	font-weight: bold;
	text-align: left;
    padding: 5px 0 0;
    vertical-align: top;
}

table#cart th
{
	color: #FE540B;
	font-size: 12px;
    padding: 3px;    
    text-align: left;
}

table#cart td a
{
    text-decoration: none;
	color: #3C140B;
    display: block;
    font-weight: normal;
	font-style: italic;
}

#cart td#num_of_cart
{
	font-size: 33px;
	font-weight: normal;
	font-family: ApexSerif;
    padding: 12px 2px 0 0;
}



.hidden

{

	display: none;

}



/* Navigation -------------------------------------------------------------------------------------  */ 



ul#nav 

{         
    background: #ec701b;
    display: block; 
        height: 35px; width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    position: absolute; 
        top: 106px;
}



#nav li
{
	background: url('../images/menu-separate.png') left center no-repeat;
    display: inline;   
    margin: 0;
    padding: 0;  
    position: relative;
    text-align: center;  
}

#nav li:first-child
{
	background: transparent;
}


#nav li:last-child
{
    padding-right: 20px;
}

#nav a
{            
    background: transparent;    
    color: #FEFEFF;     
    font-size: 14px;   
    font-weight: normal;
    font-family: 'mainBold';
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 5px 0 18px;   
    position: relative;  
    text-decoration: none;
}


#nav a.active
{
    color: #facaa2;    
}

#nav a:hover, #nav a.hover    
{
    color: #facaa2; 
}





/* 

    LEVEL TWO

*/

#nav ul 

{

    background: transparent url('../images/nav-drop-bk.png') top left repeat; 

    -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;       

    display: block;       

    margin: 0; padding: 0;

    position: absolute; 

        top: 100%;

        left: 0;

    visibility: hidden;

    width: 100%;

    z-index: 99;         

}



#nav ul li

{

    display: block;   

    margin: 0;

    padding: 0;

    float: none;     

    background-color: #ffde00;

    min-width: 130px;

}





#nav ul li:first-child

{

    margin-top:2px;

}



#nav ul li:last-child

{

    -moz-border-radius: 0px 0px 10px 10px;

    -webkit-border-radius: 0px 0px 10px 10px;

    border-radius: 0px 0px 10px 10px;

    

}



                                      

#nav li ul li a

{  

    display: block;

    height: auto; 

    line-height: 1.3em;

    padding: 2px 0 3px;

    margin: 0px 14px;

    text-align: left;

    text-transform: none;

    white-space: normal;

    font-weight: normal;

    border-bottom: 1px solid #ffed80;

} 



#nav li ul li:first-child a

{

    padding-top: 5px;

}



#nav li ul li:last-child a

{

    padding-bottom: 10px;

    border-bottom: medium none;

}



#nav ul li.hover, #nav ul li:hover, #nav ul li:hover a                     

{ 

    text-decoration: none;      

}



#nav li:hover > ul { visibility: visible; }





/* Main content area -------------------------------------------------------------------------------------  */ 

#head_image

{

    margin: -20px 0 -20px -27px !important;

    padding-bottom: 40px;

}



.content
{
    clear: both;
    overflow: auto;
    min-height: 350px;
    padding: 15px 28px 20px;
    position: relative;
	margin-top: 20px;
	background-color: #FEFEFF;
}



ul.subNav
{
    float: left;
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    width: 193px;
}

.subNav li
{
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.subNav li.title
{
	font-size: 16px;
    font-weight: bold;
    border-bottom: #3C140B solid 3px;
    margin: 0 0 13px;
    padding: 12px 0 2px;
}

.subNav a
{
    color: #3C140B;
    display: block;
    line-height: 1.3em;
    padding: 3px 0;
    text-decoration: none;

}

.subNav a.section
{
    font-size: 15px;
    font-weight: bold;
}

.title span.arrow
{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
}

.subNav a > span.arrow
{
	font-size: 10px;
}



.subNav a:hover

{

    color: #FE540B;      

}



.subNav a.active, .subNav a.active:hover
{                                       
    color: #FE540B;
    text-decoration: none;
}

.subNav li.horizontal
{
    background-color: #3C140B;
    float: left;
    height: 1px;
    padding: 0;
    margin : 10px 0 20px 0 !important;
    position: relative;
    width: 100%;
    text-align: center;
    border-top: none;
    border-bottom: none;
    clear: both;
}



.main
{
    float: left;
    width: 730px;
}

.main h1.title
{
	font-size: 32px;
	border-bottom: #3C140B solid 3px;
	padding: 0 0 3px;
	margin-bottom: 37px;
}

.main h1.title a
{
	color: #3C140B;   
    text-decoration: none;
}

.main img

{

    float: left;

    margin: 0 22px 30px 0;

}



.main ul
{
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}



.main li
{
	margin: 0;
    padding: 0 0 3px 10px;
}


.sidebar
{
    float: left;
    width: 168px;
	padding-left: 20px;
}

.sidebar div.block:first-child
{
    border-top: 3px solid #3C140B;
}

.sidebar div.block
{
    border-top: 1px solid #3C140B;
	padding-top: 13px;
}



.sidebar p

{

    line-height: 1.4em;

    padding-right: 30px;

}



.sidebar a

{

    color: #ffc100;

}



.sidebar img

{

    padding-bottom: 10px;

}



ul.featured

{

    list-style: none;

    margin: 0;

    padding: 0;

}



.featured li

{

    background: transparent;

    float: left;  

    margin: 0 0 0 20px;  

    padding: 150px 0 10px;

    position: relative;

    width: 170px;  

}

.featured p, .featured a

{

    font-size: 12px;

    padding: 0;

}



.featured h4

{

    padding-bottom: 0;

}



#home .featured li

{

    width: 150px;  

}



.sidebar .featured li

{

    margin: 0;  

}



.featured li:first-child

{

    margin-left: 0;

}



.featured li img

{

    position: absolute;

    top: 0; left: 0;

    width: 149px;

    height: 132px;    

}



ul.brands

{

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 130px;

}



.brands li

{

    background: transparent;

    margin: 0 auto;

    padding: 0 0 5px;

}



/* Footer -------------------------------------------------------------------------------------  */ 

ul#footer

{  
    background: #583121;    
    list-style: none;
    overflow: auto;
    position: relative;
    min-height: 125px;
    width: 1000px;
	margin: 20px auto 90px;
    padding: 0;
    
}

ul#footer>li
{
    color: #FEFEFF;
    float: left;
    max-width: 220px; min-width: 125px;
    padding: 17px 35px 17px 25px;    
}


#footer h5
{
    color: #f2edeb;
    font-weight: bold;
    font-size: 13px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#footer address, #footer p, #footer li, #footer a

{
    color: #f2edeb; 
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3em;    
    margin: 0;
    padding: 0;
    text-decoration: none;

}

#footer a:hover
{
    color: #ac9890;  
}


ul#footer>li.copy
{	
    float: right;	
    padding: 10px 15px 10px 10px;  
}

ul#footer>li.copy p
{
    color: #ac9890;
    font-size: 11px; 
    text-align: right;      
}

#footer>li:first-child

{

    margin-left: 0;

}



ul#footer ul

{

    list-style: none;

    margin: 0;

    padding: 0;

}



#footer ul li

{

    margin: 0;

    padding: 0;

    font-size: 12px;

}



#footer a.fbook

{
    background: url('../images/icn-fbook.png') top left no-repeat;     
    display: block;
        width: 131px; height: 20px;
    line-height: 20px;
    padding: 0 0 0 29px;
    /* position: absolute;

        top: 20px; right: 0; */

}



#footer a.fbook:hover

{
    background-position: bottom left;
    text-decoration: none;
}



a.twitter

{

    background: url('../images/icn-twitter.png') top left no-repeat;     

    display: block;

        width: 28px; height: 28px;

    position: absolute;

        top: 20px; right: 36px;

}



a.twitter:hover

{

    background-position: bottom left;

}



a.sharp_logo

{

    background: url('../images/sharp_logo_normal.png') top left no-repeat;     

    display: block;

    width: 73px; height: 20px;

    position: absolute;

    top: 80px; right: 0;

}



a.sharp_logo:hover

{

    background: url('../images/sharp_logo.png') top left no-repeat; 

}       




#footer li.subscribe

{

    margin-left: 75px;

    max-width: 300px;

}



#footer .subscribe p

{

    color: #333;

    padding: 2px 0;

    max-width: 220px;

    font-size: 12px;

}



#footer_menu_1

{

    margin-left:  75px !important;

}



#footer_menu_2

{

    margin-left:  90px !important;

}



a.btn, #footer a.btn
{
    background: #FE540B;
    color: #fff !important;
    display: inline-block; vertical-align: top; /* for ie */ zoom: 1; *display: inline;   
    font-size: 14px;
    line-height: 0.92em;
    margin-top: 5px;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;    
    width: auto;
    font-family: Georgia;

}



a.btn:hover, #footer a.btn:hover

{

    background: #e36610;

    text-decoration: none;    

}



.small

{

    font-size: 10px !important;

}


@font-face
{
	font-family: ApexSerif;
	src: url('../font/apexserif-bold/ApexSerif_Bold.otf');
}

ul.list
{
	overflow: auto;
	border-bottom: #3C140B solid 3px;
}

.right
{
	float: right;
}