﻿#heroWrapper {
    min-height:300px; 
}
    #hero {
        float:left; 
        width:720px; 
        line-height:1.4em;
        font-size:0.9em;
    }
    #hero h1 {
        font-size:1.3em;
    }
    #hero a {
        font-weight:bold;
    }
    #sidekick {
        float:left;
        width:220px; /*needed if using bg*/
        height:280px; /*needed if using bg*/
        padding:10px;
        background:transparent url(../images/boxes/sidekick_240.gif) no-repeat 0px 0px;        
    }
    #sidekick h2 {
        font-size:1.1em;  
        font-weight:normal;    
        margin:0px 8px;      
    }
    #sidekick h3 {
        font-size:0.8em;
        margin:0px 10px;      
        margin-top:15px;  
    }
    #sidekick p {
        font-size:0.8em;
        margin:0px 10px;      
    }
	
	#sidekick1 {
	float:left;
	width:240px; /*needed if using bg*/                   
    }
	#sidekick1 #top {
		width: 240px;
		height:12px;
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) no-repeat 0px 0px;        
	}
	#sidekick1 #bottom {
		width: 240px;
		height:12px;
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) no-repeat 0px -12px;        
	}
	#sidekick1 #mid {
		width: 210px;		
		background:transparent url(../images/boxes/sidekick_sprite_240.gif) repeat-y -240px 0px;    
		padding:0px 15px 0px 15px;
	}
	
    #sidekick1 h2 {
        font-size:1.1em;  
        font-weight:normal;    
        margin:0px 8px;      
    }
    #sidekick1 h3 {
        font-size:0.8em;
        margin:0 0 0 8px;      
        margin-top:12px;  
    }
    #sidekick1 p {
        font-size:0.8em;
        margin:0 0 0 8px;      
    }
    

/************************************************************** 
    CONTENT STYLES
 **************************************************************/
.tabsPanel p {
    margin:10px 20px 0px 0px; 
}
.tabsPanel ul {
    margin:20px 50px 10px 57px;  
    color:#666666; 
    line-height:2.0em;
}

.tabbedSlider div.tabsPanel .tabsPanelContent ul {
    margin:0px 0px 0px 15px;
    line-height:1.0em;
}

#productFilter {
    float:left;
    width:155px;
    margin-top:10px;
}
    #productFilter fieldset {
        border:none 0px #fff;
        margin-bottom:15px;
    }
    #productFilter fieldset legend {
        font-weight:bold;
        font-size:1.0em;
    }
    #productFilter ol {
        list-style:none;
        font-size:0.9em;
        margin-top:10px;
    }
    #productFilter ol li {
        clear:both;
        padding:0px;
    }
    #productFilter input{
        float:left;
        margin:5px 3px 0px 0px;
    }
    #productFilter input:hover{
        border:solid 1px #ffb441;
    }
    #productFilter label{
        float:left;
        text-align:left;
        padding:5px 0px;
        width:120px;
    }

#productResults {
    float:left;
    width:730px;
    margin-top:10px;
    padding-left:20px;
    font-size:0.9em;
    border-left:solid 1px #efefef;

}
    #productResults h2 {
        font-size:1.1em;
        padding-bottom:5px;
        border-bottom:solid 1px #ffb441;
    }
    #productResults .productWrapper {
        clear:both;
        margin-top:20px;
        padding-bottom:20px;
        height:100%;
        border-bottom:solid 1px #efefef;
    }
    /* BEGIN BACKGROUND FIX FOR FIREFOX */
    #productResults .productWrapper:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
    }
    /* Hides from IE-mac */
    * html #productResults .productWrapper {height:1%;}
    /* END BACKGROUND FIX FOR FIREFOX */
    
    #productResults .productWrapper img {
        float:left;
    }
    #productResults .productWrapper .productContent {
        float:left;
        width:350px;
        margin-left:20px;
    }
    #productResults .productWrapper .productContent h3,
    #productResults .productWrapper .productContent p {
        margin:0px 0px 10px 0px;
    }
    #productResults .productWrapper .productOrder {
        float:left;
        width:190px;
        margin-left:20px;
        text-align:right;
    }
    #productResults .productWrapper .productOrder {
        font-weight:bold;
        text-align:left;
    }
    #productResults .productWrapper .productOrder select {
        font-size:0.9em;
        margin-top:5px;
        margin-bottom:10px;
        width:200px;
    }
    * html #productResults .productWrapper .productOrder select {
        width:190px;
    }
    #productResults .productWrapper .productOrder input.text {
        width:70px;
        margin-top:5px;
        margin-left:15px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1.0em;    
        color:#333;
        border:solid 1px #999;
    }
    #productResults .productWrapper .productOrder .buttonAdd,
    #productResults .productWrapper .productOrder .buttonGo {
        margin-top:15px;
    }
    #productResults .productWrapper .productOrder .formText {
        font-weight:normal;
    }
    #productResults .productPager {
        margin-top:5px;
        font-size:1.1em;
        text-align:right;
    }
#productsFrame {
    width:920px;
    height:720px;
    margin:0px;
    border:0px;
}
    
.inFrame #pageWrapper {
    width:900px;
    padding:0px;
}
.inFrame #productResults {
    width:710px;
}
.inFrame #productResults .productWrapper .productContent {
    width:330px;
}


