/* content.css are the styles for the content, typography, forms, etc. within the 
container DIVs that are defined in structure.css and this style sheet should only 
contain typographic or content-related styles for a site. The styles within this css 
file should be the only ones necessary to be edited for better integration with iCreate */

/* ----- comment styles well for better reference later! ----- */
/* ----- iCreate requires these to be classes not IDs ----- */

/* STYLE REQUIRED BY iCreate -- DO NOT DELETE */
.none {/*an empty style always required for sites using iCreate*/
}
.subheadingshort {
	font-size: 12px;
	background-image: url(/images/heading_short.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 229px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingmedium {
	font-size: 12px;
	background-image: url(/images/heading_medium.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 497px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadinglong {
	font-size: 12px;
	background-image: url(/images/heading_long.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 673px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingshortgrey {
	font-size: 12px;
	background-image: url(/images/heading_short_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 229px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingmediumgrey {
	font-size: 12px;
	background-image: url(/images/heading_medium_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 497px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadinglonggrey {
	font-size: 12px;
	background-image: url(/images/heading_long_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 673px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.border {
	border: 1px solid #999999;
}
.smalltext {
	font-size: 9px;
}

.lineImageDiv
    {
        align:center;
        position: relative;
        width: 100px;
        height: 100px;
    }   
        .lineImage
        {
            z-index: 100;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100px;
            height: 100px;
            border: 0px;
            margin: 0px;                                      
        }
        .backImage
        {
            z-index: 99;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100px;
            height: 100px;
            border: 0px;
            margin: 0px;                    
        }
    #swatches img 
    {
        padding: 5px;
    }