/* 
	File:			stylehouse.css
	Author:			Erin Lathers
	Created:		2-2-2009
	Description:	This file contains The Landing page and nave styles for stylehouse. 
*/
/****** Downloads: Common Styles ******/
body#downloads div#article-container { background-color: #E0EAF3; padding: 1em 2em; float: left; width: 74em; margin-bottom:2em;}
body#downloads div#article-container h2 { font-size : 1.3em; font-weight : bold; padding-bottom : 0.5em; }

div#btn-download { background-image: url('../images/stylehouse/downloads/btn_download_off.gif'); }
div#btn-download a.button { width: 8.5em; }
div#btn-download-for-pc { background-image: url('../images/stylehouse/downloads/btn_download_pc_off.gif'); }
div#btn-download-for-pc a.button { width: 13.5em; }
div#btn-download-for-mac { background-image: url('../images/stylehouse/downloads/btn_download_mac_off.gif'); }
div#btn-download-for-mac a.button { width: 14.6em; }
/****** /Downloads: Common Styles ******/


/****** Downloads: Landing ******/
body#downloads div#article-container div.download-sections { float: left; width: 34em; height: 12.5em; padding: 2em 2em 2em 0em;}
body#downloads div#article-container div.download-sections img { float: left; padding-right: 1em;}
body#downloads div#article-container div.download-sections ul li { padding: .4em 0; line-height: 1.25em;}
body#downloads div#article-container div.download-sections ul li a, div#downloads div#article-container div ul li a:visited { font-size: 1.1em; text-decoration: none;}
body#downloads div#article-container div.download-sections ul li a:hover, div#downloads div#article-container div ul li a:active { color: #9AB9D9; text-decoration: underline;}
body#downloads div#article-container div a.block-text-link { font-weight: bold; display: block; padding-top: .5em;}
/****** /Downloads: Landing ******/

/****** Downloads ******/
div#article-container h1 { margin-bottom : 1em; padding : 0; }
div#article-container p.info-text { margin: 1em 0; padding : 0; }
div#article-container div#downloads-container { background-color : #fff; width: 69.8em; _width:70em; overflow: hidden; }
div#article-container div#hero-area { border : 0.3em solid #FFF; }
div#article-container ul#download-swatches { float: right; width: 16.3em; border-bottom: .3em solid #FFF;}
div#article-container ul#download-swatches li { float: left; border-top: .3em solid #FFF; border-right: .3em solid #FFF; }
div#article-container ul#download-swatches li img { float: left;}
div#download-directions { padding-top: 2em; float: none; clear: both; width: 100%; }
div#download-directions h2 { padding-bottom: 1em;}
div#download-directions p { padding-bottom: .5em; width: 100%; float: left; line-height: 1.25em;}
div#download-directions ul { float: left; display: block; padding-left: 2.5em;}
div#download-directions li { list-style-type: disc; font-size: 1.1em; padding: .15em 0; line-height: 1.25em;}
div#download-directions div.os-directions { float: left; width: 34.5em; padding-right: 2em;}
div#download-directions div.button-background  { float: left; width: auto; margin: 1em 0;}
div#download-directions span.download-size { font-size: 1.1em; padding : 1.5em 0 0 0.5em; float: left;}
/****** /Downloads ******/

/****** Mix + Match: Landing ******/
body#mix-match div#index div#article-container { background-color: #E0EAF3; padding: 1em 2em 6em 2em; float: left; width: 74em;}
body#mix-match div#article-container h2 { font-size: 1.3em; font-weight: bold; padding-bottom: .25em;}
body#mix-match div#article-container div.mix-match-sections { float: left; width: 32em; padding: 2em 2em 1em 2em;}
body#mix-match div#article-container div.mix-match-sections img { float: left; padding-right: 1em;}
body#mix-match div#article-container div.mix-match-sections ul li { padding: .4em 0; line-height: 1.25em;}
body#mix-match div#article-container div.mix-match-sections ul li a, div#mix-match div#article-container div ul li a:visited { font-size: 1.1em; text-decoration: none;}
body#mix-match div#article-container div.mix-match-sections ul li a:hover, div#mix-match div#article-container div ul li a:active { color: #9AB9D9; text-decoration: underline;}
body#mix-match div#article-container div a.block-text-link { font-weight: bold; display: block; padding-top: .5em;}
body#mix-match div#article-container div#flashMoviePlaceHolder { text-align: center;}
/****** /Mix + Match: Landing ******/