@charset "utf-8";
body {
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #B98F58;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:19px;
}
.oneColFixCtrHdr #container {
	width: 990px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #000000;
	/*background-image: url(../images/homebg.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 87px;
	
}

.oneColFixCtrHdr #productcontainer {
	width: 990px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 0px 80px;
	/*background-image: url(../images/productbg.jpg);	*/
}

.oneColFixCtrHdr #header {
	position:relative;
	height: 106px;
	z-index:15000;
	margin-top:-20px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary pas that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	position:relative;
	padding: 0 20px;
	min-height: 505px;

	
}


.oneColFixCtrHdr #footer {
	padding: 0 10px;
	text-align:center;
	height:53px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    
}




/*Home page divs*/
#logo
{
	position:relative;
	top:40px;
	visibility: visible;
	z-index:20000;
	width:300px;
}

#homesocialbox
{
	/*width:272px;*/
	height:52px;
	position:relative;
	/*margin-left:717px;*/
	bottom:8px;
	background-image: url(../images/scrapbooklogo.png);
	background-repeat: no-repeat;
	background-position: right center;
	visibility: visible;
	z-index:15000;
	color:#B98F58;
	
}






#headermenubar
{
	position:relative;
	/*top:100px;*/
	width:990px;
	height:18px;
	/* background-image: url(../images/goldtopbar.png);*/ /*topmenubackground.png*/
	/*background-image: url(../images/topmenubackground.png);
	background-repeat:repeat;*/
	background-color:#d6a868;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}



#homemenu
{
	position:absolute;
	left:0px;
	top:234px;
	width:175px;
	padding-left:60px;
	height:132px;  /*height is 167*/
	padding-top:35px;
	border-bottom:2px solid #D6A868;
	border-right:2px solid #D6A868;
	border-top:2px solid #D6A868;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: .50;
	opacity: 0.50;
	color:#FFFFFF;
	visibility: visible;

	
}

#homemenua
{
	position:absolute;
	left:0px;
	top:234px;
	width:175px;
	padding-left:60px;
	height:132px;  /*height is 167*/
	padding-top:35px;
	/*border-bottom:2px solid #D6A868;
	border-right:2px solid #D6A868;
	border-top:2px solid #D6A868;*/
	color:#FFFFFF;
	visibility: visible;

	
}


#homemenub
{
	width:175px;
	padding-left:60px;
	height:132px;  /*height is 167*/
	padding-top:35px;
	border-bottom:1px solid #D6A868;
	border-right:1px solid #D6A868;
	border-top:1px solid #D6A868;
	
	
	background-image: url(../images/transparentbg.png);

	
}



#HomeRotator
{
	/*position:absolute;
	top:45px;
	left:350px;*/
	width:609px;
	height:83px;
	background-image: url(../images/HomeSlider.png);
	background-repeat:no-repeat;

}




.handle
{
	background-color:Red;
}

#searchbox
{
	position:absolute;
	right:6px;
	top:20px;
	width:209px;
	height:13px;
	/*border:2px solid #D6A868;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: .50;
	opacity: 0.50;*/
	padding:8px;
	visibility: visible;
}

#searchboxa
{
	position:absolute;
	right:10px;
	/*top:20px;*/
	top:10px;
	width:214px;
	height:27px;
	
	visibility: visible;
	z-index:1000;
	border:1px solid #C5A06D;
	padding:1px;
	

}

#searchboxa input
{
	/*height:13px;*/
}

#searchtxtbox
{
	position:absolute;
	left:4px;
	top:4px;
	background-image: url(../images/searchbox.png);
	background-repeat:no-repeat;
	border-width:0px;
	padding:2px 5px 2px 5px;
	
}

#searchboxa #submit
{
	background-color:#B98F58;
	border:none;
	color:#000;
	font-weight: bold;
	text-transform: uppercase;
}

#searchButtondiv
{
	position:absolute;
	top:4px;
	right:5px;
	border:0px;
	padding:0px;
	margin:0px;
}

#searchButtondiv input
{
	width:53px !important;
	height:19px !important;
	
}

#testsearch
{
	width:125px; 
	background: transparent none repeat scroll 0% 0%; 
	color:#FFF; 
	border:none;
}



#about
{
	position:absolute;
	/*width:220px;*/
	width:195px;
	padding-left:25px;
	height:59px;
	bottom:0px;
	right:15px;
	visibility: visible;
	background-image: url(../images/AboutThisFloorBg.png);
}

#aboutslide
{
  /*position:relative; */
	width:209px;
	height:91px;
	top:380px;
	left:749px;
	visibility: visible;
	background-image: url(../images/aboutFloorsBg.png);
	background-repeat:repeat;
	
}

/*
#homeabouta
{
	position:relative;
	right:10px;
	bottom:0px;
	background-color:red;
	width:209px;
	height:59px;
}*/

/*Navigation*/
a
{
	color:#B98F58;
/*	color:#486216;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}




/*Fonts Section*/

/*Footer Section*/

#mainUtilityNav
{
	color:#B98F58;
		padding-top:6px;
	height:15px;
}

#mainUtilityNav a
{
	color:#B98F58;
	/*color:#486216;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
	text-decoration: none;

}
.secondUtilityNav
{
	color:#5F5F5C;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	letter-spacing:1px;
}
.secondUtilityNav a
{
		color:#5F5F5C;
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;*/
	font-size:10px;
	
	text-decoration: none;
}


/*Products items*/

#productHeader
{
	height:44px;
	text-align:right;
	width:906px;
}

#productHeader h1, #productTitle h1
{
	margin:0;
	font-size:14px;
	color:#B38E56;
	/*color:#486216;*/
	font-family:Arial;
	font-weight:bold;
	letter-spacing:4px;
	text-transform:uppercase;
}
#productNav
{
	float:left;
	width:240px;
	height:440px;
	border-bottom:1px solid #D6A868;
	border-top:1px solid #D6A868;
	border-right:1px solid #D6A868;
	
}

#productsMenu
{
	background-image: url(../images/productsmenubg.png);
	/*margin-left:-25px;*/
	width:264px;
	height:438px;
	float:left;
	font-family:Arial;
	border-right:1px solid #D6A868;
	border-top:1px solid #D6A868;
}




.oneColFixCtrHdr #productContent {
	position:relative;
	/*padding: 25px;*/
	
	padding-bottom:0px;
	min-height:483px;
	background-image: url(../images/generalBgRepeat.jpg);
	border-bottom:1px solid #D6A868;

}


#productdetails
{
	float:left;
	width:384px;
	height:440px;
	
}

#productTitle
{
	position:absolute;
	top:16px;
	left:0px;
	width:908px;
	text-align:center;
}
.producttableborder
{
	width:1px;
	border-right:1px solid #000000;
}

.floatright
{
	float:right;
}


    #bgimage
    {
        position: absolute;
        z-index: 10;
       /* top:0px;*/
    }

#productMainImage
{
	
	float:left;
	width:340px;
	height:440px;
}

#productdetail
{
	width:723px;
	height:327px;
	float:left;
	color:#000000;
	/*font-weight:bold;*/
}

#productdetail img
{
	position:relative;
	top:-110px;
}



.producttitle
{
	font-family:Arial,Helvetica,sans-serif;
	
	font-weight:bold;
}
.productinfo
{
	font-family:Arial,Helvetica,sans-serif;
	
	font-weight:bold;
}

.productsubcolletion
{
	color:#486218;
	font-style:italic;
		font-family:Arial,Helvetica,sans-serif;
	
	font-weight:bold;
}





    .down
    {
    	margin-left:80px;
    	padding:6px;
        width: 15px;
        height: 9px;
        background-image: url(../images/down.png);
        border: 0px;
        background-color: transparent;
        cursor: hand;
        background-repeat:no-repeat;
    }

    .up
    {
    	    	margin-left:80px;
    	padding:6px;
        width: 15px;
        height: 8px;
        background-image: url(../images/up.png);
        border: 0px;
        background-color: transparent;
        cursor: hand;
         background-repeat:no-repeat;
    }







/* Design Temp*/
#headermenubar a
{
	/*color:#000000 !important;*/
}


/*  Home page Lightbox pop up */
.grayBox{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.box_content {
    position: fixed;
    width:853px;
	height:535px;
    top:115px;
    text-align: center;
    margin: 0 auto;
    margin-left: 70px;
 
  /*  margin-left: 10%;
//    margin-right: 10%; */

    z-index:1002;
    overflow:hidden;
}


#LightBox1
{
	background-color:#000000;

	color:#ffffff;
}



#floatbox
{
	 z-index:10; 
	 position:absolute; 
	 left:50px; 
	 top:50px; 
	 background-color:#486216; 
	 /*background-color:#ffffff;*/ 
	 width:890px; 
	 height:435px;
	 -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    /* Padding for content inside of box */
    
}
#floatboxcontent
{
	/*width:830px;*/
	width:854px;
	/*height:370px;*/
	height:398px;
	z-index:1000;
	position:absolute;
	/*left:70px;*/
	 left:59px;
	/*top:75px;*/
	 top:59px;
	background-color:#000000;
	/*color:#B98F58;*/
	color:#ffffff;
	padding:10px;

}

#widecontent
{
		/*width:830px;*/
	width:850px;
	/*height:370px;*/
	
	z-index:1000;
	position:relative;
	left:59px;
	top:59px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_wide.jpg);
	background-repeat: repeat-y;
	max-height:405px;
	overflow:hidden;

}


#widecontentTall
{
		/*width:830px;*/
	width:850px;
	/*height:370px;*/
	
	z-index:1000;
	position:relative;
	left:18px;
	top:10px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_wide.jpg);
	background-repeat: repeat-y;
	

}

#mediumcontent
{
		/*width:830px;*/
	width:640px;
	/*height:370px;*/
	
	z-index:1000;
	position:relative;
	left:59px;
	top:59px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_medium.jpg);
	background-repeat: repeat-y;
	max-height:405px;
	overflow:hidden;

}

#Narrowcontent
{
		/*width:830px;*/
	width:475px;
	/*height:370px;*/
	
	z-index:1000;
	position:relative;
	left:59px;
	top:59px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_narrow.jpg);
	background-repeat: repeat-y;
	max-height:405px;
	overflow:hidden;

}

#narrowContentTall
{
		/*width:830px;*/
	width:495px;
	/*height:370px;*/
	
	z-index:1000;
	position:relative;
	left:18px;
	top:10px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_narrow.jpg);
	background-repeat: repeat-y;
	

}


#MediumcontentTall
{

	width:640px;
	z-index:1000;
	position:relative;
	left:18px;
	top:10px;
	
	/*color:#B98F58;*/
	color:#000000;
	padding:10px;
	background-image: url(../images/home_slice_medium.jpg);
	background-repeat: repeat-y;
	

}


#wideleftcontent
{
	
	float:left;
	width:640px;
}

#widerightcontent
{
	float:right;
	
	width:165px;
	border:1px solid #c2c2c2;
	background-color:#FFF;
	padding:0px 15px 15px 15px;
}



#siderighttcontent
{
	
	float:right;
	width:640px;
}

#sideleftbar
{
	float:left;
	
	width:165px;
	border:1px solid #c2c2c2;
	background-color:#FFF;
	padding:0px 15px 15px 15px;
}


#outerbox
{
	 z-index:1000; 
	 /*position:absolute; 
	 left:50px; 
	 top:50px;*/ 
	 /*background-color:#486216; 
	 /*background-color:#ffffff;*/ 
	 width:850px; 
	 min-height:435px;
	/* -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);*/
    /* Padding for content inside of box */
   /* padding:25px;*/
   padding:8px; /*was 8px with trnasparent*/
   background-image: url(../images/transgreen.png);
   background-repeat:repeat;
  
    
}
#innerboxcontent
{
	width:830px;
	min-height:470px;
	background-color:#000000;
	/*color:#B98F58;*/
	color:#ffffff;
	
	padding:10px;

	
}
#innerboxcontenttall
{
	width:830px;
	min-height:470px;
	background-color:#000000;
	/*color:#B98F58;*/
	color:#ffffff;
	
	padding:10px;
	 -moz-opacity: 1.8;
    opacity:1.80;
    filter: alpha(opacity=180);

	
}

#mainContent a {
	color: #486216;
}



/* Override Rad controls styles */
/* Hide items */
.rdpSliderLabel
{
	display:none !important;
}

.cmdButtons
{
	border:0px;
	background-color:Transparent;
	color:#B98F58 !important;
	font-size:12px;
	padding:0px;
	
}

.scroll-pane
{
	 -moz-opacity: 1.8;
    opacity:1.80;
    filter: alpha(opacity=180);
}

.sf_newsTitle {
	font-size:16px;
	color:#486216;
}

#homemenub a {
	color:#B98F58;
}


/*h1
{
	font-size:14px;
	color:#486216;
	font-weight:bold;
	letter-spacing:7px;
	text-transform:uppercase;
}
*/

/*  Rad control overridges */
.sf_listTitle
{
	display:none !important;
}

#memberspopup input
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	margin:0px;
	width:143px !important;
}

#threeDsample
{
	position:absolute;
	bottom:0px;
	right:273px;
	width:67px;
	height:37px;
}

h2.sf_newsTitle
{
	font-weight:bold !important;
}

#promoheader
{
	position:absolute;
	left:267px;
	top:3px;
}
#greenheader
{
	position:absolute;
	left:454px;
	top:6px;
}