@charset "utf-8";
/* CSS Document */

/* --------------------- */
/*    Reset All Styles   */
/* --------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


ol, ul {
	list-style: none;
}



blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

p {
	padding: 10px 0 10px 0;
}

/* --------------------
		Main Styles
-------------------- */

html, body {
	background-color: #0e05ba;   	  /* Lite Blue2 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 1100px;
}

.container {
	min-width: 1100px;
}

.wrapper {
	width: 1100px;
	margin: 0 auto;
}

/* ==================================== */
/*    Styles for the HEADER Section     */
/* ==================================== */
.header {
	background-color: #010122;  /* Dark Blue */
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 94px;
}

.header .wrapper {
	width: 965px;
}

.header a.logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 542px;
	height: 94px;
	float: left;
}

.header .right {
	float: right;
	width: 250px;
	padding-top: 20px;
}

.signup .newsletter {
	background-image: url(../images/newsletter.png);
	background-repeat: no-repeat;
	width: 241px;
	height: 32px;
	margin: 0 0 5px 22px;
}

.signup .reminder-signup {
	background-image: url(../images/reminder-signup.png);
	background-repeat: no-repeat;
	width: 241px;
	height: 40px;
	margin: -10px 0 5px -5px;
	position: relative;
}

.signup form input {
	background: none;
	border: none;
	background-image: url(../images/input-bg.png);
	width: 157px;
	height: 17px;
	line-height: 17px;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #d7d5d5;
	float: left;
	padding: 4px 0 0 10px;
}

* html .signup form input.submit {
	padding-top: 2px;
}

.signup form input.signup-button {
	background-image: url(../images/signup-bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 68px;
	height: 27px;
	float: left;;
	padding: 0px 0 0px 0;
	cursor: pointer;
}

/* ========================================= */
/*    Styles for the Navigation Menu Bar     */
/* ========================================= */
.navigation {
	height: 35px;
	background-color: #000000;
	background-image: url(../images/nav-bg.gif);
	background-repeat: repeat-x;
}

.navigation .wrapper {
	width: 965px;
}

.navigation ul li {
	float: left;
}	

.navigation ul li a {
	width: 193px;
	line-height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 	16px;
	font-weight: bold;
	color: #cfcfd0;  /* Muted Yellow */
	background-image: url(../images/nav-sepaarator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	text-align: center;
}

.navigation ul li.last a {
	background-image: none;
}

.navigation ul li a:hover {
	text-decoration: none;
	color: #d4d630;  /*  Yellow */


}

/* ========================================== */
/*    Styles for the Main Content Section     */
/* ========================================== */

.content {
	background-image: url(../images/content-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #FFFFFF;  /* WHITE */
	overflow: hidden;
	zoom: 1;
	padding-bottom: 40px;
}

.content .wrapper {
	width: 1020px;
	margin: 0 auto;
}

/* define the main page promo image */
.content .intro {
	background-image: url(../images/tf-bg.jpg);
	background-repeat: no-repeat;
	height: 398px;
	width: 1097px;
	margin: 0 -38px 0 -39px;
	position: relative;
}

/* neccessary wrapper for the jquery animated promo */
.content .intro .fp-promo {
	position: absolute;
	left: 320px;
	top:20px;
}

/* Stylings for homepage jQuery slider */
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;

}
#slider li {
	width:744px;
	height:240px;
	overflow:hidden;
}

.content .intro h1 {
	width: 380px;
	text-align: center;
	position: absolute;
	font-family: "myriad Pro";
	font-size: 30px;
	font-weight: 300;
	color: #3e3e3e;
	left: 410px;
	top: 250px;
	letter-spacing: -1px;
	line-height: 30px;
}

* html .content .intro h1 {
	width: 420px;
	left: 410px;
}


/* define the front page START button  */
.content .intro a.button {
	background-image: url(../images/start-here-button-bg.gif);
	width: 150px;
	height: 73px;
	display: block;
	line-height: 65px;
	position: absolute;
	bottom: 50px;
	right: 90px;
}

/* define the hover behavoir front page START button  */
.content .intro a.button:hover {
	background-image: url(../images/start-here-button-hover.gif);
}	

.content .flash {
	background-color: #FFF;
	margin-left: 12px;
	width: 1020px;
}

.content .intro .flash {
	background: none;
	width: 725px;
	height: 380px;
	float: right;
	margin: 10px 0;
}

.content .intro .price-promo {
	position: absolute;
	background-image: url(../images/price-promo.gif);
	width: 749px;
	height: 69px;
	background-repeat: no-repeat;
	bottom: -43px;
	left: 334px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #e72d7a;
	padding-top: 24px;
	padding-left: 30px;
}

.content .intro .red-2 {
	/* background-image: url(../images/red-2.gif); */
	background-image: url(../images/end-ribbon-chick.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 135px;
	position: absolute;
	left: 1040px;
	bottom: -71px;
}

.content .box {
	background: none;
	background-image: url(../images/box-bg.png);
	background-position: top left;
	background-repeat: repeat-y;
	margin-left: 8px;
	margin-right: -10px;
	position: relative;
	width: 1028px;
	overflow: hidden;
}

.content .box .promo1 {
	background-image: url(../images/promo-1.png);
	width: 167px;
	height: 250px;
	display: block;
	/* line-height: 65px; */
	position: absolute;
	top: 125px;
	right: 50px;
}

.content .box .promo2 {
	background-image: url(../images/promo-2.png);
	width: 128px;
	height: 80px;
	display: block;
	/* line-height: 65px; */
	position: absolute;
	top: 19px;
	right: 100px;
}

.content .box .promo3 {
	background-image: url(../images/promo-3.png);
	width: 106px;
	height: 75px;
	display: block;
	/* line-height: 65px; */
	position: absolute;
	bottom: 20px;
	right: 475px;
}
/* ---------------------------------------------------- */
/*             UPDATED THE FOLLWING SECTION             */
/* ---------------------------------------------------- */
.content .box a.button {
	background-image: url(../images/try-it-now-button-bg.gif);
	width: 150px;
	height: 61px;
	display: block;
	line-height: 65px;
	position: absolute;
	bottom: 20px;
	right: 70px;
}

.content .box a.button:hover {
	background-image: url(../images/try-it-now-button-hover.gif);
}

/*   ---------------------------------  */
/*   ADDED NEW "AFFILIATE JOIN" BUTTON  */
/*   ---------------------------------  */
.content .box a.abutton {
	background-image: url(../images/affiliate-bg.gif);
	width: 150px;
	height: 72px;
	display: block;
	line-height: 65px;
	position: absolute;
	bottom: 15px;
	/* left: 25px; */
	right: 70px;
}

.content .box a.abutton:hover {
	background-image: url(../images/affiliate-bg-hover.gif);
}

/*   -------------------------------  */
/*      ADDED NEW "DOWNLOAD" BUTTON     */
/*   -------------------------------  */
.content .box a.download_button {
	background-image: url(../images/download-button-bg.gif);
	width: 125px;
	height: 46px;
	display: block;
}

.content .box a.download_button:hover {
	background-image: url(../images/download-button-hover.gif);
}

/*   ---------------------------------------  */
/*      ADDED NEW "DOWNLOAD PHOTO" BUTTON     */
/*   ---------------------------------------  */
.content .box a.dl_photo_button {
	background-image: url(../images/download-free-photo-button-bg.gif);
	width: 150px;
	height: 61px;
	display: block;
	line-height: 65px;
	position: absolute;
	top: 50px;
	right: 70px;
}

.content .box a.dl_photo_button:hover {
	background-image: url(../images/download-free-photo-button-hover.gif);
}


/*   -------------------------------  */
/*      ADDED NEW "Try It" BUTTON     */
/*   -------------------------------  */
.content .box a.try_it_button {
	background-image: url(../images/try-it-out-button-bg.gif);
	width: 125px;
	height: 45px;
	display: block;
	line-height: 65px;
	position: absolute;
	bottom: 20px;
	right: 70px;
}

.content .box a.try_it_button:hover {
	background-image: url(../images/try-it-out-button-hover.gif);
}

/*   -------------------------  */
/*    end of update             */
/*   -------------------------  */




.box-bottom {
	background-image: url(../images/box-bottom-bg.png);
	height: 35px;
	margin-left: 8px;
	position: relative;
	margin-right: -12px;
	background-repeat: no-repeat;
}

.gallery {
	background-image: url(../images/gallery-bg-with-tf-dress.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 1081px;
	height: 210px;
	margin: -4px -22px 0 -40px;
}

* html .gallery {
	width: 1102px;
	margin-top: -6px;
}

.box h2, .gallery h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #212121;
	padding-bottom: 10px;
	padding-top: 10px;
}

.gallery h2 a {
	font-size: 16px;
	color: #0d06ab;
	/*cursor: pointer;*/
}

.box h2 {
	margin-top: 30px;	
}

.gallery h2 {
	padding: 15px 0 10px 95px;
}

.gallery div {
	padding-left: 80px;
}

.gallery div span {
	width: 183px;
	height: 126px;
	position: relative;
	float: left;
	padding: 3px 0 0 6px;
	margin-right: 5px;
}

.gallery div a.border {
	background-image: url(../images/gallery-photo-corners.png);
	background-repeat: no-repeat;
	float: left;
	width: 194px;
	height: 138px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

.inner .gallery {
	background-image: url(../images/gallery-inner-bg.png);
	background-repeat: no-repeat;
	width: 1082px;
	height: 210px;
	padding: 0;
	margin: 0 0 0 -40px;
}

.inner .box {
	margin: 0 0 0 8px;
}

.inner .box-content {
	background: none;	
}

.box-content h2 {
	margin-top: 0;	
}

/* box-content Header 4 Style */
.box-content h4 {
	color: #212121;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #212121;
}


/* Added the following two styles for formatting unordered lists */
/* Bill MacKrell 12/6/08 */

/* remove any predefined formatting */
.box-content ul {
	margin: 20;
	padding: 0 0 0 20px;
	width: 800px;
	list-style-type: disc;
	line-height:150%;
}
/* replace standard bullet with arrow */
.box-content li {
	/* background: url(../images/arrow.gif) no-repeat 0 50%; */
	/* background: url(../images/green_bulb_bullet.gif) no-repeat 0 50%; */
	padding-left: 30px;
	line-height: 24px;
	list-style-position: outside;
}

.box-content ul li ul {
list-style-type:circle;

}

ul li ul li {
padding:0 0 0 15px;
}

/*  END OF BILL'S UNORDERED LIST STUFF */


.simple .gallery {
	background: none;	
	width: 1082px;
	height: 140px;
	margin: 0 -22px 7px -80px;
}

.box-content {
	padding-left: 30px;
	padding-right: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: -10px;
}

/*  -----------------------------------------------------  */
/*  The Three text regions on the bottom of the home page  */
/*  -----------------------------------------------------  */

/* the base style */
.tripple {    		
	float: left;
	width: 300px;
	margin: 0 25px 0 0px;
}

/* the paragraph class */
.tripple .p {		
	padding: 7px 10px 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #212121;
	display: block;
}

/* the Header 3 Style */
.tripple .h3 {
	padding: 10px 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #707171;
	display: block;
}

/* the Header 2 Style */
.tripple .h2 {
	color: #212121;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.tripple a {
	text-decoration: none;
}

.tripple a:hover {
	text-decoration: none;
}

.tripple .p .a {
	color: #0d06ab; 
	display: inline;
}

.footer .wrapper {
	margin: -30px auto 10px auto;
	position: relative;
	color: #FFFFFF;
	overflow: hidden;
	width: 1020px;
}

.footer a {
	color: #FFFFFF;
}

.footer .left {
	float: left;
	width: 250px;
	padding: 0 0 0 30px;
}

.footer .right {
	width: 680px;
	float: right;
	text-align: right;
	padding-right: 10px;
}

.footer .right div {
	padding-left: 10px;
	float: right;
}

.footer .right div a {
	padding: 0;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

/* -----------------
	Intro Page Styles
------------------- */

.intropage {
	background-image: url(../images/intropage-bg.png);
	height: 767px;
	background-repeat: repeat-x;
}

.intro-content {
	background-image: url(../images/intropage.png);
	background-repeat: no-repeat;
	width: 1482px;
	height: 767px;
	margin: 0 auto;
	position: relative;
}

.intro-content h1 {
	position: absolute;
	left: 895px;
	top: 123px;
	font-family: "myriad Pro";
	font-size: 46px;
	color: #FFFFFF;
	line-height: 40px;
	font-weight: 300;
}

.intro-content .signup h1 {
	position: relative;
	top: 0;
	left: 0;
}

.intro-content .instantly {
	position: absolute;
	width: 565px;
	left: 895px;
	top: 269px;
	font-family: "myriad Pro";
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
}

.intro-content .signup {
	position: absolute;
	left: 1040px;
	top: 673px;
}

.intro-content .footer {
	position: absolute;
	left: 75px;
	top: 710px;
	color: #FFFFFF;
}

.photo-cart {
	float: right;
	width: 105px;
	margin-left: 15px;
	padding: 20px 0 0 0;
}

.photo-cart a {
	display: block;
	background-image: url(../images/photo-basket.png);
	width: 105px;
	height: 65px;
	background-repeat: no-repeat;
}



/* ---------------------------------------------------- */
/*             UPDATED THE FOLLWING SECTION             */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/*  Added new Style classes to be used on the           */
/*   Examples page.                                     */
/*   											        */
/*       BM: 12-05-08                         		    */
/* ---------------------------------------------------- */

.examplewide {
	margin-right: 25px;
	margin-left: 25px;
	padding-bottom: 15px;
}
.examplewide img {
	margin-right: 10px;
}
.examplewide h3 {
	font-size: 16px;
	padding-bottom: 8px;
	color: #0a06a4;
}
.examplewide strong {
	color: #666666;
}

.examplewide a {
	color: #666666;
}
.examplewide p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
.examplewide td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.examplearrow {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
}

.examplebulb {
	background-image: url(../images/green_bulb_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
}

/*   --------------------------------------------  */
/*    Added Styles for Gallery with dynamic popups */
/*   --------------------------------------------  */

#GalleryItem {
	/* border: 1px solid #C2C7BE; */
	margin-left: 25px;
	margin-right: 75px;
	margin-top: 20px;
	/* margin-bottom: 20px; */
	padding: 15px 15px 15px 15px; /* top, right, bottom, left */
	position: relative;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#GalleryItem a, #GalleryItem a:visited {
	color: #8A9483;
	text-decoration: none;
}

#GalleryItem a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#GalleryItem h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #0a06a4;
}
#GalleryItem p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

#GalleryPic {
	background-color: #FFFFFF;
	/* left: 10px; */
	position: relative;
	top: 10px;
	width: 135px;
	padding-bottom: 15px;
}

#GalleryPic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#GalleryPic a img {
	border: 0;
}

#GalleryPic a.p1, #GalleryPic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 150px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 200px;
}

#GalleryPic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#GalleryPic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	width: 640px;
	height: 480px;
	position: absolute;
	left: 220px;
	top: -50px;
	
}