/*
 * M-Edge, Customize Stylesheet
 * Version: 1.1.0
 *
 * Author: MGH
 * crivers@mghus.com
 * gregwhyte@medgestore.com
 * 
 * Changelog: 
 * Version: 1.0.0
 *  Init Build
 * Version: 1.1.0
 *  Fixes, cleanup and customizations
 *
 */

body.interior.customize { background:#f0efef; }
.customize #middle { top:0; }

/* Intro
---------------------*/
.customize #middle .devices-container {  
	background:url("/images/myedge/customize-header-bg.png") repeat-x scroll 0 -42px transparent; 
	height: 329px; 
	margin-top: -179px;
}
.customize #middle .devices-container .inner { margin:0 auto; width:750px; }

.customize #middle .devices-container ul {
	height:276px;
	list-style:none;
	margin-top: 40px;
}

.customize #middle .devices-container ul li {
	cursor:pointer;
	float:left;
	height:274px;
	margin:0 16px 0 16px;
	overflow:hidden;
	position:relative;
	width:217px;
	z-index: 2;
}
.customize #middle .devices-container ul li.iphone5 { background:url('/images/customize-device-iphone5.png') no-repeat top center; }
.customize #middle .devices-container ul li.ipad { background:url('/images/devices_03.png') no-repeat; }
.customize #middle .devices-container ul li.kindle { background:url('/images/devices_05.png') no-repeat; }
.customize #middle .devices-container ul li.nook { background:url('/images/devices_07.png') no-repeat; margin:0; }

.customize #middle .devices-container ul li.iphone5 img { left: 44px; }
.customize #middle .devices-container ul li.ipad img { left: 5px; }
.customize #middle .devices-container ul li.kindle img { left: 10px; }
.customize #middle .devices-container ul li.nook img { left: 16px; }
	
.customize #middle .devices-container ul li .cover { 
	position:absolute; 
	top:-300px; 
	left:0;
	width:100%;
	text-align:center;
}

.customize #middle .devices-container ul li .btn {
	background: url('/images/customize-button.png') no-repeat scroll -20px 0 transparent;
    color: #FFFFFF;
    font-size: 17px;
    height: 210px;
    left: -2px;
    padding-top: 19px;
    position: absolute;
    text-align: center;
    top: 111px;
    width: 215px;
}
.customize #middle .devices-container ul li .mbtn {
    font-size: 16px;
    position: absolute;
    top: 111px;
    width: 217px;
	left:0px;
}

.customize #middle .devices-container a.more {
    float: right;
    margin-right: 58px;
    text-decoration: underline;
}

.customize #middle .devices-container .device-modal {	
	background: url('/images/modal_06.png') repeat-x scroll 0 0 #FFFFFF;
	display:none;
    height: 325px;
    margin-left: 191px;
    position: absolute;
    top: -21px;
    width: 658px;
    z-index: 3;
	-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.5);
}

.customize #middle .devices-container .device-modal .close {
	background:url('/images/modal_03.png') no-repeat;
	cursor: pointer;
    display: inline-block;
    height: 46px;
    position: absolute;
    right: -20px;
    text-indent: -9999px;
    top: -18px;
    width: 44px;
}

.customize #middle .devices-container .device-modal .col1 {
	float: left;
    margin-left: 19px;
    margin-top: 39px;
    width: 398px;
}

.customize #middle .devices-container .device-modal .col1 h5 {
	color:#00a4e4;
	font-size:43px;
}

.customize #middle .devices-container .device-modal .modal-product {
	float:left;
	margin-top: 13px;
}

.customize #middle .devices-container .device-modal ul { height: 106px; margin-left: 0; margin-top: 12px; overflow: auto; }
.customize #middle .devices-container .device-modal li { float:none; height:auto; margin-bottom: 9px; }
.customize #middle .devices-container .device-modal li a { color:#7e7e7e; font-size:20px; }

.customize #middle .devices-container .device-modal .modal-banner {
	clear: both;
    display: block;
    margin-left: 3px;
    position: relative;
    top: -54px;
}

.customize #middle .devices-container .modal-device-list, .customize #middle .devices-container .modal-device-photo { display:none; }

/* Main
----------------------*/
.customize #middle .main-container { background:#FFFFFF; }

.customize #middle .main-container .inner {
	margin: 0 auto;
	padding: 37px 0;
    position: relative;
    width: 1090px;
}

.customize #middle .main-container h2 {
	color: #00A4E4;
    display: block;
    font-size: 57px;
    font-weight: normal;
	line-height: 57px;
    margin-left: 390px;
    margin-top: 29px;
    position: relative;
    z-index: 2;
}

.customize #middle .main-container h1 {
    display: block;
    margin-left: 390px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
    font-size: 20px;
	font-weight:normal; 
	line-height: 1.2em; 
	margin-bottom: 7px; 
} 

.customize #middle .main-container h2 strong { font-weight:bold; }

/*.customize #middle .main-container .col1 { position: absolute; top: -349px; width: 567px; }*/ 
.customize #middle .main-container .col1 { 
	/*position: absolute; 
	top: -75px ; */
	width: 567px; 
	float:left;
}
.customize #middle .main-container .col1 .person { position: relative; z-index: 1; margin-left: 81px;  }

.customize #middle .main-container .col1 .youtube .screenshot { 
	position: absolute;
	left: 0; 
	top: 0; 
	z-index: 20; 
}

.customize #middle .main-container .col1 .youtube iframe { 
	border-top:1px solid black; 
	z-index: 10; 
}

.customize #middle .main-container .col1 .youtube { 
	cursor: pointer;
    height: 343px;
    margin-left: 61px;
    width: 560px;
    position: relative; 
}

.customize #middle .main-container .col1 .youtube .video { }

.customize #middle .main-container .col2 { 
	float: right; 
	margin-top: 30px; 
	position: relative;
    width: 442px;
    z-index: 3;
}
	
.customize #middle .main-container .col2 blockquote {
	background:url('/images/blockquote-bg.png') repeat;
	color: #838484;
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 17px;
	margin-top: 21px;
	padding: 8px 18px 14px;
}
.customize #middle .main-container .col2 blockquote strong { color:#00a4e4; font-weight:normal }

.customize #middle .main-container .col2 ul { list-style:none; margin-bottom: 10px; }
.customize #middle .main-container .col2 ul li {
	background: url("/images/myedge/bullet-point.png") no-repeat scroll 0 3px transparent;
    margin-bottom: 4px;
    padding-left: 14px;
}

.customize #middle .main-container .col2 h3 { font-size: 24px; font-weight:bold; color: #00a4e4; margin-bottom: 5px;  }
.customize #middle .main-container .col2 ul li h3 { font-size: 18px; font-weight:normal; color: #848484; }


/* Outro
-----------------------*/
.customize.s-library .shelf { border-top: 40px solid #F0EFEF; margin-bottom: 80px; box-shadow: 0px 3px 5px rgba(75, 75, 75, 0.5)} 
.customize.s-library .shelf .content a.shop-all { color: #00A4E4;  } 

.customize #middle .outro-container {
	background:url('/images/customize-outro-bg.png') repeat-x 0 bottom;
	padding-bottom:73px;
	padding-top:33px;
}

.customize #middle .outro-container .inner { margin:0 auto; width:958px; }

.customize #middle .outro-container .col1 { float:left; margin-right: 79px; width:370px; }

.customize #middle .outro-container .col1 h3 {
	color: #76BA40;
    font-size: 36px;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 12px;
    text-align: center;
}

.customize #middle .outro-container .col1 a {
	color:#00a4e4;
	display:block;
	font-size:20px;
	text-align:center;
}

.customize #middle .outro-container .col1 p {
	color: #838585;
    font-size: 13px;
    padding: 0 24px;
    text-align: center;
}

.customize #middle .outro-container .col2 {
	float: left;
    margin-top: 83px;
	padding-right: 135px;
    width: 370px;
}

.customize #middle .outro-container .col2 p {
	color:#00a4e4;
	font-size:14px;
	line-height:20px;
	position:relative;
	z-index:1;
}

.customize #middle .outro-container .col2 .e-luminator { margin-left: 230px; margin-top: -70px; }

/* Itunes
------------------------*/
.customize #middle .itunes-container { background:#fff; height: 50px; }
.customize #middle .itunes-container .inner {
	margin:0 auto;
	width:970px;
	position: relative; 
}

.customize #middle .itunes-container img {
	position: absolute; 
	top: -22px; 
	left: 0; 
}

.customize #middle .itunes-container p { color:#727373; float: left; font-size:20px; margin-top: 11px; margin-left: 125px; }
.customize #middle .itunes-container p a { color:#10aae5; font-size:14px;}
.customize #middle .itunes-container p a:hover { color:#76BA40; }

/* Footer 
-----------------------*/
.customize #footer {
	clear: both;
	margin-top:0;
}



/* Customize Tool 
-----------------------*/
.customize .fancybox-skin { background: #fff; } 

body.customize-popup { 
	background-color: #fff; 
} 

.customize-popup #middle { 
	width: 750px; 
	margin: 0 auto;  
	top: 0; 
} 

.customize-popup #step2, .customize-popup #step3, .customize-popup #step4 { display: none; } 
.customize-popup #step2 .models, .customize-popup #step3 .cases { display: none; } 

.customize-popup .expand {
	background: url('/images/shelf-bg-full.png') repeat-x scroll 0 0 transparent;
	padding: 10px; 	
	clear: both; 
	overflow: auto; 
} 

.customize-popup .expand .inside { 
	overflow: auto; 
	width: 100%; 
} 

.customize-popup .expand h4 { 
	line-height: 48px; 
	font-size: 18px;
}

.customize-popup .expand#step2 h4, .customize-popup .expand#step3 h4 { 
	width: 85%; 
	float: left; 
}


.customize-popup .expand .close { 
	display: block; 
	width: 10%; 
	float: right; 
	text-align: right; 
} 


.customize-popup .expand a { 
	line-height: 48px; 
	font-size: 18px;
	margin: 0 8px; 
} 

.customize-popup .expand a img { 
	padding: 20px 5px 20px 0; 
} 

.customize-popup .expand a.selected, .customize-popup .expand .selected{ 
	color: #7ac142; 
} 

.customize-popup #step2 h4 .selected { margin-left: 10px; } 

.customize-popup .model { 
	text-align: center; 
	float: left; 
	width: 100px; 
	margin: 20px; 
} 

.customize-popup .model p { 
	color: #00a4e4; 
	font-size: 13px; 
	margin: 10px 0;
} 

.customize-popup .model p strong { 
	font-size: 14px; 
} 

.customize-popup .model p .price { 
	font-weight: bold;  
} 

.customize-popup .model.selected p { color: #7ac142;  } 

.customize-popup .case  { width: 300px; float: left; margin-left: 40px;  text-align: center; position: relative; } 
.customize-popup .case h5 { color:  #00a4e4; font-size: 18px; text-align: center; }
.customize-popup .case.selected h5 { color: #7ac142; ; } 
.customize-popup .case img { margin: 10px 0 0; } 
.customize-popup .case ul.details {display: none; margin-left: 20px;  }
.customize-popup .case li {text-align: left; color: #00a4e4; margin-bottom: 10px;  }
.customize-popup .case p a { 
	font-size: 12px; 
} 
.customize-popup .start, .customize-popup .cancel { 
	color: #fff; 
	padding: 2px 12px; 
	font-size: 15px; 
	font-weight: normal; 
} 

.customize-popup .start {
	background-color: #007eaf; 
}
.customize-popup .cancel {
	background-color: #969696; 
}

/* Slider styles
-----------------------------*/
.customize-slider {
	margin-left: 48px;
	position: relative;
	width: 200px;
	}

.customize-slider img.custom-enlarge {
	position: absolute;
	right: 0;
	top: -10px;
	}
	
.customize-slider ul.slides li {
	text-align: center;
	}

.customize-slider .flex-control-nav {
	bottom: 0;
	}

.customize-slider .flex-control-nav li {
	margin: 0 0;
	padding: 0;
	}

.customize-slider .flex-control-nav li a {
	margin: 0;
	padding: 0;
	}

.customize-slider .flex-control-paging li a {
	background: url('/images/customize-nav.png') no-repeat;
	background-position: 0 -16px;
	box-shadow: none;
	height: 16px;
	width: 16px;
	}

.customize-slider .flex-control-paging li a:hover,
.customize-slider .flex-control-paging li a.flex-active {
	background-position: 0 -1px;
	}

.customize-slider ul.slides li a img {
	padding: 0 0 5px 0;
	}