#container { 
width: auto; 
height: 100%; 
margin: 0;
padding: 0;
}
.JSEnabled .JSshowInline { display:inline }
.JSEnabled .JShidden { display:none }

.JSEnabled #lightBoxOverlay { 
position: absolute; 
top: 0; 
left: 0; 
height: 0px; 
width: 100%; 
z-index: 9999; 
background: #fff; 
line-height: 0px; 
display: none;
}
.JSEnabled #lightBoxOverlayIE6Hack  { width: 100%; z-index: 999; position: absolute; top: 0px; left: 0px; }


/*----- generic form lightbox (vdf.tools.lightbox)-----*/
.JSEnabled #genericLightBox { display: block; width: 614px !important; /*height: 615px !important;*/ height: 550px !important; position: absolute; background-color: #fff; border: 1px solid #80B0BB; z-index: 999992;}
.JSEnabled #genericLightBox .mod3Col {margin-left: 5px;}
.JSEnabled .emailClose { display: block; }
.JSEnabled .loading { background: #fff url(../assets/images/static/styles/common/loading.gif) no-repeat 50% 50%; }
.JSEnabled .getStartedBox .results .loading { height:100px }

/*----- phone grid lightbox (vdf_Eshop_Views_Grid_Lightbox.class)-----*/
.JSEnabled #lightBoxOverlay { position: absolute; top: 0; left: 0; height: 0px; width: 100%; z-index: 999991; background: #fff; line-height: 0px; display: none;}
.JSEnabled #lightBoxOverlayIE6Hack  { width: 100%; z-index: 999; position: absolute; top: 0px; left: 0px; }

.JSEnabled .lightBoxContent { padding: 0 10px; }
.JSEnabled .lightBoxContent h3 { color: #008698; font-size: 1.6em; padding: 10px 0;}


/*----- phone list rollover (vdf_Eshop_Views_List_Rollover.class) -----*/
.JSEnabled #listView .module_morePhoneInfo {position: absolute; z-index: 9999; top: -20px; left: -1px; margin: 0;}
.JSEnabled #listView .JSModule_product_rollover { margin: 1px; border: 1px solid #fff; display: inline; }
.JSEnabled #listView .JSModule_product_rollover_on { border: 1px solid #ce8ec8; background: #f4e4f2; }
.JSEnabled #listView .JSModule_product_rollover_on .module_morePhoneInfo { display: block;  border: 1px solid #732978; }
.JSEnabled #listView.petrolStyle .JSModule_product_rollover_on { border: 1px solid #7fb0bb; background: #e3eeee; }
.JSEnabled #listView.petrolStyle .JSModule_product_rollover_on .module_morePhoneInfo { display: block;  border: 1px solid #7fb0bb; }

/*----- phone list panHandle (vdf_Eshop_Views_List_PanHandle.class)-----*/
.JSEnabled #listView #panHandle { z-index: 999998; background: #fff; border-bottom: 0px solid #fff; }
.JSEnabled .panHandleWrapper { background: url(../images/panHandle/handle_top.gif) no-repeat -5px 0; clear: both; width: 100%; position: absolute; }
.JSEnabled #listView div.panHandle {  float: right;  background:#fff url(../images/panHandle/handle_bottom.gif) no-repeat bottom center; margin: 4px -1px 0 0; padding-bottom: 12px; }
.JSEnabled #listView div.panHandleInner {border:1px solid #ce8ec8; border-top: 0px solid #fff; height: 700px; width: 376px; position: relative;}
.JSEnabled #panHandle div.panHandleInner .addinlPurchOpt { width: 376px; margin: 1px 0;}
.JSEnabled #listView div.panHandleInner .module_morePhoneInfo { margin: 0; overflow: auto; width: 100%; position: static; border: 0px solid #fff;}
.JSEnabled #listView div.panHandleInner .module_morePhoneInfo li { float: left; margin: 0; border: 0px; }
.JSEnabled #listView div.panHandleInner .module_morePhoneInfo li a { padding-right: 10px; }
.JSEnabled #listView div.panHandleInner .module_morePhoneInfo li.link_close {background-position:97% 50%;border-right:0px none;float:right; cursor: pointer;}
.JSEnabled #listView div.panHandleInner .module_morePhoneInfo li.link_close a {border-right:1px solid #FFFFFF; margin:0pt 20px 0pt 0pt; padding-right:10px;}
.JSEnabled #listView div.panHandleInner h3 { color: #732978; font-size: 1.6em; padding: 10px 0;}
.JSEnabled #listView div.panHandleInner .module_buyInfo { float: none; padding: 1.35em 0 2.05em 0;}
.JSEnabled #panHandle .module_deviceTitle { padding: 10px 0; }
.JSEnabled #panHandle .lightBoxContent { padding: 10px 10px 0 10px; }
/*recolours*/
.JSEnabled #listView.petrolStyle div.panHandleInner {border:1px solid #7fb0bb; border-top: 0px solid #fff;}
.JSEnabled #listView.petrolStyle div.panHandleInner h3 { color:#008698 }

/*----- help hover (vdf_Tools_HelpHover.class.js) -----*/
.JSEnabled .helpHover { position:absolute; width:219px; z-index:10000; color:#676767; background:none; border:none; padding:0; margin:0; }
.JSEnabled .helpHover *, .JSEnabled .helpHover { overflow:hidden }/* fix IE mouseleave */
.JSEnabled .helpHoverCloseButton { float:right }

/*below needs consolidating -  also it exists in IE6.css*/
.JSEnabled .helpHoverContent { padding:23px 23px 0 23px; background: url(../images/helphover/help_hover_main.png) top left no-repeat; }
.JSEnabled .helpHoverHeader, .JSEnabled .helpHoverFooter { height:19px; background: url(../images/helphover/help_hover_footer-left.png) bottom left no-repeat;}
.JSEnabled .helpHoverHeader { background-image:url(../images/helphover/help_hover_header.png); }

.JSEnabled .hoverPositionAboveCentered .helpHoverFooter { background-image:url(../images/helphover/help_hover_footer.png); }
.JSEnabled .hoverPositionBottomCentered .helpHoverHeader { background-image:url(../images/helphover/help_hover_header.png); }
.JSEnabled .hoverPositionRight .helpHoverContent,
.JSEnabled .hoverPositionLeft .helpHoverContent
	{ background-image:url(../images/helphover/help_hover_header-right.png); }
.JSEnabled .hoverPositionRight .helpHoverFooter,
.JSEnabled .hoverPositionLeft .helpHoverFooter
	{ background-image:url(../images/helphover/help_hover_main-bottom.png); }
	
/* Device carousel */
.JSEnabled div#devicesCarouselContainer { position:relative }
.JSEnabled div#devicesCarousel { overflow:hidden; }
.JSEnabled div#devicesCarousel ul a:focus { outline:none; }
.JSEnabled div#devicesCarousel .galleryLeft, 
.JSEnabled div#devicesCarousel .galleryRight { position:absolute; left:0; top:38%; z-index:100; }
.JSEnabled div#devicesCarousel .galleryRight { left:auto; right:0;  }
.JSEnabled div#devicesCarousel .galleryLeft:hover, 
.JSEnabled div#devicesCarousel .galleryRight:hover { cursor:pointer }
.JSEnabled div#devicesCarousel ul li { display:block; float:left; width:52px }
.JSEnabled div#devicesCarousel ul li.first { width:67px }
.JSEnabled div#devicesCarousel ul li img { height:60px; padding:0; }
		

.JSEnabled #deviceList h2 a.toggler_closed, .JSEnabled #planAccordion h2.head a.toggler_closed { background-image: url(../images/buttons/plus-deepPurpleOnDark.gif); }
.JSEnabled #deviceList h2.setting a.toggler_closed { background-image: url(../images/buttons/plus-deepPurple.gif); }

.JSEnabled #adminPlan .planCopy2col select {float:left; width: 160px;}