/*-----------------------------------------------------------------------------
	sIFR
-----------------------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1, .sIFR-hasFlash h3, .sIFR-hasFlash h5 {
	visibility: hidden;
	margin-bottom: 2px;
}

#slider ul, #slider li{
	width:220px;
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul {
	margin-top: 40px;
	float: left;
}
#slider li{ 
	overflow:hidden; 
}

#sliderProducts ul, #sliderProducts li{ 
	width:680px;
	height:310px;
	overflow:hidden; 
}

#sliderProducts li {
	height:300px;
}

#latestNews span#prevBtn, #latestNews span#nextBtn {
	font-size:0.75em;
	width:28px;
	height:28px;
	display:block;
    overflow:hidden;
    text-indent:-8000px;
	float:left;
	margin:0 35px 25px;
}

#latestNews span#prevBtn a {
	background:url(ui/previous.png) no-repeat top;
	width:28px;
	height:28px;
	display:block;
}

#latestNews span#nextBtn a {
	background:url(ui/next.png) no-repeat top;
	width:28px;
	height:28px;
	display:block;
}

#controls2 span#prevBtn2, #controls2 span#nextBtn2 {
	width:50px;
	display:block;
    overflow:hidden;
	float:left;
	margin:0 10px;
}
#controls2 {
	width:150px;
	text-align:center;
	margin-left:300px;
}

#controls2 span#prevBtn2 a {
	background:url(ui/prevWht.jpg) no-repeat top;
	width:50px;
	height:50px;
	display:block;
	padding-top:28px;
}

#controls2 span#nextBtn2 a {
	background:url(ui/nextWht.jpg) no-repeat top;
	width:50px;
	height:50px;
	display:block;
	padding-top:28px;
}

/*-----------------------------------------------------------------------------
Primary Rockdoor Style Sheet

website:   http://www.rockdoor.com

-------------------------------------------------------------------------------
	Structure
-----------------------------------------------------------------------------*/

html, body {
	background:#5a0f7e;
/*	background:url(ui/background.jpg) repeat-y center #5a0f7e;*/	
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size:16px;
}

#container, .g960 {
	width:960px;
	margin:0 auto;
}

.clear {
	clear:both;
}

#topNav {
	background: url(ui/header.png) no-repeat;
	height:106px
}

#introBlock {
	clear:both;
	padding-top:1px;
	background:url(ui/navBase.jpg) no-repeat center top;
	height:266px;
}

#keyFeatures {
	float:left;
	width:240px;
	font-size:0.813em;
}

#flashHolder {
	float:right;
	width:720px;
	margin-bottom: -3px;
}

#content {
	width: 720px;
	float: left;
}

#latestNews { 
	width:220px;
	padding:10px;
}

#contentBody { 
	float:left;
	width:460px;
	min-height:679px;
	padding:10px;
	background:#FFF;
}

#contentBodyLarge, #contentBodyLargeGS {
	float:left;
	width:700px;
	padding:10px;
	background:#FFF;
	min-height: 600px;
}
	.display360 #contentBodyLarge {
		width:719px;
		padding:0;
	}

.fittingStep {
	width:335px;
	padding-right:15px;
	min-height:300px;
	float:left;
}

.galleryItem {
	float:left;
	padding:10px;
	width:212px;
	margin-bottom:5px;
}

.gallery {
	height:180px;
}

#sliderProducts div {
	width:92px;
	margin:0 9px 0 2px;
	float:left;
}
	.display360 #sliderProducts {
		margin-left:15px;
	}

.galleryItem:hover {
	background:#d9d9d9;
}

#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}

#extraCol { 
	width:239px;
	border-left:1px solid #CBB3D5;
	float:right;
	background:#FFF;
	min-height:699px;
}

#footer {
	background:#5a0f7e;
	border-top:1px solid #793699;
	padding:22px 0;
}

/*-----------------------------------------------------------------------------
	Navigation/Menus
-----------------------------------------------------------------------------*/

#topNav ul {
	float: left;
	margin-left: 240px;
	font-size:0.75em;
	margin-top: 8px;
}

#topNav li {
	float:left;
	margin-left:20px;
	line-height:45px;
	font-weight:bold;
}

#topNav a {
	color:#4b004d;
	text-decoration:none;
}

#topNav a:hover {
	text-decoration:underline;
}

#mainNav {
	float:right;
	height:74px;
	width:755px;
/*	background:url(ui/navBkg.png) no-repeat top right;
*/	margin-top: -20px;
}
#mainNav ul {
	float:left;
	margin-left:25px;
}

#mainNav li {
	float: left;
	line-height: 74px;
	list-style: none;
	text-indent:-10000px;
}

#mainNav li a {
	display: block;
	line-height: 74px;
	text-indent: -900em;
}

#mainNav #nGallery a {
	background:url(ui/nGallery.png) no-repeat top;
	height:74px;
	width:102px;
}

#mainNav #nGallery a:hover {
	background:url(ui/nGallery.png) no-repeat bottom;
	height:74px;
	width:102px;
}

#mainNav #nGuide a {
	background:url(ui/nGuide.png) no-repeat top;
	height:74px;
	width:167px;
}

#mainNav #nGuide a:hover {
	background:url(ui/nGuide.png) no-repeat bottom;
	height:74px;
	width:167px;
}

#mainNav #nDoor a {
	background:url(ui/nDoor.png) no-repeat top;
	height:74px;
	width:144px;
}

#mainNav #nDoor a:hover {
	background:url(ui/nDoor.png) no-repeat bottom;
	height:74px;
	width:144px;
}

#mainNav #nServices a {
	background:url(ui/nService.png) no-repeat top;
	height:74px;
	width:161px;
}

#mainNav #nServices a:hover {
	background:url(ui/nService.png) no-repeat bottom;
	height:74px;
	width:161px;
}

#mainNav #nFaq a {
	background:url(ui/nFaq.png) no-repeat top;
	height:74px;
	width:81px;
}

#mainNav #nFaq a:hover {
	background:url(ui/nFaq.png) no-repeat bottom;
	height:74px;
	width:81px;
}

#mainNav #n360Viewer a {
	background:url(ui/n360Viewer.png) no-repeat top;
	height:74px;
	width:134px;
}

#mainNav #n360Viewer a:hover {
	background:url(ui/n360Viewer.png) no-repeat bottom;
	height:74px;
	width:134px;
}

#keyFeatures ul {
	width:240px;
}

#keyFeatures li {
	height:42px;
	line-height:44px;
	text-align:right;
	padding-right:10px;
	background:url(ui/keyFeats-bot.jpg) no-repeat bottom right;
}

#keyFeatures li a {
	display:block;
	color:#D8A4EF;
	text-decoration:none;
	padding-right:16px;
}

#keyFeatures .submenu {
	background:url(ui/keyFeats-bul.jpg) no-repeat right;
}

#keyFeatures li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#keyFeatures ul li {
	position: relative;
}

#keyFeatures li ul {
	position: absolute;
	left: 239px;
	top: 0;
	display: none;
	text-align:left;
	z-index: 99999;
}

/* Fix IE. Hide from IE Mac \*/
* html #keyFeatures ul li { float: left; }
* html #keyFeatures ul li a { height: 1%; }
/* End */

#keyFeatures li:hover ul {
	display: block;
	background:#8c3ab3;
	width:195px;
}


/*-----------------------------------------------------------------------------
	Headers: Image Replacement
-----------------------------------------------------------------------------*/

#logo {
	width:170px;
	height:151px;
	margin-left: 81px;
	background:url(ui/logo.png) no-repeat;
	text-indent:-10000px;
	position:absolute;
	top:4px;
}

#logo a {
	width:170px;
	height:151px;
	display:block;
}

/*-----------------------------------------------------------------------------
	Headers
-----------------------------------------------------------------------------*/

#contentBody h1, #contentBodyLarge h1, #extraCol h4 {
	font-size:24px;
	line-height:28px;
	margin-bottom:10px;
}

#contentBody h2, #contentBodyLarge h2 {
	font-size:21px;
	line-height:22px;
}

#latestNews h3 {
	height:28px;
	font-size:24px;
	line-height:28px;
	margin-bottom:10px;
}

#latestNews h4 {
	font-size:0.938em;
	color:#FFF;
}

#productThumbs h5, #sliderProducts h5, .galleryItem h5 {
	line-height:24px;
	height:24px;
}	

#productThumbs h5 {
	margin-top:12px;
}

/*-----------------------------------------------------------------------------
	Typography
-----------------------------------------------------------------------------*/
#contentBody, #contentBodyLarge {
	color:#7c4199;
}

#contentBody p, #contentBodyLarge p {
	font-size:0.813em;
	line-height:1.45em;
	margin-bottom:20px;
}

#contentBody p a, #contentBodyLarge p a {
	color:#5A0F7E;
}

#contentBody p a:hover, #contentBodyLarge p a:hover {
	color:#C97CCA;
}

#contentBodyLarge ol {
	font-size:0.813em;
	margin:16px;
	list-style: decimal;
	margin-left: 20px;
}

#contentBodyLarge ul {
	font-size:0.813em;
	margin:16px;
	list-style: circle;
	margin-left: 20px;
}

#contentBodyLarge ol li, #contentBodyLarge ul li {
	margin:10px 0;
	line-height:1.25em;
}

.galleryItem p a {
	text-decoration:none;
	color:#FFF!important;
	font-size:0.813em;
	padding:4px;
	background:#5A0F7E;
}

.galleryItem p {
	margin-bottom:12px!important;
}

#productThumbs div {
	width:147px;
	padding:10px;
	float:left;
}

#productThumbs img, #sliderProducts img {
	padding:1px;
	border:1px solid #5A0F7E;
	margin:0 10px 10px 0;
}

#productThumbsother div {
	padding:10px;
	float:left;
}

#productThumbsother h5 {
	margin-top: 10px;
	height: 20px;
}

#productThumbsother img {
	padding:1px;
	border:1px solid #5A0F7E;
	margin:0 10px 10px 0;
}

#latestNews p {
	color:#decae7;
	font-size:0.75em;
	line-height:1.45em;
}

#latestNews .newsDate, #latestNews .readMore {
	color:#c97cca;
	font-size:0.75em;
	margin-bottom:8px;
}

#latestNews .readMore {
	margin-top:10px;
}

#latestNews a {
	color:#c97cca;
	text-decoration:none;
}

#latestNews a:hover {
	color:#c97cca;
	text-decoration:underline;
}
#latestNews img {
	margin-top:25px;
}

#footerCol1 {
	float:right;
	width:670px;
}

#footerCol2 {
	float:right;
	width:29%;
}

#footerCol2 a {
	float:right;
	padding:12px;
	font-size:0.75em;
}

#footer ul {
	padding-top:12px;
	font-size:0.75em;
}

#footer li {
	float:left;
	margin-left:20px;
	line-height:16px;
}

#footer li a, #footerCol2 a {
	color:#FFF;
	text-decoration:none;
}

#footer li a:hover, #footerCol2 a:hover {
	color:#FFF;
	text-decoration:none;
}

/*Lightbox */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(ui/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(ui/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(ui/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(ui/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.image1, .image2, .image3, .image4 {
	padding: 1px;
	border: 1px solid #9666ad;
	float: right;
	margin: 0 5px 0 10px;
}

.image2 {
	margin-top: 20px;
}

.image2, .image3, .image4 {
	clear: right;
	margin-bottom: 20px;
}

#contactform label{
	padding: 15px;
}

#contactform td{
	padding-bottom: 3px;
}

#contact .required, #contact p, .form_confirmation{
	color: #ff0000;
	margin: 0px;
	padding: 3px 0 3px 0;
	font-weight: bold;
	font-size: 11px;
}

#contact select, #contact option{
	font: 12px Arial, Helvetica, sans-serif;
}

#contact label{
	display: block;
	padding: 5px 0 5px 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #400c59;
}

#contact input {
	width: 150px;
}

.brochure-image{
	float: left;
}

.brochure-dropdown{
	float: left;
	margin-left: 10px;
}

.dropdown{
	margin: 40px 0 0 110px;
}

.brochure-dropdown .row {
	width: 60px;
}

.clear {
	clear: both;
}

fieldset{
	padding: 0 0px 0px 0px;
/*	border: 1px solid #e0e0e0;
	margin: 0 0 16px 0;	
*/	clear: right;
	width: 210px;
	float: left;
	margin-right: 10px;
	height: 380px;
	/*border-bottom: 1px solid #ccc;*/
}

.fieldfix {
	width: 230px;
}

fieldset legend{
	color:#7C4199;
	font-weight:bold;
	font-size: 24px;
	padding:8px 0;
	margin-left: 0px;
}

#field1, #field2, .fieldfix {
	/*border-bottom: 1px solid #000;*/
}

.contentfix {
	min-height: 700px !important;
}

#mFormSubmit {
	position: relative;
	top: 10px;
	cursor:pointer;
}
.genimage {
	padding: 1px;
	border: 1px solid #9666ad;	
}
.genimage1 {
	padding: 1px;
	float: right;
	margin: 0 5px 0 10px;
}
.pad {
	margin-bottom: 20px;
}
.breadcrumb {
	margin-bottom: 10px !important;
	font-size: 11px !important;
}

/*360 Product Viewer **************************************/

.display360 #sliderProducts div {
	width:64px!important;
}
.display360 #sliderProducts img {
	width:54px!important;
}

.display360 #sliderProducts ul, .display360 #sliderProducts li{ 
	width:680px;
	height:180px;
	overflow:hidden; 
}

.display360 .inactive {
	background:url(ui/comingSoon.png) no-repeat 6px 11px;
	
}
	.display360 .inactive img {
		opacity:0.35;
		filter:alpha(opacity=35);
	
	}
.display360 #holder {
	height:500px;
	padding-left:260px;
}
	.display360 #baseholder {
		height:255px;
	}


/*Guarantee System **************************************/

/*#guaranteeBox {
	background:#009ECF;
	height:600px;
	width:700px;
}

#guaranteeBox h4 {
	font-size:14px;
	margin:15px 0 25px 0;
}

#guaranteeBox p{
	color:#FFF;
}
#nextBtn1, #nextBtn2, #nextBtn3, #nextBtn4, #nextBtn5 {
	float:right;
	background:url(../../guarantee/ui/next.jpg) no-repeat;
	width:60px;
	height:20px;
	border:none!important;
	text-indent:-10000em;
	cursor:pointer;
	clear: both;
}
#backBtn1, #backBtn2, #backBtn3, #backBtn4, #backBtn5 {
	float:right;
	background:url(../../guarantee/ui/back.jpg) no-repeat;
	width:60px;
	height:20px;
	border:none!important;
	text-indent:-10000em;
	cursor:pointer;
}

#topLeft {
	width:360px;
	height:520px;
	padding:10px;
	float:left;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
}

#topLeft h2 {
	font-size: 20px;
	color: #fff;
}

.step-title {
	background: #fff;
	color: #009ecf !important;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#topRight {
	width:296px;
	height:520px;
	padding:10px;
	float:right;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	font-size:11px;
	background: url(../../guarantee/ui/right-bg.jpg) no-repeat top right;
}

#topRight p {
	font-size: 12px;
}

#bottomLeft {
	width:360px;
	height:40px;
	padding:10px;
	float:left;
	clear:both;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}

#bottomRight {
	width:296px;
	height:40px;
	padding:10px;
	float:right;
	border-top:2px solid #FFF;
	border-left:2px solid #FFF;
}

#topLeft input {
	border:2px solid #59C5F4;
}

#topLeft form {
	margin-top:10px;
}

#topLeft form p {
	display:inline;
	width:49%;
	float:left;
	line-height:20px;
	font-weight:normal!important;
}

#bottomLeft ul {
	margin-top:10px;
	padding: 0;
}

#bottomLeft li {
	display:inline;
	padding-right:9px;
	font-size: 11px;
	font-weight: bold;
	color: #0FC;
}

.step-highlight {
	background: #1fb25a;
	padding-top: 4px;
	padding-bottom: 4px;
}

#guaranteeBox a {
	color:#FFF;
}

#bottomRight p {
	text-align:center;
	padding-top:10px;
}

#guaranteeBox h4{
	color:#FFF;
}
.error {
	color:#FF0;
	font-size: 11px;
	line-height: 12px;
}
.error p {
	width: auto !important;
	color:#FF0 !important;
	padding-top: 5px;
}
#guaranteeBox label {
	width:100px;
	display:block;
	float:left;
	color:#fff;
	font-weight:normal!important;
}
#guaranteeBox .row {
	display:block;
	margin-bottom:10px;
}*/


#left {
	float: left;
	width: 240px;
}

.menu-border {
	background:url(ui/navBase.jpg) no-repeat center top;
	height: 1px;
}
#vault-door {
	float: right;
	padding: 10px;
}
.vfloat {
	float: left;
}
.vlist {
	width: 260px;
}
.vimage {
	width: 200px;
	padding-top: 10px;
}
#vault-left {
	position: relative;
	left: 35px;
}

#latestNews h3 {
	color: #7c4199;
}

#sliderProducts h5 {
	font-size: 16px;
}


.making-images {
	margin: auto;
	padding-bottom: 20px;
}
.float-left {
	float: left;
}
.padding-right {
	padding-right: 10px;
}
.right-image {
	float: right;
	width: 444px;
}
h2.clear {
	padding-top: 10px;	
}
.brochure-link{
	width: 530px;
	margin: auto;
	text-align: center;
}