/*
Theme Name: iPower
Theme URI:
Description:
Author:
Version:
License:
License URI:
Tags:
*/

/** @RESET **********************************/
body, div, 
ul, li, 
form, input, textarea, fieldset, button,
blockquote, .reset, header, nav, section, article, figure, figcaption, aside, footer{
    margin:0; padding:0;
}

header, nav, section, article, figure, figcaption, aside, footer{display:block}

h1, h2, h3, h3, h4, h5, h6, p{
    font-weight:normal;
    margin:0; padding:0;
}

img{
    border:0; 
    vertical-align:middle
}

html{
    -webkit-font-smoothing:antialiased;
}

body {
   letter-spacing: 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); zoom:1;
}

html{
    overflow-y: scroll; background:#fff;
}



/** @GENERAL  *******************************/
.full_width{
	width: 960px; margin-left:auto; margin-right:auto; overflow: hidden;
}

.column{
	margin:0 10px; float:left; display:inline; overflow:hidden;
}

.home .primary, .page-template-ipower-page-php .primary{
    width:940px; margin:0 10px; display:inline; overflow:hidden; float:left; position:relative;
}

.primary{
    width:460px; float:right
}

.secondary{
    width:460px; float:left;
}

.primary-2col{
    width:380px; float:right;
}

.secondary-2col{
    width:540px;
}

.primary-privacy{
    float:left; width:620px;
}



/* LINKS */

a{
    color:#ff6600; text-decoration:none;
}

a:hover{
    color:#ff6600; text-decoration:underline;
}


input:focus, textarea:focus{
    outline:0; background:#ebebeb!important;
}



/* TABLES */
.content td h2{
    margin:0 0 10px 0;
}


/* PAGINATION */
.wp-pagenavi .pages{
    margin-right:18px;
}

.wp-pagenavi .current{
    background:#ff6600; padding:3px 5px; margin-right:9px;
}

.wp-pagenavi .page{
    background:#ccc; padding:3px 5px; 
}

.wp-pagenavi .extend,
.wp-pagenavi .first{
	margin-right:9px;
}
    .wp-pagenavi a.page{
        text-decoration:none; margin-right:9px;
    }

    .wp-pagenavi  a.page:hover{
        background:#ff6600; color:#fff;
    }

/* single pagination */
.previous-post-link{
	float:left;
}

.next-post-link{
	float:right;
}




/** @COLOURS *******************************
.orange     {color:#ff6600}
.grey-light {color:#999999}
.grey-mid   {color:#6e6f72}
.grey-dark  {color:#333333}*/


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

}

/** TYPE ***********************************/
h1, .title{
    font-size:20px; line-height:1.2em;  margin:0 0 12px 0; font-family:'VAGRoundedStdThinBold',sans-serif;
}
h2{
    font-size:16px; color:#ff6600; font-family:'VAGRoundedStdThinBold',sans-serif; margin:26px 0 10px;
}


h3{
    font-size:14px; color:#ff6600; font-family:'VAGRoundedStdThinBold',sans-serif;
}

h4{}

h5{}

h6{}

p{
    margin-bottom:10px;
}

.caption-text{
    margin-top:9px;
}


p.heading{
    font-size:16px; color:#ff6600; font-family:'VAGRoundedStdThinBold',sans-serif; margin:0 0 10px 0;
    border-bottom:1px solid #999; padding-bottom:10px;width:150px;
}



/** @BASELINE ******************************/
body{
    font-size:75%; line-height:1.5em; font-family:Arial, sans-serif; color:#333;
    
}



/* HEADER */
header{
    /* padding-top:26px; */
}

.logo-wrapper{
    height:110px;
}

.logo{
    width:50%; padding-top:26px;
}

#logo{
    display:block; width:147px; height:57px; background:url('images/sprite.png') no-repeat 0 0; text-indent:-9999px; float:left;
    margin-right:14px;
}

.site-description{
    float:left; width:300px; font-size:18px; line-height:57px; font-family:VAGRoundedStdThinBold, sans-serif; clear:none;
}


.phone-number {
    float:right; font-family:VAGRoundedStdThinBold, sans-serif; clear:none; font-size:22px; line-height:24px;
    text-align:right; padding-top:32px;
}
    
    .phone-number p{
        margin:0;
    }


/* NAVIGATION */
nav{
    background:url('images/nav-bg.png') repeat-x; margin-bottom:47px; height:44px; overflow:hidden;
}
    nav ul{
        width:940px; margin:0 auto; text-align:center
    }
    
    nav li{
        margin:0 20px; list-style: none; display:inline-block;
    }
        nav li.first{
            margin-left:0;
        }
    
    nav a{
        font-family:Arial, sans-serif; font-size:16px; color:#fff; text-decoration:none; line-height:1em;
        padding:10px 0 12px; border-bottom:6px solid #333; display:block; font-weight:bold;
    }
    
    nav a:hover,
    li.current-menu-item a,
    li.current_page_parent a{
        border-bottom:6px solid #ff6600; color:#fff; text-decoration:none;
    }


    /* TM */
    nav span{
        font-size:0.8em; position:absolute; line-height:10px
    }



/* CONTENT */
.content{
    margin-bottom:44px;
}




/* HOMEPAGE */

.slides{
    float:left; position:relative;
}
    .slides p{
        margin:0;
    }


.homepage-links{
    width:140px; float:left; margin:0 0 20px 20px;
}
    
    .homepage-links p{
        width:100%; float:none;
    }
    
    .homepage-link-caption{
        font-size:12px; font-family:'Arial', sans-serif; font-weight:bold;  margin:8px 0 0 0;
    }
    
    
    /*
.home .wp-caption{
        width:460px!important
    }
*/
    
    
    .homepage-links a:hover, a.fade:hover{
        
        -webkit-transition: opacity 300ms ease;
        -moz-transition: opacity 300ms ease;
        -ms-transition: opacity 300ms ease;
        -o-transition: opacity 300ms ease;
        transition: opacity 300ms ease;

        
    
        filter:alpha(opacity=70);
    	-moz-opacity:0.7;
    	-khtml-opacity: 0.7;
    	opacity: 0.7;

    }


    .homepage-copy{
        width:460px; float:right;
    }
    
    .homepage-copy p{
        margin:0;
    }


.call{
	background:#ff6600; color:#fff; text-align:center; width:100%; margin-top:20px; clear:both; 
	padding:10px 0;
}

.call p{
	font-size:13px; font-weight:bold; text-align:center; line-height:1.2em; margin:0;
}

.call a{
	color:#fff;
}


/* INNER PAGES */
.primary ul{
    margin-left:0;
}
    
    .primary li, .product{
        background:url('images/bullet.png') no-repeat left center; list-style: none; padding-left:16px;
    }

    .primary li.double{
        background-position-y: 6px;
    }

/* PAGE COLUMN */
.page-column{
    position:absolute; top:0; right:0;
}
    
    .page-column img{
        margin-bottom:9px;
    }
    .page-column p{
        margin-bottom:36px;
    }
    
    .page-column.alignright{
        text-align:right;
    }


.col-left{
    overflow:hidden; width:300px;
}

.col-center{
    float:right; width:464px; position:relative; padding:0 158px 0 0; overflow:visible;/*622*/
}



/* COLLECTIONS */
.collection-nav{
    margin-bottom:50px;
}

.primary-collection{
    width:620px; 
    position:relative;
    float:right;
}

.primary-collection.isotope{
    margin:0;
    width:640px;
    padding-right:10px;
    float:right;
}

.product{
    margin-bottom:9px;
}

    .product a{
        color:#333; font-family:'Arial', sans-serif; font-weight:bold; font-size:14px; text-decoration:none;
    }

    .product a:hover, .collection-nav li.current-menu-item a{
        color:#ff6600; border:none;
    }

.product-thumb{
    width:140px; float:left; display:inline; margin:0 20px 20px 0;
}

.isotope .product-thumb {
    margin:0 0 20px 20px;
}
    .product-thumb img{
        margin-bottom:9px;
    }
    
    
    .product-thumb a{
        color:#333; font-weight:bold;
    }
    
    .product-thumb.last{
        margin-right:0;
    }


.collection_nav{
    padding-top:20px;
}

.collection_nav li{
    margin:4px 0
}

.collection_nav a{
    color:#333;
    text-decoration:none;
    font-size:1.2em;
}

.collection_nav a:hover,
.collection_nav a.current{
    color:#ff6600;
}




/* SINGLE PRODUCT PAGE */
.product-view{
    width:100%; min-height:420px; overflow:hidden; position:relative;
}




.secondary-collection{
    width:290px;
    
}










/* SHADES */
.collection-shades{
    width:100%; clear:both; overflow:hidden; padding-top:18px;
}
    
    .collection-shades h3{
        font-family:'VAGRoundedStdThinBold', sans-serif; margin-bottom:9px; font-size:16px;
        color:#333;
    }
    
    .shade{
        float:left; margin:0 20px 20px 0; width:140px;
    }
    
    .shade.last{
        margin-right:0;
    }
        
        .shade img{
            margin-bottom:9px;
        }

    


/* BLOG */

.blog .primary, 
.single .primary,
.archive .primary,
.primary.enews{
    float:left; 
}

.blog .secondary, 
.single .secondary,
.archive .secondary,
.secondary.enews{
    float:right; 
}

article{
    margin-bottom:45px;
}

article img{
    margin-bottom:20px;
}


article h1{
    margin:0; color:#ff6600;
}




/* BLOG SIDEBAR */
.recent-posts{
    list-style: none; margin-bottom:36px; width:150px;
}

    .recent-posts li{
        margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #999
    }
    
    .recent-posts a{
        color:#333; text-decoration:none;
    }
    
    .recent-posts a:hover{
        color:#ff6600;
    }




/* CONTACT US */
.contact-page{
    padding-top:90px;
}
    
    .contact-page a{
        color:#333;
    }
    
    .contact-page a:hover{
        
    }


.wpcf7{
    padding-top:18px
}

.wpcf7 label{
    background:#ccc; display:block; padding-left:9px; margin-bottom:9px; line-height:36px; color:#333; font-weight:bold;
    width:451px; overflow:hidden; position:relative;
}

.wpcf7 input, .wpcf7 textarea{
    border:none; float:right; font-size:12px; font-family:'Arial', sans-serif; height:36px; width:342px;
    padding:0 9px; background:#ccc;

}

.enews .wpcf7 input{
    width:330px;
}
    
.wpcf7 textarea{
    resize:none; height:150px; padding:9px;
}

.wpcf7 .wpcf7-captchac{
    float:right; margin:6px 9px 0 0;
}

.wpcf7 .wpcf7-captchar{
    width:100px; margin-right:120px; 
}

.wpcf7 .wpcf7-submit, .wpcf7 .subscribe{
    width:140px!important; background:#ff6600; color:#fff;
}


.mc-subscribe{
    display:block; width:300px; float:left; line-height:36px;
}

.mc-subscribe input{
    width:auto; height:auto; display:inline; float:none;
}




.wpcf7-response-output{
    margin-left: 0; margin-bottom:1em;
    background:#fffce5; border:1px solid #ffdd00; display:none; padding:5px; line-height:1em; color:#000;
    text-align:center; clear:both;
}

.wpcf7-not-valid-tip{
    width:360px; font-family:Arial, sans-serif; color:#6d6e71; font-style:normal;
    position: absolute; background:#fde8e9; border:1px solid #f4777e;
    font-size:12px; line-height:1em;  color:#000; right:0; top:0; line-height:34px;
    text-align:center;
}


/* lamps list form */

.lamps-list-wrapper{
	width:100%; overflow:hidden; background:#cccccc; margin-bottom:9px;
}

.lamps-list{
	width:45%; margin:0!important;
}

#select-all{
	clear:both; display:block; color:#333; font-size: 12px; font-weight:bold;
	cursor:pointer; padding:9px;
}


.lamps-list input{
	float:none; width:auto; height:auto; margin-right:5px;
}





/* MAILCHIMP */
#mce-success-response{
    width:300px; float:left;
}

.email-label{
    overflow:visible!important; padding-bottom:1px;
}


/* GALLERY */
.primary-gallery{
    float:left; width:300px
}


.secondary-gallery{
    float:right; width:620px;
}

.secondary-gallery img{
    padding:0 15px 15px 0px;
    display:block;
    float:right;
}

.ngg-gallery-thumbnail-box{
    float:left; margin-bottom:15px;
}
    
    .ngg-gallery-thumbnail{
        float:right;
    }




/* CUSTOMER QUOTES */
.customer-quotes{
    font-family:'Georgia', serif; margin-bottom:2em;
}
.quote-body{
     color:#666; font-size:18px; line-height:1.5em; font-style:italic; text-indent:-0.5em;  margin-left:0.5em;
}

.author{
    font-size:14px; color:#ff6600; margin-left:0.5em;
}




/* FOOTER */
footer{
    background:#999; width:100%; overflow:hidden; 
    font-size:16px; line-height:38px; font-family:'Arial', sans-serif; font-weight:bold;
}

.strapline{
    margin:0 0 0 10px; float:left; display:inline; font-weight:bold;
    color:#fff;
}

.footer-social{
    float:right; margin-right:10px; list-style:none; font-size:14px;
}
    .footer-social a{
        color:#fff; text-decoration:none;
    }
    
    .footer-social a:hover{
        text-decoration:underline;
    }

    .footer-social li{
        display:block; float:left;  line-height:38px; margin-left:1em;
    }

    .footer-social a:before{
	    content:'';
    	display:inline-block; 
	    background:url('images/sprite.png') no-repeat;
	    vertical-align: middle; margin-right:5px;
    }
    
    
    .footer-social a.twitter:before{
        background-position: -152px -6px; width:25px; height:20px;
        
    }

    .footer-social a.facebook:before{
        background-position: -196px -35px; width:24px; height:24px;
    }
    
    .footer-social a.pinterest:before{
        background-position: -196px -3px; width:24px; height:24px;
    }
    
	.footer-social a.enews:before{
		background-position: -147px -37px; width:30px; height:20px;
	}


/* TERMS */
#terms{
    list-style: none; width:940px; margin:0 auto 4em; padding-top:15px;
}

#terms li{
    font-size:12px;  float:left; margin-right:1em; border-left:1px solid #fff; padding-left:1em; line-height:1em;
}

    #terms a{
        color:#333; text-decoration:none;
    }
    
    #terms a:hover, #terms li.current-menu-item a{
        color:#333; text-decoration:underline; border:none;
    }

    #terms li.first{
        padding:0; margin-left:0; border:none;
    }






/** ALIGNMENT ******************************/
.alignleft,
img.alignleft {
	display: inline; float: left; margin-right: 1.5em;
}

.alignright,
img.alignright {
	display: inline; float: right; margin-left: 1.5em;
}

.aligncenter,
img.aligncenter {
	clear: both; display: block; margin-left: auto; margin-right: auto;
}






/* HOMEPAGE DEV */

.homepage-copy{
    float:left;
    font-size:13px;
    line-height:1.8
}



.link_wrapper{
    overflow:hidden;
    clear:both;
}

.link_wrapper .homepage-links{
    margin:0 10px;
}


.primary{
    /*
width:940px;
    float:none;
*/
    margin-left:10px;
    overflow:hidden;
}

.primary iframe{
    margin-bottom:20px;
}

#slides{
    margin-bottom:20px;
    float:right;
}


/* =SLIDER */

#slides{
    width:460px;
    height:460px; 
    position:relative; 
}

.home #slides,
.home .slide{
    float:right;
	background:#fff;
}



#slides .slides_container,
#slides .slide{
    width:460px;
    height:460px;
}

.wp-caption{
    width:460px; height:460px; position:relative;
}

.home .wp-caption{
    height:480px;
}


#slides .wp-caption{
    width:100%;
    position:absolute;
    bottom:0;
}


/* CAPTIONS */
    
.product-view .wp-caption{
        width:auto!important; height:auto; margin-bottom:0;
    }
    
.product-view .wp-caption img{
    display:block; 
}
    
.product-view .wp-caption-text{
    background:none; font-size:12px; font-family:Arial; font-style:normal; text-align:right;
    color:#fff; width:auto; height:12px; position:relative; line-height:12px; padding:9px 0 0 0; float:right;
}


.wp-caption-text{
    clear:both; margin:0; padding:1em; width:420px;
    font-family:Georgia, serif; font-size:20px; line-height:22px; font-style:italic;
	position:absolute; left:0; bottom:0;
    color:#666;
    background:#fff;
    opacity:.9;
}



.product-view .slides_container div img{
    position:absolute; bottom:-21px; left:0;
}


.single-products .wp-caption-text{
    width:100%; height:12px; clear:both; padding-top:9px;
}




/* collection slides */
.single #slides{
    position:absolute;
    bottom:21px;
    width:300px;
    height:300px;
}

/*! Page slider */
#page-slider{
    margin-bottom:20px;
    width:460px;
    height:460px;
}

#page-slider #slides{
    position: relative;
    bottom: auto;
    width: 100%;
    height:100%;
}

#page-slider .slides_container{
    width:100%;
    height:100%;
    overflow: visible;
}

.single .slides_container{
    width:100%;
    height:300px; overflow:hidden;
}

.single .slides_container div{
    display:block; width:300px; height:300px;
}


/* client grid */
.client_list{
    padding-left:10px;
    float:left;
}

.client_list_col{
    width:20%;
    padding:0 10px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
    float:left;
    margin-bottom:20px;
}

.client_list_col img{
    width:100%;
    height:auto;
}

.client_list table{
    /* width:600px; */
    border-collapse: collapse;
}

.client_list td{
    width:172px;
    padding:0 20px 0 0;
    /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */
    border:none;
    border:0;
}

.client_sidebar{
    float:right;
    padding-right:10px;
    width:374px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}


.client_sidebar #slides,
.client_sidebar #slides .slides_container,
.client_sidebar #slides .slide{
    width:100%;
    height:auto;
}

.client_sidebar #slides img{
    width:100%;
    height:auto;
}

.client_sidebar #slides .wp-caption-text{
    width:100%;
    padding:10px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    font-size:1.5em;
    line-height:1.2em;
}