/* CSS Document Loop */

#ModesContainer {
	position: relative;
}

/* Loop Navigation */

.loop-nav {
	background: #8bc53e url(/images/loop/loop-nav-bg.jpg) repeat-x bottom left;
	width: 982px;
  }
  
.loop-nav-outer {
	background: transparent url(/images/loop/loop-nav-chairs.gif) no-repeat top right;
	width: 982px;
  }
  
.loop-nav h1 {
 	background: transparent url(/images/loop/loop-nav-topleft.jpg) no-repeat top left;
	padding-top: 85px;
	text-indent: -3000px;
   }
   
.loop-nav ul { 
 	float: left;
	margin-top: -30px;
	width: 527px;
	padding-left: 460px;
	background: transparent url(/images/loop/loop-nav-bottomleft.jpg) no-repeat bottom left;
 }
 
.loop-nav ul li { 
	float:left;
	padding-bottom: 12px;
}

.loop-nav ul li a { 
	display: block;
	text-decoration:none;
	width:102px;
	padding-right: 8px;
	text-align: center;
	color: #FFFFFF!important;
	font-size: 120%;
	background: transparent url(/images/loop/loop-nav-btn-top.gif) no-repeat top left;
}

.loop-nav ul li a span { 
	display: block;
	padding: 8px 10px 8px 10px;
	background: transparent url(/images/loop/loop-nav-btn-bottom.gif) no-repeat bottom left;
}

.loop-nav ul li a:hover, .loop-nav ul li a.nav-selected { 
	background: transparent url(/images/loop/loop-nav-btn-top-on.gif) no-repeat top left;
	text-decoration:none;
}

.loop-nav ul li a:hover span, .loop-nav ul li a.nav-selected span { 
	background: transparent url(/images/loop/loop-nav-btn-bottom-on.gif) no-repeat bottom left;
}


/* Loop Layout */

.container-left {
 	float: left;
	margin-top: -108px;
	text-align: center;
 }
 
 .container-right {
 	float: right;
	width: 548px;
 }

/* Loop Overview */


img.fits { 
	margin: 80px 0 0 0;   
}

 .container-right  .intro {
	float: left;
	width: 250px;
	margin: 65px 20px 0 0;
}

 .container-right  .intro h2 {
  margin: 0 10px 20px 12px;
  background: transparent url(/images/loop/loop-h2.gif) no-repeat top left;
  text-indent: -3000px;
  height: 25px;
  width: 250px;
 }
 
 .container-right .intro p { 
	line-height: 1.8em;
	margin-left: 12px;
 }
 
 .container-right  p.footernotes{
    margin-left: 50px;
 }
 
 .container-right .intro a, a.floatRight { 
	display: block;
	padding-right: 15px;
	color: #8fc03d;
	margin-left: 210px;
	text-transform: uppercase;
	background: transparent url(/images/loop/loop-arrow.gif) no-repeat 80% 48%;
 }
 
.container-right .intro a:hover, a:hover.floatRight { 
	text-decoration: none;
	color: #a5ea4a;
 }

 .container-right #flash-holder {
	float: right;
	margin-top: 45px;
	width: 240px;
}
 .container-right h2.mainHead { 
	float: left;
	font-size: 1.6em;
	margin-right: 300px;
	margin-bottom: 20px;
	margin-top: 0;
}
 
 .container-right .works-box {
	float: left;
	width: 160px;
	margin-right: 10px;
	_margin-right: 0;
	
}

.first {
	margin-left: 29px;
}

.container-right .works-box h2 { 
 	width: 150px;
	font-size: 1.3em;
	background: none; 
 }
 
 

.bottom-content { 
 	float: left;
	width: 982px;
	margin: 30px 0 30px 0;
	background: transparent url(/images/loop/loop-divider.gif) no-repeat top left;
 }
 
 .bottom-content p { 
 	float: left;
	font-size: 1.8em;
	margin-top: 30px;
	margin-left: 140px;
	*margin-left: 80px;
	margin-right: 85px;

 }
.bottom-content .left-content {
	float: left;
	width: 200px;
	margin-top: 30px;
}

.bottom-content .left-content h2 {
	font-size: 1.5em;
	margin-left: 30px;
	margin-bottom: 20px;
}
.bottom-content .right-content {
	float: right;
	width: 300px;
	margin-top: 30px;
	background: transparent url(/images/loop/loop-divider-vertical.gif) no-repeat center left;
	padding-left: 20px;
}

.bottom-content .right-content h2 {
	font-size: 1.5em;
	margin-left: 30px;
	margin-bottom: 20px;
}

.bottom-content .thumb{
    float:left;
    text-align:center;
    margin-bottom:15px;
}


/* Loop Features Page */
 
.floatRight {
 	float: right;
 }
 
.container-left .accessories {
 	width: 375px;
	text-align: left;
}

.container-left p {
	line-spacing: 1.8em;
 
}

.container-left p.wash {
 	background: transparent url(/images/loop/loop-wash.gif) no-repeat 45% 0%;
	padding-left: 20px;
	padding-top: 10px;
	height: 50px;
}

.container-left .accessories h2 {
  margin: 0 10px 20px 40px;
  background: transparent url(/images/loop/loop-h2-accessories.gif) no-repeat top left;
  text-indent: -3000px;
  height: 25px;
  width: 250px;
 }
 
 .container-left .accessories p,  .container-left .accessories ul {
	margin-left: 40px;
 }
 
 .features {
 	background: transparent url(/images/loop/loop-features-vdivider.gif) no-repeat center left;	
}

.features h2 {
  margin: 65px 10px 20px 25px;
  background: transparent url(/images/loop/loop-h2-features.gif) no-repeat top left;
  text-indent: -3000px;
  height: 25px;
  width: 250px;
 }
 
.features ol {
  margin-left: 22px;
  line-height: 1.5em;
  width: 480px;
}
 
.features ol li, .container-left ol li {
 	list-style: decimal;
	list-style-position: outside;
	padding-bottom: 8px;
    background-color:#fff;
    margin-left:30px; 
}

.container-left ol{
    margin-left:32px;
}


.features img {
 	margin-left: 20px;
}

img.price {
    float:right;
    margin:0 10px 0 0;
}

a.CaptionBox {
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
	display:block;
	height:1%;
	margin-bottom:12px;
	padding:2%;
	width:45%;
	font-weight: bold;
}   

p.stockists {
	width: 570px;
	line-height: 1.3em;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
} 

#StockistBox {
    float:left;
    margin:0 0 0 20px;
}

#NunaStockists {
    background-color:#fcfcfc;
}  

#NunaStockists ul {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
}

#NunaStockists ul.alt {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	background-color: #f9fadf;
}

#NunaStockists ul li {
	padding-top: 5px;
}


#NunaStockists ul li.divider {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}