﻿div.BuildCol1
{
	float: left;
	width: 583px;
}

	div.BuildCol1 h1
	{
		font-size: 20px;
		color: #B61D2B;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	div.BuildNote
	{
	    float:left;
	    width: 578px;
	    padding: 3px 0px 0px 5px;
	}
	
	a.Steps, a.StepsLocked
	{
		float: left;
		height: 44px;
		padding: 8px 10px 0px 10px;
		margin: 8px 5px 5px 0px;		
	}
	
	a.normal
	{
	    width: 168px;
	}
	
	a.wide
	{
	    width: 375px;
	    margin-right: 0px;
	}
	
	a.StepsLocked
	{
		background: url(/_images/buildyourown/lockedStepBG.gif) repeat-x;
		border-left: 1px solid #929292;
		border-right: 1px solid #929292;
		color: #424242;		
	}
	
	a.StepsLocked:hover
	{
	    text-decoration:none;
	}
	
	a.Steps
	{
		background: url(/_images/buildyourown/activeStepBG.gif) repeat-x;
		border-left: 1px solid #66191f;
		border-right: 1px solid #66191f;
		color: #FFFFFF;
	}
	
	    a.Steps:hover
	    {
	        text-decoration:none;
	        background: url(/_images/buildyourown/activeStepBGOver.gif) repeat-x;
	    }
	
	
		a.Steps .buildTop, a.StepsLocked .buildTop
		{
			font-size: 14px;
			font-weight: bold;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
		a.Steps .buildTop
		{
		    color: #FFFFFF;
		}
		
		a.StepsLocked .buildTop
		{
		    color: #424242;
		}
		
		.buildSubTitle
		{
			display: block;
			padding: 3px 0px 7px 0px;
		}
		

div.BuildCol2
{
	float: left;
	width: 399px;
}

	div.UserBox
	{
		float: left;
		width: 397px;
		background: #F1F4F8;
		border: 1px solid #888888;
	}
	
	    div.UserBox h4
	    {
	        clear:both;
	        font-size: 15px;
		    color: #B61D2B;
		    font-weight: normal;
		    margin: 15px 0px 3px 0px;
		    padding: 0px 0px 0px 0px;
	    }
	    
	    div.UserBox .theButtonSmConfig
	    {
	        width: 137px;
	        margin: 0px 0px 15px 10px; 
	    }
	    
	    div.UserBox .right
	    {
	        float:right;
	    }
	    
	    div.UserBox .left
	    {	        
	        float:left;
	    }
	    
	
		div.UserBoxTitleBar
		{
			float: left;
			width: 397px;
		}
		
		div.UserBoxOptions
		{
		    float:left;
			width: 396px;
			min-height: 210px;
			padding: 10px 0px 10px 1px;
			margin: 0px 0px 5px 0px;			
		}
		
		    div.UserBoxOptions .description
		    {
		        margin: 0px 0px 0px 10px;
		    }
		
		
		div.UserBoxText
		{
		    float:left;
			width: 387px;
			min-height: 210px;
			padding: 10px 0px 10px 10px;
			margin: 0px 0px 5px 0px;			
		}	
		
		* html div.UserBoxText
		{
		    height: 210px;
		}	
		
		
		div.ColourSwatchList
		{
		    float:left;
		    margin: 8px 0px 0px 10px;
		}
		
		
		div.ColourSwatch
		{
		    float:left;
		    width: 345px;
		    margin: 0px 0px 0px 0px;
		    padding: 5px 0px 5px 0px;
		    clear:both;
		    background: #f1f4f8;
		    border: solid 1px #f1f4f8;
		}		
		
		div.ColourSwatchSelected
		{
		    float:left;
		    width: 345px;
		    margin: 0px 0px 0px 0px;
		    padding: 5px 0px 5px 0px;
		    clear:both;
		    background: #dbe3ed;
		    border: solid 1px #b1cbed;
		}
		
		    div.ColourImage
		    {
		        float:left;
		        width: 36px;
		        margin: 0px 10px 0px 10px;
		        border: solid 1px #dbe3ed;	        
		    }
		    
		        div.ColourImage img
		        {
		            background-color: #FFFFFF;
		        }
		    
		    div.ColourName
		    {
		        float:left;
		        width: 277px;
		    }
		
		
		
div.StepsRow
{
	float: left;
	width: 982px;
}

	div.StepDesc
	{
		float: left;
		height: 35px;
	}
	
	
/* --------------------------------------------------------------------------- */
/* ----------                    Standard Features                  ---------- */
/* --------------------------------------------------------------------------- */


div.StandardOptions	
{
    float:left;
    clear:both;
    width: 982px;
    margin: 15px 0px 5px 0px;
}

    div.StandardOptions h1
    {
        font-size: 20px;
		color: #B61D2B;
		font-weight: normal;
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 0px;
    }
        
        div.StandardOption
        {
            float:left;
            width: 465px;
            margin: 0px 5px 3px 15px;
            color: #333333;
        }
               
        
        
/* --------------------------------------------------------------------------- */
/* ----------                    Optional Features                  ---------- */
/* --------------------------------------------------------------------------- */


div.option
{
    width: 183px;
    margin: 6px 5px 6px 10px;
}

    * html div.option
    {
        margin: 6px 5px 6px 5px;
    }

    div.checkBox
    {
        float:left;
        width: 22px;
        height: 18px;
    }
        div.checkBox img
        {
            cursor:pointer;
            width: 22px;
            height: 18px;
        }
        
    div.optionInfo
    {
        float:left;
        width: 161px;
    }
    
        div.optionName
        {
            font-weight:bold;
            color: #333333;
            width: 161px;
            font-size: 12px;
        }
        
        div.optionDesc
        {
            color: #333333;
            width: 161px;
            font-size: 12px;
        }
        
            div.optionDesc img
            {
                float:left;
                width: 39px;
                height: 44px;
                margin: 0px 6px 0px 0px;
                cursor: pointer;
                vertical-align:text-top;                    
            }