/* -------------------------------------------------------------- 
   
   Design.css
   * Version:   1 (9/2007)
   * Website:   http://www.sourceonedigital.com
  
   Based on work by:
   * MindscapeSolutions.com
  
-------------------------------------------------------------- */


/*   Common Design Elements (Homepage & Interior)
-------------------------------------------------------------- */

Body { 
	margin: 0; 
	text-align: center; 
	font: 11px Trebuchet,Arial, Helvetica, sans-serif; 
	color: #666; background-image: url('Images/bg.jpg'); 
	background-repeat: repeat-x; 
}

#Wrapper { 
	background-image: url('Images/home/home_wrapper_bg.jpg'); 
	width: 980px; 
	margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 0px;
}

.hide {
	display:none
}


/*   Header Styles (Homepage & Interior)
-------------------------------------------------------------- */

#Header {
	width: 980px;
	height: 145px;
	margin-top: 0px;
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
}
	
#Header h1 span {
	display:none
}

#header table 
{
    width: 100%; 
    height:100px;
    
}
#header td 
{
	padding: 0 5px;
	font: 19px "Trebuchet", Arial, Verdana, sans-serif;
	color: #b0b0b0;
	font-size: 11px;
}


/*   Header Images
-------------------------------------------------------------- */

.Logo a {
	background: url(/Images/Header/Header_Logo.gif) no-repeat top left; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 328px; 
	height: 115px; 
	float: right;
}
.EightHundredNumber {
	background: url(/Images/Header/Header_800-898-3022.gif) no-repeat top left; 
	margin-top: 0px; 
	vertical-align: top;
	width: 652px; 
	height: 80px; 
	float: right;
}
.TopNavBG {
	background: url(/Images/Header/Header_TopNav_Bg.gif) no-repeat top left; 
	margin-top: 0px; 
	vertical-align: top;
	width: 652px; 
	height: 35px; 
	float: right;
}
.FooterLogos {
	background: url(/Images/Footer/Footer_Logos.gif) no-repeat top left; 
	margin-top: 10px; 
	margin-bottom: 0px; 
	width: 980px; 
	height: 41px; 
}


/*   Homepage Feature & Footer Styles
-------------------------------------------------------------- */

#HomepageFeatures {
	margin-top: 0px; 
	margin-bottom: 0px; 
}

#HomepageFeatures h2 { 
	margin-top: 0px; 
	margin-bottom: 0px; 
}
	
#HomepageFeatures h2 span {
	display:none
}

.Rollover-Capabilities a {
display:block;
width: 242px;
height: 140px;
padding: 0px 0px 0px 0px;
background: url("/images/home/home-capabilities-rollover.jpg") 0 0 no-repeat;
text-decoration: none;
}
.Rollover-Capabilities a:hover { 
background-position: 0 -140px;
}

.Rollover-Products a {
display:block;
width: 243px;
height: 140px;
padding: 0px 0px 0px 0px;
background: url("/images/home/home-products-rollover.jpg") 0 0 no-repeat;
text-decoration: none;
}
.Rollover-Products a:hover { 
background-position: 0 -140px;
}

.Rollover-Wholesale a {
display:block;
width: 243px;
height: 140px;
padding: 0px 0px 0px 0px;
background: url("/images/home/home-wholesale-rollover.jpg") 0 0 no-repeat;
text-decoration: none;
}
.Rollover-Wholesale a:hover { 
background-position: 0 -140px;
}

.Rollover-Proofing a {
display:block;
width: 252px;
height: 140px;
padding: 0px 0px 0px 0px;
background: url("/images/home/home-proofing-rollover.jpg") 0 0 no-repeat;
text-decoration: none;
}
.Rollover-Proofing a:hover { 
background-position: 0 -140px;
}



/*   Homepage - Feature Ads
-------------------------------------------------------------- */

.Ad1 a{
	background: url(/Images/Home/Ads/ad_BioFlex.gif) no-repeat top left; 
	margin-top: 0px; 
	margin-bottom: 11px; 
	width: 222px; 
	height: 139px; 
	float: right;
}

.Ad2 a{
	background: url(/Images/Home/Ads/ad_Same_Day_Shipping.gif) no-repeat top left; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 222px; 
	height: 137px; 
	float: right;
}


/*   Interior Design - Common Elements 
-------------------------------------------------------------- */

#NeededSpacing {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 10px 0px 0px 0px;
}
#BackgroundInsetOne {
	background-color: #000;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

#BackgroundInsetTwo {
	background-image: url('Images/interior/copy_fade_bg.jpg');
    width: 920px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

#BackgroundInsetThree {
	background-color: #FFF;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

#ContentArea {
    width: 870px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

.BorderBGray {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #E5E5E5;
}

/*   Interior Design - Page Title Area
-------------------------------------------------------------- */
#content-wrapper {
	margin: 15px;
	border: solid 10px #000;
	background-image: url(Images/interior/copy_fade_bg.jpg);
	padding: 10px;
}
#content {
	background-color: #fff;
	padding: 0 20px 20px 20px;
}
#content-header {
	height: 112px;
	background-image: url(Images/interior/interior_pagetitle_bg.gif);
	padding-right: 10px;
	margin: 5px 0 0 0;
}
.header-button {
	float: right;
}
	
.clear {
	clear: both; /* this is needed to make sure the wrapper goes all the way to the bottom */
}

/* Three Column Page Layout  
-------------------------------------------------------------- */

.contentleft {
		width: 280px;
		padding: 0px 15px 0px 0px;
		float: left;
		}
	
.contentcenter {
		width: 280px;
		padding: 0px 15px 0px 0px;
		float: left;
		}
	
.contentright {
		width: 280px;
		padding: 0px;
		float: left;
		}


/* Two Column Page Layout  for internal pages
-------------------------------------------------------------- */

#content .column 
{
    float: left;
}

#content .sidebar 
{
	width: 25%;
}
#content .main 
{
    width: 75%;
}
#content .product-detail-side
{
    width: 35%;
}
#content .product-detail-main
{
    width: 65%;
}
#content .product-detail-main-all
{
    width: 50%;
}
#content .box
{
    padding: 0 10px;
}



/* Product Category Page
-------------------------------------------------------------- */

.product-wrapper {
	border: solid 1px #d9d9d9;
	padding: 20px 10px 0px 10px;
}
.product-copy {
	float: right;
}

/* Testimonials Page
-------------------------------------------------------------- */

.BorderLRGray {
	background-color: #F3F3F3;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #D9D9D9;
	border-left-color: #D9D9D9;
	padding-right: 10px;
	padding-left: 10px;
}

/* Top Nav Styles
-------------------------------------------------------------- */

#top-nav 
{
    width: 652px;
}
#top-nav form 
{
    margin:0;
    padding:0;
}
#top-nav a 
{
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 15px;
}
#top-nav a:hover 
{
    color: #f00;
}
#top-nav td 
{
    padding: 8px;
    text-transform: uppercase;
    white-space: nowrap;
}
#top-nav span
{
    font-size: 11px;
    line-height: 11px;
    color: #fff;
}
#top-nav input
{
}
#top-nav .email-textbox 
{
    width: 165px;
    font-size: 12px;
    color: #595959;
}



/* Rapid Quote Request Form
-------------------------------------------------------------- */
#rapid-quote h1 
{   
	height: 48px;
	background-image: url(Images/interior/interior_pagetitle_bg.gif);
	background-position: 0 -28px;
	padding: 0;
	margin: 5px 0 0 0;
	background-color: #f00;
}
#rapid-quote h1 img 
{
    margin-left: 30px;
}
#rapid-quote-form 
{
    margin-top: 3px;
    background-color: #EFEFEF;
    padding: 20px 15px;
}
#rapid-quote-form .fileupload
{
	font-size: 11px;
	border-left: outset 1px #CFCFCF;
	border-right: inset 2px #CFCFCF;
	border-top: outset 1px #CFCFCF;
	border-bottom: inset 2px #CFCFCF;
}
#rapid-quote-form .tbreg,
#sendtoafriend-form .tbreg  
{
    width: 300px;
}
#rapid-quote-form textarea,
#sendtoafriend-form textarea
{
    width: 100%;
    height: 100px;
}

#more-images {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}
#more-images a {
    display: block;
    float: left;
    width: 391px;
    height: 261px;
    padding: 12px;
    margin: 10px;
    background-image: url('images/more-images-medium-bg.gif');
    background-repeat: no-repeat;
}