/* --- image block holder --- */
.image {
	background-image: url(../images/imgDefault.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;
	margin-top: -180px;	
}
.block {
	background-color: #CCD5DF;
	width: 300px;
	height: 180px;
	margin-top: -180px;	
}
.blockAlone {
	background-color: #CCD5DF;
	width: 300px;
	height: 180px;
}
.imageAlone {
	background-image: url(../images/imgDefault.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;
}

.imageBonaPlus {
	background-image: url(../images/imgBonaPlus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;
	margin-top: -180px;	
}
.clrBonaPlus {
	background-color: #CCE5E9;
	width: 300px;
	height: 180px;	
	margin-top: -180px;	
}
.imageBonaPlusAlone {
	background-image: url(../images/imgBonaPlus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;
}
.clrBonaPlusAlone {
	width: 300px;
	height: 180px;
	background-color: #CCE5E9;
}
.imageGoldFocus {
	background-image: url(../images/imgGoldFocus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;
	margin-top: -180px;	
}
.clrGoldFocus {
	background-color: #E4D3E2;
	width: 300px;
	height: 180px;
	margin-top: -180px;	
}
.imageGoldFocusAlone {
	background-image: url(../images/imgGoldFocus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrGoldFocusAlone {
	background-color: #E4D3E2;	
	width: 300px;
	height: 180px;
}
.imageGoldSaver {
	background-image: url(../images/imgGoldSaver.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
	margin-top: -180px;
}
.clrGoldSaver {
	background-color: #CCEEF0;	
	width: 300px;
	height: 180px;
	margin-top: -180px;
}
.imageGoldSaverAlone {
	background-image: url(../images/imgGoldSaver.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrGoldSaverAlone {
	background-color: #CCEEF0;
	width: 300px;
	height: 180px;
}
.imageTitan {
	background-image: url(../images/imgTitan.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
	margin-top: -180px;
}
.clrTitan {
	background-color: #D3DDE8;
	width: 300px;
	height: 180px;
	margin-top: -180px;
}
.imageTitanAlone {
	background-image: url(../images/imgTitan.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrTitanAlone {
	background-color: #D3DDE8;
	width: 300px;
	height: 180px;
}
.imagePlatinumFocus {
	background-image: url(../images/imgPlatinumFocus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
	margin-top: -180px;
}
.clrPlatinumFocus {
	background-color: #EDE6F1;
	width: 300px;
	height: 180px;
	margin-top: -180px;
}
.imagePlatinumFocusAlone {
	background-image: url(../images/imgPlatinumFocus.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrPlatinumFocusAlone {
	background-color: #EDE6F1;
	width: 300px;
	height: 180px;
}
.imagePlatinumSaver {
	background-image: url(../images/imgPlatinumSaver.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
	margin-top: -180px;
}
.clrPlatinumSaver {
	background-color: #EDF5F8;
	width: 300px;
	height: 180px;
	margin-top: -180px;
}
.imagePlatinumSaverAlone {
	background-image: url(../images/imgPlatinumSaver.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrPlatinumSaverAlone {
	background-color: #EDF5F8;
	width: 300px;
	height: 180px;
}
.imagePlatinumComplete {
	background-image: url(../images/imgPlatinumComplete.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrPlatinumComplete {
	background-color: #E0E7F0;	
	width: 300px;
	height: 180px;
}
.imagePlatinumCompleteAlone {
	background-image: url(../images/imgPlatinumComplete.jpg);
	width: 519px;
	height: 180px;
	background-repeat: no-repeat;	
}
.clrPlatinumCompleteAlone {
	background-color: #E0E7F0;	
	width: 300px;
	height: 180px;
}
























/* --- option icons --- */
.iconBonaPlus {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconBonaPlus.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconGoldFocus {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconGoldFocus.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconGoldSaver {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconGoldSaver.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconTitan {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconTitan.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconPlatinumFocus {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconPlatinumFocus.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconPlatinumSaver {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconPlatinumSaver.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.iconPlatinumComplete {
	width: 520px;
	height: 80px;
	background-image: url(../images/iconPlatinumComplete.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}















/* --- page content holder --- */
.contentHolder {
	background-image: url(../images/verOLines.png);
}


/* --- page content inner holder --- */
.topInnerLine {
	width: 600px;
	height: 2px;
	float: left;
	background-image: url(../images/horLines.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.contentInnerHolder {
	background-image: url(../images/verILines.png);
	background-repeat: repeat-y;
	background-position: top;
	width: 600px;
	float: left;
	font-size: 120%;
}
/* --- inner pods --- */
.podInnerHolder {
	width: 600px;
	float: left;
	margin: 0;
	padding-bottom: 10px;	
}
.innerPod {
	width: 300px;
	padding: 0;
	float: left;
	margin-top: 22px;
	margin-bottom: 22px;
}
.inputInnerDefault {
   border: 1px solid #CCD5DF;
   background: #FFFFFF;
	width: 222px;
	margin-top: 15px;
	height: 24px;
	margin-left: 20px;
	float: left;
	display: inline;
	background-image: url(../images/defaultBlend.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;
	text-indent: 5px;
}



/* --- product buttons --- */
.buttonText {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	text-indent: 24px;
	line-height: 26px;
	color: #FFFFFF;
	background-image: url(../images/bbArrow.png);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: none;
}
.tabBonaPlus {
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrBonaPlus.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabBonaPlus:hover {
    background-position: 0 -27px;
}
.tabGoldFocus {
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrGoldFocus.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabGoldFocus:hover {
    background-position: 0 -27px;
}
.tabGoldSaver {
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrGoldSaver.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabGoldSaver:hover {
    background-position: 0 -27px;
}
.tabTitan {
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrTitan.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabTitan:hover {
    background-position: 0 -27px;
}
.tabPlatinumFocus  {
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrPlatinumFocus.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabPlatinumFocus:hover {
    background-position: 0 -27px;
}
.tabPlatinumSaver	{
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrPlatinumSaver.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabPlatinumSaver:hover {
    background-position: 0 -27px;
}
.tabPlatinumComplete	{
	width: 250px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/btrPlatinumComplete.png);
	background-repeat: no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    /*cursor: hand; /* IE 5.x */
}
.tabPlatinumComplete:hover {
    background-position: 0 -27px;
}