F/*
-----------------------------------------------
Style Sheet

Site: Todays Window Fashions
Author:   www.aaryn.com
Version:  2007.3
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background-color:#d4cda8;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:10px;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#7b8c62;
	}
	
a:hover, a:active {
	color:#fdb927;
	}

	

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}


.custom_list {
		margin: 0 0 10px 0px;
		z-index:0;
		}

		.custom_list li { 
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 15px;
			line-height: 1.4em;
			list-style: none;
			background: transparent url(../images/bullet.gif) 0px 5px no-repeat;
			z-index:0;
			}

.pic_frame {
	padding:5px;
	border:1px solid #6f5545;
	margin-bottom:10px;
	}

.pad_down {
	margin-bottom:12px;
	}

.thumbnail a:link img, .thumbnail a:visited img { border: 1px #6f5545 solid; padding: 5px; margin-bottom:10px;}

.thumbnail a:hover img { border: 1px #999 solid; }

.specs_table {
	margin:15px 0;
	}

.specs_table td {
	border-bottom:5px solid #e6e2d9;
	border-top:1px solid #aaa;
	background:#faf9f7;
	}

.specs_table td.features {
	background:#e6e2d9;
	border-bottom:0;
	font-size:1.4em;
	font-weight:bold;
	}

.specs_table td.last {
	border-bottom:1px solid #aaa;
	}

.nice_list {
		margin: 0 0 10px 10px;
		}
		
		.nice_list li { 
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 15px;
			line-height:1.6em;
			list-style: none;
			background: transparent url(../images/list_bullet.jpg) 0px 6px no-repeat;
			margin-bottom:5px;
			}

.downloads_list {
		margin: 0 0 10px 10px;
		}
		
		.downloads_list li { 
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 25px;
			height:30px;
			list-style: none;
			background: transparent url(../images/paper_icon.gif) 0px 6px no-repeat;
			padding-top:6px;
			
			}
			
	.windows_icon {
	background:url(../images/windows_icon.gif) no-repeat;
	height:18px;
	padding-left:25px;
	margin-top:5px;
	}
	
	.bottom_link_text {
		font-size: .92em; 
		width: 902px; 
		margin: 0 auto;
		}
		
.pay_attention_new{
	 
	font-size:1.3em;
	font-weight:bold;
	color:#fdb928;
	}

/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:902px;
	background:url(../images/container_bg.gif) repeat-y #fff;
	color:#6f5545;
	margin:10px auto 0 auto;
	}

#title {
	background:url(../images/header.jpg) no-repeat;
	width:902px;
	height:129px;
	}
	
#franchise_title {
	background:url(../images/franchise_header.jpg) no-repeat;
	width:902px;
	height:129px;
	}
	
	#title h1, #title h2, #franchise_title h1, #franchise_title h2 {
		display:none;
		}
	
	#appointment_button {
		width:178px;
		height:129px;
		float:right;
		margin:0 25px 0 0;
		display:block;
		}
		
		#appointment_button span {
			display:none;
			}

#header_image {
	margin:0 6px;
	width:890px;
	height:168px;
	}

#column_container {
	margin:0 6px 5px 6px;
	padding:15px 15px 3px 15px;
	background:url(../images/columns_bg.gif) repeat-y;
	width:860px;
	}

#column_left {
	width:146px;
	float:left;
	color:#fff;
	background:#7b8c62;
	}

	#column_left .custom_list a:link, #column_left .custom_list a:visited {
		color:#fff;
		text-decoration:none;
		}
		
	#column_left .custom_list a:hover {
		color:#d8ac35;
		}

#column_right {
	float:left;
	width:679px;
	margin-left:35px;
	font-size:.92em;
	line-height:1.6em;
	}

#page_title {
	font-size:24px;
	display:inline;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing:-1px;
	}

#home_table td {
	padding-bottom:10px;
	}


#demo_table {
	margin-top:10px;
	line-height:1.4em;
	}

	#demo_table td {
		padding-bottom:8px;
		}

#copyright {
	font-size:.92em;
	}

#footer_links {
	background:url(../images/footer.gif) no-repeat bottom #fdb927;
	width:902px;
	text-align:center;
	font-size:.92em;
	padding:5px 0 8px 0;
	}

#footer_links li {
    	margin: 0;
    	padding: 0 7px 0 10px;
    	display: inline;
    	border-left: 1px solid #fff;
    	line-height: 1.0em;
    	background: none;
    }

	#footer_links li.first { 
    	border: none;
    	}

	#footer_links a:link, #footer_links a:visited{
		color:#6f5545;
		text-decoration:none;
		}
	
	 #footer_links a:hover, #footer a:active {
	 	color:#7b8c62;
		text-decoration:none;
		}

#footer {
	
	width:902px;
	height:11px;
	overflow:hidden;
	}


/* --------------------------- Form --------------------------------- */
form {
	margin: 0 auto;
	width:400px;
	}
	
	#service_request_form {
		width:600px;
		}


label {
	float:left;
	width:90px;
	text-align:right;
	margin-right:10px;
	margin-top:-4px; /* to align label with the top of input area */
	}
	
	#service_request_form label {
		width:200px;
		}
	
input, textarea {
	width:120px;
	border:1px solid #cccccc;
	float:left;
	margin-bottom:8px;
	background-color:#efefef;
	}
	
textarea {
	width:250px;
	overflow:hidden;
	}


	form br {
		line-height:0.0;  /* defaults vertical spacing between fields */
		clear:left;
		}

#submit {
	margin-left:100px;
	width:69px;
	height:23px;
	float:none;
	border:none;
	}
	
	#service_request_form #submit {
		margin-left:210px;
		}

/* Sprite Navigation
 * ------------------------------------------------------------------------- */
#nav {
	background: url(../images/nav.gif) top left no-repeat;					
	width: 902px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 28px;		/* Height of entire image */
	}
		
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
	z-index:11;
}
#nav li, #nav a { 
	height: 28px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left:6px; width: 80px;}
#nav-02 {left:7px; width: 95px;}
#nav-03 {left:8px; width: 92px;}
#nav-04 {left:9px; width: 140px;}
#nav-06 {left:10px; width: 101px;}
#nav-07 {left:11px; width: 80px;}
#nav-08 {left:12px; width: 158px;}

/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url(../images/nav.gif)   -6px  -28px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/nav.gif)  -87px -0px no-repeat; cursor:default;}
#nav-03 a:hover {background: transparent url(../images/nav.gif)  -183px -28px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav.gif)  -276px -28px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav.gif)  -417px -28px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/nav.gif)  -519px -28px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/nav.gif)  -600px -28px no-repeat;}


/* SON OF SUCKERFISH */

#nav li ul {
	position: absolute;
	left: -9999px;	
}

#nav li ul li {
	height: 20px;				/* Height of each drop down menu item */
	border-bottom:1px solid #fff; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color: #6f5545;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	
}
#nav li ul li a span {
	display: block;
	padding-left: 5px;
	float:left;
}

/* Drop down link styles */
#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active {
	font-size: .92em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align:left;
	background-image:none;
}

#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-02 ul a:hover { 
	background-color: #7b8c62;
	cursor:pointer; 
}

/* width of drop down menu - choose width that allows items to display on one line */	
#nav-02 ul, #nav-02 li{ width: 185px;  }






/* Franchise Sprite Navigation
 * ------------------------------------------------------------------------- */
#franchise_nav {
	background: url(../images/nav_franchise.jpg) top left no-repeat;					
	width: 902px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 28px;		/* Height of entire image */
	}
		
#franchise_nav span { display: none; }
#franchise_nav li { 
	position: relative;
	float: left;
	list-style: none;
	z-index:11;
}
#franchise_nav li, #franchise_nav a { 
	height: 28px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#franchise_nav-01 {left:6px; width: 80px;}
#franchise_nav-02 {left:7px; width: 95px;}
#franchise_nav-03 {left:8px; width: 92px;}
#franchise_nav-04 {left:9px; width: 140px;}
#franchise_nav-06 {left:10px; width: 101px;}
#franchise_nav-07 {left:11px; width: 79px;}

/* Changed values should match "width" numbers specified above */
#franchise_nav-01 a:hover {background: transparent url(../images/nav_franchise.jpg)   -6px  -28px no-repeat;}
#franchise_nav-02 a:hover {background: transparent url(../images/nav_franchise.jpg)  -87px 0px no-repeat; cursor:default;}
#franchise_nav-03 a:hover {background: transparent url(../images/nav_franchise.jpg)  -183px -28px no-repeat;}
#franchise_nav-04 a:hover {background: transparent url(../images/nav_franchise.jpg)  -276px  -28px no-repeat;}
#franchise_nav-06 a:hover {background: transparent url(../images/nav_franchise.jpg)  -417px -28px no-repeat;}
#franchise_nav-07 a:hover {background: transparent url(../images/nav_franchise.jpg)  -519px -28px no-repeat;}


/* SON OF SUCKERFISH */

#franchise_nav li ul {
	position: absolute;
	left: -9999px;	
}

#franchise_nav li ul li {
	height: 20px;				/* Height of each drop down menu item */
	border-bottom:1px solid #fff; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color: #6f5545;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#franchise_nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	
}
#franchise_nav li ul li a span {
	display: block;
	padding-left: 5px;
	float:left;
}

/* Drop down link styles */
#franchise_nav li ul li a:link, #franchise_nav li ul li a:visited, #franchise_nav li ul li a:hover, #franchise_nav li ul li a:active {
	font-size: .92em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align:left;
	background-image:none;
}

#franchise_nav li:hover ul, #franchise_nav li.sfhover ul	{ left: 0; }

/* Hover styles for drop down items */
#franchise_nav-02 ul a:hover { 
	background-color: #7b8c62;
	cursor:pointer; 
}

/* width of drop down menu - choose width that allows items to display on one line */	
#franchise_nav-02 ul, #franchise_nav-02 li{ width: 185px;  }








/* service Sprite Navigation
 * ------------------------------------------------------------------------- */
#service_nav {
	background: url(../images/nav_service.gif) top left no-repeat;					
	width: 902px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 28px;		/* Height of entire image */
	}
		
#service_nav span { display: none; }
#service_nav li { 
	position: relative;
	float: left;
	list-style: none;
	z-index:11;
}
#service_nav li, #service_nav a { 
	height: 28px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#service_nav-01 {left:6px; width: 80px;}
#service_nav-02 {left:7px; width: 95px;}
#service_nav-03 {left:8px; width: 92px;}
#service_nav-04 {left:9px; width: 140px;}
#service_nav-05 {left:10px; width: 101px;}
#service_nav-06 {left:11px; width: 79px;}
#service_nav-07 {left:12px; width: 143px;}

/* Changed values should match "width" numbers specified above */
#service_nav-01 a:hover {background: transparent url(../images/nav_service.gif)   -6px  -28px no-repeat;}
#service_nav-02 a:hover {background: transparent url(../images/nav_service.gif)  -87px 0px no-repeat; cursor:default;}
#service_nav-03 a:hover {background: transparent url(../images/nav_service.gif)  -183px -28px no-repeat;}
#service_nav-04 a:hover {background: transparent url(../images/nav_service.gif)  -276px  -28px no-repeat;}
#service_nav-05 a:hover {background: transparent url(../images/nav_service.gif)  -417px -28px no-repeat;}
#service_nav-06 a:hover {background: transparent url(../images/nav_service.gif)  -519px -28px no-repeat;}
#service_nav-07 a:hover {background: transparent url(../images/nav_service.gif)  -599px -28px no-repeat;}


/* SON OF SUCKERFISH */

#service_nav li ul {
	position: absolute;
	left: -9999px;	
}

#service_nav li ul li {
	height: 20px;				/* Height of each drop down menu item */
	border-bottom:1px solid #fff; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color: #6f5545;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#service_nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	
}
#service_nav li ul li a span {
	display: block;
	padding-left: 5px;
	float:left;
}

/* Drop down link styles */
#service_nav li ul li a:link, #service_nav li ul li a:visited, #service_nav li ul li a:hover, #service_nav li ul li a:active {
	font-size: .92em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align:left;
	background-image:none;
}

#service_nav li:hover ul, #service_nav li.sfhover ul	{ left: 0; }

/* Hover styles for drop down items */
#service_nav-02 ul a:hover { 
	background-color: #7b8c62;
	cursor:pointer; 
}

/* width of drop down menu - choose width that allows items to display on one line */	
#service_nav-02 ul, #service_nav-02 li{ width: 185px;  }











/* Lightbox
 * ------------------------------------------------------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.todaysblinds.com/images/overlay.png", sizingMethod="scale");
	}
	











/* These are standard sIFR styles... do not modify */

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

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

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

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;

}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 24px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}