@charset "UTF-8";
/* CSS Document   10/20*/

body {background: black; margin: 0 auto; font-family: Helvetica, tahoma, verdana, arial, sans-serif; color: #7f8ac0; font-size: 13px; font-style: normal; line-height: 1.5em;}

img {border: none; outline: none;}
a, a:link {color: #ff9900; text-decoration: none; outline: none;}     /* unvisited link */
a:visited {color: #ff9900;  text-decoration: none;}  /* visited link */
a:hover {color: #7f8ac0;  text-decoration: none;}   /* mouse over link */
a:active {color: #ff9900;  text-decoration: none;}   /* mouse over link */
li#currentpage a {color: #7f8ac0;}
.blue {color: #7f8ac0;}
.orange {color: #ff9900;}
.flower-back {background: url(http://ellasport.com/collection/images/background1.gif) no-repeat right bottom;}
.flower-back2 {background: url(http://ellasport.com/collection/images/background2.gif) no-repeat left bottom;}

div#middle div#description img a:link{border: 1px solid orange;}

div#middle div#middle-left li.detailpage a {color: #ff9900;}

div#collection-page, div#top-level {width: 960px; margin:0 auto; padding:0;}
div.logo {float: left; width: 100%; padding:0; margin: 10px 0 0 0;}
div#collection-page div#header  {float: left; background: black; width: 960px; height: 40px; margin: 0; padding: 0; }

/**header**/
div#header ul {float: right; width: auto; margin-right: 3%; background-position: bottom; text-align: right; padding: 0; margin: 0;}
div#header li {float: left; width: auto; list-style: none;  margin-right: 25px; padding-bottom: 0; margin-bottom:0; text-align: center; vertical-align: middle; }
div#header div#shoppingcart {float: right; width: 16%; text-align: left; margin: 0; padding: 0;}
div#header a.viewshoppingcart {display: block; height: 31px; width: 148px; background: url(http://ellasport.com/collection/images/shopping.gif) no-repeat; text-indent: -9999px; overflow: hidden; font-size: 0.1px; border: none;}
div#header a.viewshoppingcart:hover {background: url(http://ellasport.com/collection/images/shopping-onp.gif) no-repeat; border: none;}
div#header li a {display: block; line-height: 3em;  text-indent: 1999px; outline: none; overflow: hidden;}
div#header li a:active {outline: none;}

div#header li a.home-nav {background: url(http://ellasport.com/collection/images/home.gif) no-repeat; width: 57px;}
div#header li a.home-nav:hover {background: url(http://ellasport.com/collection/images/home-on.gif) no-repeat;}
div#header li#currentpage a.home-nav {background: url(http://ellasport.com/collection/images/home-onp.gif) no-repeat;}
div#header li a.about-nav {background: url(http://ellasport.com/collection/images/about.gif) no-repeat; width: 61px;}
div#header li a.about-nav:hover {background: url(http://ellasport.com/collection/images/about-on.gif) no-repeat;}
div#header li#currentpage a.about-nav {background: url(http://ellasport.com/collection/images/about-onp.gif) no-repeat;}
div#header li a.collection-nav {background: url(http://ellasport.com/collection/images/collection.gif) no-repeat; width: 148px;}
div#header li a.collection-nav:hover {background: url(http://ellasport.com/collection/images/collection-on.gif) no-repeat;}
div#header li#currentpage a.collection-nav {background: url(http://ellasport.com/collection/images/collection-onp.gif) no-repeat;}
div#header li a.mission-nav {background: url(http://ellasport.com/collection/images/mission.gif) no-repeat; width:82px;}
div#header li a.mission-nav:hover {background: url(http://ellasport.com/collection/images/mission-on.gif) no-repeat;}
div#header li#currentpage a.mission-nav {background: url(http://ellasport.com/collection/images/mission-onp.gif) no-repeat;}
div#header li a.contact-nav {background: url(http://ellasport.com/collection/images/contact.gif) no-repeat; width: 82px;}
div#header li a.contact-nav:hover {background: url(http://ellasport.com/collection/images/contact-on.gif) no-repeat;}
div#header li#currentpage a.contact-nav {background: url(http://ellasport.com/collection/images/contact-onp.gif) no-repeat;}
div#header li a.blog-nav {background: url(http://ellasport.com/collection/images/blog.gif) no-repeat; width: 47px;}
div#header li a.blog-nav:hover {background: url(http://ellasport.com/collection/images/blog-onp.gif) no-repeat;}
div#header li#currentpage a.blog-nav {background: url(http://ellasport.com/collection/images/blog-onp.gif) no-repeat;}
div#header li a.join-nav {background: url(http://ellasport.com/collection/images/join.gif) no-repeat; width: 188px; text-align: center;}
div#header li a.join-nav:hover {background: url(http://ellasport.com/collection/images/join-on.gif) no-repeat;}
div#header li#currentpage a.join-nav {background: url(http://ellasport.com/collection/images/join-onp.gif) no-repeat;}


div#footer { clear: both; width: 100%; padding: 30px 0; margin: 0px auto; font-size: 12px; text-align: center; }
div#footer a {color: white;}
div#footer a:hover {color: #ff9900;}
div#footer ul {margin: 0 auto; padding: 0; width: 95%;}
div#footer li {display: inline; list-style: none; margin: 0 auto; padding: 0 15px; text-align: center; border-right: 1px solid #f9f9f9; height: auto;}
div#footer li img {vertical-align: middle;}
div#footer li.copyright {padding-right: 0; font-size: 10px; color:#ccc; line-height: 2em; border-right: none;}

div#middle {float: left;  width: 960px;  border-bottom: 2px solid white; border-top: 2px solid white; margin: 0; padding: 12px 0;}



/**homepage images**/
div#big-image {position: relative; float: left; width: 593px;}
div#secondary-content {float: right; width: 367px;}
div#middle  ul#javascript-images { position: relative; float: left; width: 589px; height: 442px; padding: 0; margin: 0; list-style: none; border: 1px solid white;  }
div#middle #javascript-images li {position: absolute; top: 0; left: 0;}

div#middle div#buttons {position: absolute; z-index: 100; right: 100px; bottom: 140px; }
div#middle #buttons span.button {float: left; width: 18px; margin: auto 5px; padding: 0; line-height: 2em;}
div#middle #buttons a, #content-primary #buttons a:hover {padding: .25em 1em; text-decoration: none;}
div#middle #buttons a.inactive {background: url(images/btn-white.png) no-repeat left 50%; }
div#middle #buttons a.active {background: url(images/btn-orange.png) no-repeat left 50%;}

div#middle #main-text { position: absolute; width: 300px; right: 30px; top: 60px; font-weight: bold; }
div#middle .ella { font-size: 30px; color: #cbd3ff; display: inline;}
div#middle .tagline { margin-left: 15px; color: black; font-size: 20px; text-align: right;}
div#middle h1.who-we-are {width: 250px; margin: 0; padding: 0; margin-top: 70px;  margin-left: 50px; color: white; font-size: 14px; font-weight: bold; line-height: 17px; font-family: arial;}
.index2 div#middle h1.who-we-are {width: 250px; margin: 0; padding: 0; margin-top: 95px;  margin-left: 45px; color: white; font-size: 14px; font-weight: bold; line-height: 17px; font-family: arial;}

div#view-entire-collection {position: absolute; bottom: 30px; right: 0; background: none; width: 225px;}
div#view-entire-collection img {vertical-align: middle; padding: 0 5px 0 15px; }
div#view-entire-collection .view-collection {display: block; background: black; width: 225px; padding: .5em 0;  font-weight: bold; font-size: 14px;}

div#view-entire-collection .photoshoot {display: block; font-weight: normal; font-size: 12px; line-height: 1.5em; color:  black; padding-left: 15px; padding-right: 15px;}
.view-collection span.arrow  {font-size: 10px;}
.photoshoot a {background: url(images/arrow-circle.gif) no-repeat right top; font-weight:  bold; color:  #666699; padding-right: 8px; }
.photoshoot a:hover {color: #ff9900;}

div#secondary-content a {font-weight: bold;}
div#secondary-content a img {outline: none; border:  none;}
div#secondary-content div.box, #secondary-content div.box-second {position: relative; float: right; background: url(images/logo-small.jpg) no-repeat left bottom; width: 355px; max-height: 215px;  overflow: hidden; margin: 0 0 0 10px; color: white; font-size: 12px; line-height: 1.4em; border: 1px solid white;}
div#secondary-content div.box-second {margin-top: 10px;}
div#secondary-content div.box .text , div#secondary-content div.box-second .text {float: left; width: 128px; margin-left: 10px; margin-top: 25px;}
div#secondary-content div.box .image, div#secondary-content div.box-second .image {float: right; width: 195px; margin: 10px; text-align: right; }
div#secondary-content .heading  {font-weight: bold; font-size: 16px; line-height: 1.2em; margin: 0; padding: 0; color: #929ecc; }
div#secondary-content div.box-second .heading {padding-top: 20px;  }
div#secondary-content p {padding: 0; margin: 0; }
div#secondary-content .details {padding-top: 5px;}
div#secondary-content div.box-second .details {font-size: 14px; line-height: 1.3em; font-family: arial;}
div#secondary-content div.box .small {padding-top: 5px; font-size: .85em; color: #ccc; line-height: 1.3em; }




/**sidebar**/
div#middle div#middle-left {padding: 2% 2% 0 2%; float: left; width: 21%; }
div#middle div#middle-left ul{margin: 0; padding: 0; list-style: none; text-align: left;  padding: 0 15px;}
div#middle #product-details {float: left; width: 74.5%;  padding: 2% 0; border-left: 2px solid white;}
div#middle div#middle-left img {display: block; padding: 15px 0 10px 0;}
#middle-left a.viewall {display: block; background: url(/collection/images/view-all.gif) no-repeat 0 0; width: 133px; height: 21px; margin-top: 15px;  text-indent: -1999px; overflow: hidden;}
#middle-left a:hover.viewall {background: url(/collection/images/view-all-on.gif) no-repeat;}
#middle-left li#viewall a.viewall {display: block; background: url(/collection/images/view-all-onb.gif) no-repeat; width: 133px; height: 21px; margin-top: 15px;  text-indent: -1999px;}
/**collections pages product details**/
#product-details div#main-photo {float: left;  width: 50%; text-align: center;}
#product-details div#innerpage-description {float: left; clear: right; width: 48%; margin-left: 2%;  font-size: 11px; color: #FFF;  text-align: left; line-height: 1.15em;}
/*styles created for 'new' ribbon*/
#product-details div#main-photo .photo-area {position: relative; width: 263px; margin-left: 47px;}
#product-details div#main-photo .photo-area .new-ribbon {position: absolute; z-index: 10; background: url(/collection/images/new-ribbon.png) no-repeat right top;  width: 263px; height: 88px;}

div#middle p.title {margin: 0; padding:0 0 .5em 0;}

#product-details div#thumb {clear: both;  float: left; margin-top: 10px; margin-left: 47px; width: 90%;}

#product-details div#thumb ul { width: 100%; padding: 0; margin: 0; list-style:none; }
#product-details div#thumb li{float: left; padding-right: 1em; margin: 0 0 0 0;  list-style:none;}
#product-details div#thumb li a {display: block; border: 1px solid #7f8ac0;}
#product-details div#thumb li a:hover {border: 1px solid #ff9900;}
p.title {color: #7f8ac0; font-size: 1.5em; padding-bottom: 1em;}

/**features**/
#fit {float: left;  margin: 0 47px;  color: white; text-align: left; }
#product-details #fit h1 {margin: 0; padding: 0; font-size: 18px; font-weight: bold; text-align: left; padding: 0 0 5px 0; color: #7f8ac0;}
img#fit-image {float: left; width: 240px; padding: 10px 20px 10px 0;  text-align: left; }
img#design-image {float: left; width: 226px; padding: 3px 20px 40px 0;  text-align: left; }
img#fabric {padding-top: 10px;  text-align: left; }
#fit.extras img {float: left; width: 350px; margin: 0px 15px 0 0;}
/**view all**/
table#viewall {margin: 0 auto; padding: 0; color: white;}
table#viewall p {line-height: 1em;}
table#viewall p a {color: white;}
table#viewall p a:hover {color: #ff9900;}
table#viewall td {margin: 0; padding: 0 10px 15px 10px;}
table#viewall p.product img {width: 210px;}
table#viewall p.product a img {display: block; border: 1px solid white;}
table#viewall p.product a:hover img {border: 1px solid #ff9900;}
table#viewall p.colors a img {border: 1px solid white;}
table#viewall p.colors a:hover img {border: 1px solid #ff9900;}
table#viewall td.nextRow {padding-top: 15px; }

/**top-level-pages**/
div#top-level {font-size: 14px; color: white;  text-align: left; line-height: 1.5em;}
div#top-level h1, div#top-level h2 {margin: 0; padding: 0; font-size: 18px; line-height: 1em; text-align: left; color: #7f8ac0;}
div#top-level #middle {float: left; width: 100%;}
div#mission-text h1 {margin: 30px; padding: 0;}
div#top-level .mission-text {float: left; width: 530px;  margin: 30px 40px 30px 30px; }
div#top-level .mission-image {float: left; width: 360px;}

div#about-ella {float: left; width: 960px; }
div#about-ella .about-image {float: left; width: 350px; padding-top: 45px; }
div#ie-root div#about-ella .about-image {padding-top: 50px; }
div#about-ella .about-image img {border: 1px solid white; }
div#about-ella .about-text {float: left; width: 580px; padding-left: 30px; padding-bottom: 15px;}
div#about-pam {float: left; clear: both;  width: 960px;  padding: 15px 0 5px 0; text-align: left; border-top: 1px dotted white; font-size: 12px; line-height: 1.5em;}
div.about-pam-image {float: right; width: 210px; padding-top: 30px;} 
div#ie-root div.about-pam-image {padding-top: 75px;} 
.about-pam-text {float: left; width: 720px; padding-right: 30px; }
div#about-pam img {border: 1px solid white; float: right; }
div#top-level #returns {margin: 15px;}
div#top-level  #returns h2 {font-size: 16px; padding-top: 10px; color: #7f8ac0; }
div#top-level  #returns h2.first {padding-top: 0;}

/*press main page*/
.press h3 {color: #7f8ac0;}
.press .press-releases {clear:  both; width: 100%; padding-bottom: 24px; border-bottom: 1px dotted #ccc;}
.press .release-date {color: #f0f0f0; margin-right:  15px;}
.press .press-releases ul {list-style: square outside; padding: 0; margin: 0;  padding-left: 15px;}
.press a.title {text-decoration: underline;}
.press .press-releases .pdf a {font-size: .8em; margin-left: 15px; color: #f0f0f0;}
h3.video {margin-top:  24px;}
#video {clear: both; float:  left; width: 97.4%; background: #ccc; padding: 1.3%;  border: 1px solid #666; }
.main-video {float: left; margin-left: 10px; margin-top:  10px; width:  500px; color: black;}
.main-video a {color: black; font-weight: bold;}
.main-video a:hover {color: #7f8ac0;}

.vimeoBadge {float: right; width: 330px; margin: 0; padding: 0; font: normal 11px; }
.vimeoBadge p {font-weight:  bold; font-size: 14px; color:  black;}
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: black; font-weight: bold; cursor: pointer; }
.vimeoBadge a:hover {color: #7f8ac0;}
.vimeoBadge #vimeo_badge_logo {display:  none;}
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:100px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

/* ibox */

/* footer and close link */
#ibox_footer_wrapper { font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; }
#ibox_footer_wrapper a {
    text-decoration: underline;
    color: orange;
    text-transform: lowercase;
    font-weight: normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#ibox_footer_wrapper {
    font-size: 12px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* this is the ibox container */
#ibox_wrapper {
    border:1px solid orange;
}
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#999; }

/* inner container */
#ibox_content {
    background-color:#fff;
    border:1px solid #666;
}
#ibox_progress {
    width: 128px;
    height: 128px;
    background: url(images/indicator.gif) no-repeat;
}



#ibox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index:1000000;
    background: url(images/bg.png);
}