/*-------------------------RANGE--------------------------------------------*/	
	
/*NEEDS TO BE SET ON A INDIVIDUAL BASIS // HEIGHT WIDTH TOP*/	
	div.rightConner{
		position: absolute;
		top: 0;
		right: 0;
		width: 325px;
		height: 538px;
		z-index: 0;		
	}	
	
	div.thePageTop {
		position: relative;
		width: 775px;
		/*border: #00FF00 solid 1px;*/
		height: 22px;
		margin-top: 30px;
		background-repeat: no-repeat;
		
	}
	
	div.pageTitle {
		position: relative;
		clear: left;
		width: 266px;
		height: 33px;
		margin: 0 0 0 430px;
	}
	
	div.pgColorBand {
		position: relative;
		float:left;
		width: 100%;
		height: 2px;
		margin: 6px 0 12px 0;
		background: #d9eef6;
	}
	
	div.pgColorBand02 {
		position: relative;
		float:left;
		width: 100%;
		height: 3px;
		margin: 12px 0;
		background: #edf7fb;
	}
	
	
	div.thePageMiddle {
		position: relative;
		width: 775px;
		background-repeat: repeat-y;
		text-align:left;		
	}
/*-----------------STYLE FOR LANDING PAGES--------------------*/	
	div.rightCon {
		position: relative;
		float:left;
		width: 522px;
	}
	
	
	div.testCon_imgBg {
		position: relative;
		width: 522px;
		background-image: url(/images/rangeImg-01.jpg);
		margin-bottom: 20px;	
		float: left;
	}
	
		
	a.rangeTitle01 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 2.4em;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	div.productFrame {
		position:relative;
		clear: left;
		width: 522px; 
		padding: 24px 0 0 0;
	}
	
	
	a.productTitle {
		font-family: "Courier New", Courier, monospace;
		font-size: 1.1em;
		text-decoration: none;
		text-transform: uppercase;		
	}
	
	a.productTitle02 {
		font-family: "Courier New", Courier, monospace;
		font-size: 1.7em;
		text-decoration: none;
		text-transform: uppercase;		
	}
	
	div.subTitleCon {
		position: relative;
		clear: left;
		margin: 0 0 0 9px;
	}
	
	
	div.subTitleCon02 {
		position: relative;
		clear: left;
		margin: 0 0 0 9px;
		padding: 8px 0 0 0;
	}
	
	div.subTitleCon03 {
		position: relative;
		clear: left;
		margin: 0 0 12px 9px;
		padding: 8px 0 0 0;
	}
	
	
	div.leftImg01 {
		position: relative;
		float: left;
		width: 132px;
		height: 273px;
		border:1px solid #e3f3f9;
	}
	
	div.leftImg02 {
		position: relative;
		float: left;
		width: 132px;
		height: 142px;		
		border:1px solid #e3f3f9;
	}
	
	
	div.leftCopyFrame {
		position: relative;
		float: left;
		width: 218px;
		background-color: #e3f3f9;
		margin: 0 0 0 2px;
	}

	
	div.arrowUp {
		position: relative;
		clear: left;
		width: 14px;
		height: 23px;
		margin: 12px 0 10px 72px;		
	}
	
	div.landingCopyCon {
		position: relative;
		float: left;
		width: 138px;
		padding: 6px 2px;
		background-color:#FFF;
	}
	
	div.landingCopyCon02 {
		position: relative;
		float: left;
		width: 195px;
		padding: 6px 2px;
		background-color:#FFF;
	}
	
	div.landingCopyCon03 {
		position: relative;
		float: left;
		width: 340px;
		padding: 6px 2px 6px 2px;
		background-color:#FFF;
	}
	
	p.rangeCopy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #072568;	
		position: relative;
		float: left;
		padding: 0 0 7px 0;
	}
	
	div.rangeLeft {
		position: relative;
		float: left;
		width: 360px;
	}
	
	div.rangeRight {
		position: relative;
		float: left;
		width: 155px;
	}
	
	div.rightImg01 {
		position: relative;
		float: left;
		width: 157px;
		height: 132px;
		text-align:center;
		border:1px solid #e3f3f9;
	}
	
	div.rightImg02 {
		position: relative;
		float: left;
		border:1px solid #e3f3f9;
	}
	
	div.rightCopyFrame {
		position: relative;
		float: left;
		width: 157px;
		background-color: #e3f3f9;
		margin: 2px 0 0 0;
	}
	
	
	div.rangeBottom {
		position: relative;
		float: left;
		width: 522px;
		margin: 15px 0 0 0;
	}
	
	
	div.bottomLeftArrow {
		position: relative;
		float: right;
		width: 24px;
		height: 16px;
		margin: 8px 13px 0 0;
		
	}
	div.LeftArrow {
		position: relative;
		float: left;
		margin: 10px 0 10px 10px;
		
	}
	
	div.LeftArrow2 {
		position: relative;
		float: left;
		margin: 10px 0;
		
	}
	
	div.bottomCopyFrame {
		position: relative;
		float: left;
		width: 358px;
		background-color: #e3f3f9;
		margin: 0 2px 0 0;
	}
	
		p.productDisclamier {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		width: 250px;
		color: #072568;
		position: relative;	
		float: left;
		margin: 9px 0 12px 0;	
	}
	
	div.thePageBottom {
		position: relative;
		width: 775px;
		/*border: #00FF00 solid 1px;*/
		height: 33px;
		background-repeat: no-repeat;
		
	}
	
	
	div.homeContent {
		position: relative;
		width: 730px;
		margin: 0 0 0 20px;
		/*border: #00FF00 solid 1px;*/
		
	}
	
	div.homeContent {
		position: relative;
		width: 715px;
		margin: 0 0 0 35px;
		/*border: #00FF00 solid 1px;*/		
	}
	
	div.colorBlock {
		position: relative;
		height: 23px;
		width: 522px;
		float: left;
		margin: 8px 0 0 0;
		background-color: #efeaf8;
	}
	
	div.colorBlock02 {
		position: relative;
		width: 522px;
		float: left;
		margin: 8px 0 0 0;
		background-color: #e3f3f9;
	}
	
/*------------------INDERVIDUAL RANGE PAGES-----------------------*/

	div.productIntroCopy {
		position: relative;
		float: left;
		width: 330px;
		padding: 6px 2px 6px 2px;
	}
	
	div.largeProductThumb {
		position:relative;
		float: left;
		width: 180px;
	}
	
	div.smallProductThumb {
		position:relative;
		float: left;
		width: 91px;
		margin: 8px 5px 0 0;
	}
	
	div.thumbBg {
		position: relative;
		float: left;
		width: 523px;
		background-color: #e3f3f9;
		margin: 0;
		padding: 0;
	}
	
	div.thumbCon {
		position: relative;
		float: left;
		width: 128px;
		padding: 8px 0 37px 0;
		margin: 0 0 0 13px;
	}
	
	div.thumbCon02 {
		position: relative;
		float: left;
		width: 240px;
		padding: 0 0 4px 0;
		margin: 0 8px 0 0;
		background-image:url(../../images/productShot/blueArrowRight.gif);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	div.afterCopyCon {
		position:relative;
		float: right;
		width: 165px;
	}
	
	div.thumbCon03 {
		position: relative;
		float: left;
		width: 266px;
		padding: 0 0 4px 0;
		margin: 0;
		
	}
	
#product_selector { font:normal 0.9em Verdana, Arial, Helvetica, sans-serif; }
#product_selector p.explain { font:bold 1.2em "Courier New", Courier, monospace; margin-bottom:1.1em; color:#102568; clear:both; }
    #product_selector p a { background-color:#fff25e; }
    #product_selector p.copy { color:#f00; margin:1em 0; }
    #product_selector fieldset {
        width:320px;
        clear:left;
        background:url(/images/att-selector.jpg) no-repeat bottom left;
        padding:7px 102px 115px 8px;
        border:0;
    }
    #product_selector h3 {
        font:bold 1.2em "Courier New", Courier, monospace;
        margin-bottom:1.1em;
        color:#fff25e;
        background-color:#072568;
        padding:1px 15px 1px 8px;
        text-transform:uppercase;
    }
    #product_selector label {  font-size:.75em; display:block; color:#102568; margin-bottom:.7em; }
    #product_selector input { vertical-align:middle; }
    #product_selector button {
        border:0;
        background:#fff25e;
        color:#102568;
        margin:1em 0;
    }

#polaroid { position:absolute; right:40px; top:235px; }
div.lblue { color:#102568; background-color:#e3f3f9; position:relative; font-size:.9em; } 
    div.lblue h3 { position:absolute; }
    div.lblue img { display:block; border:0; }
    div.lblue h4 { background-color:#fff; color:#102568; font-size:.8em; display:inline; font-weight:normal; }
        div.lblue h4 a { text-decoration:none; font-weight:bold; color:#102568; }
    div.lblue p { margin-top:1em; font:normal 0.8em Verdana, Arial, Helvetica, sans-serif; }

#occasional {
    width:265px;
    padding:29px 29px 8px 8px;
    margin:35px 8px 26px 0;
}
    #occasional img { float:left; margin-right:8px; }
    #occasional h3 { left:0; top:-18px; width:250px; }

#break {
    width:128px;
    padding:45px 8px 8px 8px;
    float:left;
}
    #break img { margin-bottom:8px; }
    #break h3 { left:21px; top:-18px; width:153px; }

#daily {
    width:268px;
    margin-left:71px;
    padding:24px 8px 8px 13px;
    float:left;
}
    #daily img { float:right; margin-left:8px; }
    #daily h3 { right:8px; top:-18px; width:153px; }

#try {
    width:327px;
    padding:29px 29px 8px 8px;
    margin:26px 0 8px 8px;
    float:left;
}
    #try img { float:left; margin-right:8px; }
    #try h3 { left:0; top:-18px; width:216px; }
p.reg { font-size:.7em; color:#102568; }

div.printResultCon {
	float: right;
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 365px;
	/*border: #00FF00 solid 1px;	*/
	
}

.submitPrint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	background:url(/images/print-icon.gif);
	background-repeat: no-repeat;
	color: #072568;
	font-size: 0.7em;
	background-color: #fff25e;
	border: 0;
	margin: 0 8px 0 0;
	padding: 0px 10px 2px 0px;
	width: 90px;
	position: relative;
	float: right;
}

.submitTaf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color: #072568;
	font-size: 0.7em;
	background-color: #fff25e;
	border: 0;
	margin: 0 8px 0 0;
	padding: 3px 10px 2px 10px;
	width: 130px;
	position: relative;
	float: left;
}
