Need to have someone figure out how I can create one off web pages that embed my product in a mockup webpage that attempts to show how easily they can incorporate my offering within an iframe on their own site.

I envision these pages as one off sales brochures. Basically, they personalize my sales presentation with the clients look and feel.

THe developer of this product does not want to take the time to explain this stuff to me. I expect to pay for this solution. I am not expecting free advice...although I won't turn down any free advice. I am sales/marketing not code and I need your help. Please reply with your ideas and a rough estimate of the cost involved. This is an example of one of my customers using my basic offering. .

Thanks.

My Catalog CSS code:

Code:
span {
	display: none;
	clear: none;
}

.clear { clear: both;}

#MainBody {
	margin:0px;
	padding:0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	background-color: #6191bf;
	color: #000000;
	text-align: center;
}

 /* -------------- START MAIN CONTAINERS STYLES (placement elements) ------------------ */
#catalog_maincontainer { /* Container to place... all the other containers! */
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
#catalog_menulinks { /* Container to place menu links */
	float: left;
	top: 0px;
	left: 0px;
	width: 189px;
		
}

#catalog_maincontents {
	float: left;
	margin: 0 0 0 8px;
	width: 762px;
}

#catalog_maincontents table {
	margin: 0 16px 0 16px;
}

#catalog_topbar { /* Container to place the topbar */
	margin: 0;
	width: 762px;
	white-space: nowrap;
}

#catalog_itemscontainer_products_cats_breaker {
	display: block;
	clear: both;
}

#catalog_itemscontainer_sizes_breaker {
	display: block;
	clear: both;
}

#catalog_itemscontainer_products_cats { /* Container to place product cats table */
	width: 762px;
	margin: 6px 0 0 0;
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
}

.catalog_itemscontainer_products_cats_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;    
}
.catalog_itemscontainer_products_cats_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;
        
}
.catalog_itemscontainer_products_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_sizes_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;    
}
.catalog_itemscontainer_products_sizes_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_sizes_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;  
}
.catalog_itemscontainer_sizes_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_templates_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;
}
.catalog_itemscontainer_products_templates_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}


.catalog_itemscontainer_products_cats_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_itemscontainer_products_cats_bottom p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_itemscontainer_products_bottom p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_sizes_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_itemscontainer_products_sizes_bottom p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_sizes_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_itemscontainer_sizes_bottom p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_itemscontainer_products_templates_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
        
}
.catalog_itemscontainer_products_templates_bottom p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}


#catalog_itemscontainer_products_templates{
	width: 762px;
    margin: 6px 0 0 0;
    background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
}

#catalog_itemscontainer_products { /* Container to place product table */
	width: 762px;
	margin: 6px 0 0 0;
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
}

#catalog_itemscontainer_products_sizes { /* Container to place product table */
	width: 762px;
	margin: 6px 0 0 0;
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
}

#catalog_itemscontainer_sizes { /* Container to place product sizes tables */
	margin: 6px 0 0 0;
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
}


#catalog_launchblank { /* Container to place the "launch blank" image */
	float: left;
	margin: 20px 20px 10px 10px;
	background-color: transparent;
}
#catalog_launch_descriptiontext { /* Container to place the launch and templates description text */
	float: left;
	margin: 10px 10px 10px 10px;
    padding: 10px;
	background-color: transparent;
}
#catalog_templates_cart { /* Container to place the eventual designs from user cart */
	float: left;
	background-color: transparent;
    margin: 10px 10px 10px 10px;
    padding: 10px;	
}
#catalog_templates_search { /* Container to place the eventual templates search */
	float: left;
	background-color: transparent;
    margin: 0 10px 0 10px;
	padding: 10px;
}
#catalog_templates_cats { /* Container to place templates cats */
	float: left;
	background-color: transparent;
    margin: 0 10px 0 10px;
	padding: 10px;
}

#catalog_templates_cart_breaker {
	display: block;
	clear: both;
}

#catalog_templates_search_breaker {
	display: block;
	clear: both;
}

#catalog_templates_subcats_breaker {
	display: block;
	clear: both;
}

#catalog_templates_cats_breaker {
	display: block;
	clear: both;
}

#catalog_templates_subcats { /* Container to place templates subcats */
	float:left;
	background-color: transparent;
    margin: 0 20px 0 10px;
    padding: 10px;
}

#catalog_templates_templates { /* Container to place templates themselves */
	margin: 6px 0 0 0;
    background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
	width:762px;
}

.catalog_templates_templates_top {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;
}
.catalog_templates_templates_top p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_templates_templates_bottom {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_templates_templates_bottom p {
	height: 21px;
	width: 762px;
	margin:0;
	padding: 20;
}

#catalog_templates_templates h3 {
	padding: 0 0 0 10px;
    margin: 0px 0px 0px 10px;
}

/* -------------- END MAIN CONTAINERS STYLES (placement elements) ------------------ */

/* -------------- START MENU LINKS STYLES ------------------ */
#catalog_menulinks_container_top1 { /* style for 1st menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_top.gif) no-repeat;
	width: 189px;
	height: 22px;_margin-bottom: -2px;
}
#catalog_menulinks_container_body1 { /* style for 1st menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bg.gif);
	width: 189px;
}
#catalog_menulinks_container_bottom1 { /* style for 1st menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bottom.gif) no-repeat;
	width: 189px;
	height: 22px;
	margin-bottom: 6px; 
}
#catalog_menulinks_container_top2 { /* style for 2nd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_top.gif) no-repeat;
	width: 189px;
	height: 22px;_margin-bottom: -2px;
}
#catalog_menulinks_container_body2 { /* style for 2nd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bg.gif);
	width: 189px;
}
#catalog_menulinks_container_bottom2 { /* style for 2nd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bottom.gif) no-repeat;
	width: 189px;
	height: 26px;
	margin-bottom: 6px;
}

#catalog_menulinks_container_top3 { /* style for 3rd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_top.gif) no-repeat;
	width: 189px;
	height:22px;_margin-bottom: -2px;
}
#catalog_menulinks_container_body3 { /* style for 3rd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bg.gif);
	width: 189px;
}
#catalog_menulinks_container_bottom3 { /* style for 3rd menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bottom.gif) no-repeat;
	width: 189px;
	height: 26px;
	margin-bottom: 6px;
}
#catalog_menulinks_container_top4 { /* style for 4th menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_top.gif) no-repeat;
	width: 189px;
	height: 22px;_margin-bottom: -2px;
}
#catalog_menulinks_container_body4 { /* style for 4th menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bg.gif);
	width: 189px;
}
#catalog_menulinks_container_bottom4 { /* style for 4th menu block */
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/menu_bottom.gif) no-repeat;
	width: 189px;
	height: 26px;
	margin-bottom: 6px;
}

/* add other styles to match all your blocks, if needed */

#catalog_menulinks h3, #catalog_menulinks a {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px 5px 0px 10px;
	padding: 0pt 5px;
}
#catalog_menulinks ul {
	margin: 0 0 0 52px;
	padding: 0;
}
#catalog_menulinks li {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3399cc;
	margin: 0px;
	padding: 0 0 6px ;
	list-style-image: url(http://www.realtimedesigner.com/rtd_css/simplesquare/bullet2.jpg);
	white-space: nowrap;
}
#catalog_menulinks li a {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3399cc;
	margin: 0px;
	white-space: nowrap;
}
/* -------------- END MENU LINKS STYLES ------------------ */

/* -------------- START TOPBAR STYLES ------------------ */

#catalog_topbar a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.catalog_topbar_rcorner {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_top.gif) no-repeat;
}
.catalog_topbar_rcorner p {
	height: 19px;
	width: 762px;
	margin:0;
	padding: 0;
}

.catalog_topbar_body {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bg.gif);
	padding: 0 15px 0 20px;
}

.catalog_topbar_btm_corners {
	background: url(http://www.realtimedesigner.com/rtd_css/simplesquare/footer_bottom.gif) no-repeat;
}
.catalog_topbar_btm_corners p {
	height: 22px;
	width: 762px;
	margin:0;
	padding: 0;
}


/* -------------- END TOPBAR STYLES ------------------ */

/* -------------- START PRODUCTS CATEGORIES STYLES ------------------ */
.catalog_product {
	border: thin solid #cccccc;
	background-color: #cccccc;
	text-align: center;
	padding: 10px;
	width: 220px;
}
.catalog_product a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.catalog_product img {
	cursor: pointer;
	border: none;
	margin: 10px;
}
/* -------------- END PRODUCTS CATEGORIES STYLES ------------------ */

/* -------------- START PRODUCTS LISTING STYLES ------------------ */
.catalog_product_item {
	border: thin solid #cccccc;
	background-color: #cccccc;
	text-align: center;
	padding: 10px;
	width: 450px;
}
.catalog_product_item a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.catalog_product_item img {
	cursor: pointer;
	border: none;
	margin: 10px;
	float: left;
}
.catalog_product_item p {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}
/* -------------- END PRODUCTS LISTING STYLES ------------------ */

/* -------------- START SIZES STYLES ------------------ */
.catalog_product_size {
	border: thin solid #cccccc;
	background-color: #cccccc;
	text-align: center;
	padding: 10px;
	width: 250px;
}
.catalog_product_size a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#catalog_itemscontainer_sizes_bigimage {
	border: none;
	padding: 10px;
	
}
#catalog_itemscontainer_sizes_longdescription {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #000000;
	padding: 0 10px 10px 10px;
	max-width: 762px;
}

#catalog_itemscontainer_sizes_longdescription p {
	margin: 0;
	padding: 10px 10px 10px 10px;
}

/* -------------- END SIZES STYLES ------------------ */

/* -------------- START TEMPLATES STYLES ------------------ */
.catalog_templates {
	border: thin solid black;
	background-color: #cccccc;
	text-align: center;
	padding: 5px;
	width: 200px;
}
.catalog_templates a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
    margin 0px 5px 0px 0px;
	padding: 0px;
	color: #000000;
}
.catalog_templates img {
	cursor: pointer;
	border: none;
	padding: 5px;
	margin: 5px;
}
/* -------------- END TEMPLATES STYLES ------------------ */