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


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
/* * a { position:relative } Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { height:1px; margin:-1px 0 0 0 }
h1 { font: 2.6em Helvetica, Arial, sans-serif; font-weight: normal; color: #BAD531; margin-bottom: 5px; }
h1 span { font-size: 20px;  }
 .green { color: #BAD531; }
ul.ticklist { color:#FFF; margin-bottom: 15px; margin-top: 10px; font-size: 1.3em; margin-right: 50px;}
ul.ticklist  li { color:#FFF; background:url(../interface/Bullet-on-black.gif) 0 0 no-repeat; padding: 0 0 8px 20px;}

ul.ticklist ul { color:#FFF; margin-bottom: 5px; margin-top: 10px;}
ul.ticklist  ul li { color:#FFF; background: none; padding: 0 0 8px 0;}



#dvds h2 { font: 1.4em Helvetica, Arial, sans-serif; font-weight: normal; color:#fff; margin-bottom: 15px;   }
#dvds p { color:#FFF;}
#dvds ul.ticklist { color:#FFF; margin-bottom: 15px; margin-top: 0;}
#dvds ul.ticklist  li { color:#FFF; background:url(../interface/Bullet-on-black.gif) 0 0 no-repeat; padding: 0 0 8px 20px; font-size: .8em; line-height:1.5em; width: 80%;}
#dvds ul.ticklist  li strong { font-size: 1.3em;}
blockquote { font: 2.9em Helvetica, Arial,  sans-serif; font-weight: normal; color: #fff; margin-bottom: 5px; }
blockquote span { font: .5em Helvetica, Arial,  sans-serif; font-weight: normal; color: #BAD531;  }

li { font: 1em Arial, Helvetica, sans-serif; margin:0; }
a { text-decoration:none; color:#fff; }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, sans-serif; color: #fff; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #000 url(../interface/background-full-screen-width.gif) repeat-y top center;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p { margin: 10px 0 15px 0; font-size: 1.2em; line-height: 1.3em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }
.white { color:#FFF;}

/* Default link styling */
a { color: #ccc; text-decoration: none; }
a:hover { color: #ccc; text-decoration: underline; }

a.buylink { padding: 5px 10px 5px 5px; background:#BAD531; color:#000; width:auto; font-size: 1.3em; font-weight: bold;}
a:hover.buylink { background: #F1F7D7;}

a.morelink { padding: 5px 10px 5px 5px; background:#BAD531; color:#000; width:auto; font-weight: bold;}
a:hover.morelink { background: #F1F7D7;}

#leftcolumn h1 { font-size: 1.3em; color:#FFFFFF; margin-bottom: 10px;}
#leftcolumn p { font-size: .9em;}
	
#tutorials #paddingwraper h2 { float: left; font-size: 1.3em; color:#FFFFFF; margin-bottom: 10px; width: 600px; color:#BAD531; font-size: 2.4em; font-weight: normal;}	
#tutorials #paddingwraper img { float: left; border: 4px solid #000; margin-right: 20px; margin-bottom: 20px;}
#tutorials #paddingwraper p { float: left;  width: 600px; }
#tutorials #paddingwraper hr { clear: both; float: left; margin: 15px 0 ; width: 100%;}
	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	.clearSpacer { margin-top: 14px; height: 15px;
	clear:both;
	}
		.clearSpacer2 { margin-top: 10px; height: 5px;
	clear:both;
	}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */

#wrapperinner { width: 970px; margin: 0 auto; /* centers content */ position: relative;}
#wrapperheader { width: 950px; margin: 0 10px; float: left; height: 163px; position: relative; z-index: 100; background: #000; border-bottom: 1px solid #000; 	}


* html #headerwrap { margin: 0 5px; /* width fix for IE6 */ }

#wrapperheaderflash { width: 950px; margin: 10px 10px 0 10px ; float: left; height: 300px; position: relative; z-index: 100; background: #000 ; border-bottom: 1px solid #000; 	}

#contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background: transparent; }
#contentinerback {width: 970px; float: left; background: url(../interface/background-black-glow.jpg) no-repeat top center; }
#home #contentinerback {width: 970px; float: left; background: url(../interface/background-black-glow.jpg) no-repeat top center; }
#dvds #contentinerback { margin-top: 10px;}
#paddingwraper {width: 960px; float: left; margin: 0 0 0 10px; padding: 25px 0; }
#paddingwraper .gutter2 { margin: 0 0 0 20px;}


#leftcolumn { float: left;	width: 290px; clear: both; padding-bottom: 10px;  margin: 0 0 0 0; background: url(../interface/left-column-back.png) right bottom repeat-y; 	 }
.gallery #leftcolumn { background: url(../interface/left-column-back-black-version.png) right bottom repeat-y; 	 }
#leftcolumn .gutter { margin: 10px 20px 10px 10px ;  }
#leftcolumn .gutter2 { margin: 10px 20px 10px 17px ;  }
#leftcolumn .gutter3 { margin: 10px 20px 10px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; }
		
.btnlinks { margin: 25px 10px 30px 10px ; }
.btnlinks img {padding-bottom: 20px;}
 
.sideflash { margin: 0px 0px 30px 7px; padding: 0 0 5px 0;  width: 248px; border: 1px solid #4F4F4F; background: url(../interface/background-diag-hatch.jpg) 0 0 no-repeat #000; text-align: center;}

.sideflash span { font-weight: bold; width: 248px; }
.sideflash span a { padding: 10px 10px 20px 10px; font-weight: bold;  }

.sideflashvid { margin: 10px 0px 30px 15px; padding: 0 0 0 0;  width: 248px;  text-align: center; height: 192px; overflow: hidden;}

.sideflashvid span {  font-weight: bold; width: 248px; padding: 0; }

#rightcolumn { float: right; width: 654px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}

#rightcolumnTrainingBack { background:url(../interface/FREE-Training-Page-background.jpg) 0 0 no-repeat; width: 654px;  height: 670px;}
#rightcolumnTrainingBacktxt { width: 280px; float: right ; margin-top: 30px; text-align: right;}
#rightcolumnTrainingBacktxt h2 { color:#B9D431 ;  font-size: 2.3em; margin: 15px 22px 15px 15px;}
#rightcolumnTrainingBacktxt h3 { color: #FFF; font-size: 1.7em; margin: 15px 22px 15px 15px; }

.contentimage { margin: 10px 0; border: 1px solid #999; }
	#footerwrap { border-top: 1px solid #080808;
		 
		width: 950px;
		margin: 10px 0 30px 0   ;
		padding: 10px 0 20px 0;
		float: left;
		position: relative;
		text-align: center;
		color: #666;
	}
	* html #footerwrap { margin:10px 0 30px 0    ; }
	
	#footerwrap a {
	color: #666;
}
	
	/* ----------------------------------- */

/* layouts used on individual pages */
#Maincolumn { float: left; width: 685px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; background: url(../interface/mainContentBack.png) right bottom repeat-y;  	}
/* IE6 alternative not so good looking but works! */
	* html #Maincolumn { background: url(../interface/mainContentBack.jpg) top left repeat-y; }
	
.white #Maincolumn { float: left; width: 685px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; background-image: none; background: #FFF;}


#dvds #paddingwraper #Maincolumn .gutter { margin: 10px 20px;}
#video640 { margin-bottom: 20px;}
#sidepanel { float: right;	width: 260px; padding-bottom: 10px;  margin: 0 0 0 0; background: url(../interface/diag-black-background-subtle.jpg) right bottom repeat-y; 	 }
#sidepanel .gutter { margin: 15px;}
#dvds #sidepanel .gutter { margin-top: 15px;}
#dvds #sidepanel .gutter img { margin-bottom: 14px;}
#dvds #sidepanel .gutter img.DVDcover { margin-top: 18px;}

#dvds #sidepanel .gutter img.nomargin { margin-bottom: 0;}
#dvds #sidepanel .gutter img.Floatleft { margin: 0 5px 0 0;}
#sidepanel .containerBlock {  margin-top: 15px;  border-top: 10px solid #080808;  padding: 10px 0; }
#sidepanel .containerBlock p { margin: 0; color: #BDBDBD; font-size: .9em;}
#sidepanel h3 { color:#FFF; font-size: 1em; font-weight: normal; margin-bottom: 5px;}
#sidepanel  .testimonialsSide { font-size: 1.2em; }
#sidepanel  .testimonialsSide h3 { font-size: 1.2em; font-weight: bold; color:#BAD531; margin-bottom: 20px; padding-top: 20px;  }
#sidepanel  .testimonialsSide  p { color: #fff; }
#dvds #sidepanel .gutter img.stars  { margin-bottom: 5px; margin-top: 10px;}
 
.smallerCent { text-align:center; font-size: .9em; padding:  15px 0;}
#gallery img { float: left; margin-right: 5px; margin-bottom: 5px; }
.photogallery { margin: 0 0 0 20px;}
.photogallery img { float: left; margin-right: 13px;   margin-bottom: 13px; display: inline;   position: relative; }

.photogallery3 { margin: 0  0; background:#000; padding: 3px 0px 3px 3px; }
.photogallery3 img { float: left; margin: 2px 0px 3px 2px ;  display: inline;   position: relative; width: 105px; }

.photogallery2 { margin: 0 0 20px 0px; border: 5px solid #454746; background:#161616;}
.photogallery2 .GutterGalleryBox { padding: 17px;}
.photogallery2 .GutterGalleryBox img { float: left; margin-right: 13px;   margin-bottom: 13px; display: inline;   position: relative; }

#dvds p.grey { color:#666}
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar { position: absolute; bottom: 0;	left: 0;	margin: 0;	height: 32px; width: 800px;	overflow: hidden;}
	#topnavbar li { float: left; height: 32px;	overflow: hidden; 	}
	#topnavbar li a {	text-indent: 0;	font-size: 1.2em; padding-top: 6px;	height: 26px; display: block;	}
	#topnavbar li a:hover { text-decoration: none; color: #EAE6AC; }
		/* individual button link styles */
	#topnavbar li.Home { width: 76px;  }
	#topnavbar li.Home a { background: url(../interface/topmenu/topmenu_1.jpg) no-repeat top left; width: 76px; }
	#topnavbar li.Home a:hover, #topnavbar li.Home a.selected { background: url(../interface/topmenu/topmenu_1_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.Photography-DVD { width: 158px; }
	#topnavbar li.Photography-DVD a { background: url(../interface/topmenu/topmenu_2.jpg) no-repeat top left; width: 158px; }
	#topnavbar li.Photography-DVD a:hover, #topnavbar li.Photography-DVD a.selected { background: url(../interface/topmenu/topmenu_2_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.About-Karl { width: 139px; }
	#topnavbar li.About-Karl a { background: url(../interface/topmenu/topmenu_3.jpg) no-repeat top left; width: 139px; }
	#topnavbar li.About-Karl a:hover, #topnavbar li.About-Karl a.selected { background: url(../interface/topmenu/topmenu_3_f2.jpg) no-repeat bottom left; }
		
	#topnavbar li.Tutorials { width: 124px; }
	#topnavbar li.Tutorials a { background: url(../interface/topmenu/topmenu_4.jpg) no-repeat top left; width: 124px; }
	#topnavbar li.Tutorials a:hover, #topnavbar li.Tutorials a.selected { background: url(../interface/topmenu/topmenu_4_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.Contact { width: 79px; }
	#topnavbar li.Contact a { background: url(../interface/topmenu/topmenu_5.jpg) no-repeat top left; width: 79px; }
	#topnavbar li.Contact a:hover, #topnavbar li.Contact a.selected { background: url(../interface/topmenu/topmenu_5_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.MembersClub { width: 190px; }
	#topnavbar li.MembersClub a { background: url(../interface/topmenu/topmenu_6.jpg) no-repeat top left; width: 190px; }
	#topnavbar li.MembersClub a:hover, #topnavbar li.MembersClub a.selected { background: url(../interface/topmenu/topmenu_6_f2.jpg) no-repeat bottom left; }
	
	

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 290px;
		font-size: 1.1em; 
		
	}
#sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 290px;
	}
#sideMenuMain li {
		float: left;
		width: 260px;
		padding: 10px 10px 10px 12px;
		margin: 0 10px 0 0;
		overflow: hidden;
		border-top: 1px solid #363636;
		border-bottom: 1px solid #121212;
		background: transparent;
	}
#sideMenuMain li a img  { float:left; padding-right: 8px;}
#sideMenuMain li a {
		float: left;
		color: #999;
		
	}
#sideMenuMain li a:hover {
		color: #fff; text-decoration:none;
	}
#sideMenuMain li.canon5d { background:url(../interface/EOS-5D-icon.gif) 10px 10px no-repeat; }

li.canon5d a {padding: 5px 10px 5px 55px;}

/* LEFT NAV SECTION STYLES GALLERY  */

/* ------------------------------------ */

.gallery #sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 290px;
		font-size: 1.1em;
		
	}
.gallery #sideMenuMain h2 { margin: 10px 10px 5px 20px; color:#FFF; }
.gallery #sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 290px;
	}
.gallery #sideMenuMain li {
		float: left;
		width: 267px;
		padding: 8px 8px 0px 8px;
		margin: 0 10px 0 0;
		overflow: hidden;
		border-top: none;
		border-bottom: none;
		background: transparent;
	}
.gallery #sideMenuMain li a img  { float:left; padding-right: 8px;}
.gallery #sideMenuMain li a {
		float: left;
		color: #999;
		background:#000 ;
		padding: 8px;
	}
.gallery #sideMenuMain li a:hover {
		color: #fff; text-decoration:none;
		background: #2D2D2D url(../interface/side-gallery-menu-button-background-on.png) top left no-repeat;
	}

/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}

.dvdlisting { float: left;	width: 300px; height: 780px; overflow: hidden;  padding-bottom: 10px;  margin: 0 10px 0 0; background: url(../interface/Dvd-list-page-background-panel.png) bottom left no-repeat; border-top: #222222 1px solid; 	 }
.dvdlisting img{ float: left; margin-right: 10px; margin-bottom: 15px; }
.dvdlisting h2 { color:#BAD531; font-size: 1.5em; text-transform:uppercase; margin-bottom: 10px; font-weight: normal;}
.dvdlisting h2 strong { font-weight: bold;}
.dvdlisting h2 em { font-size: .7em; font-style:normal; text-transform:none; }
.dvdlisting  .gutter { margin: 10px 10px 15px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html .dvdlisting  { background: #000  url(../interface/Dvd-list-page-background-panel.gif) top left no-repeat ; }
	
	.dvdlistingtxt { float: left; width: 280px;}
	.dvdlistingtxt p { color:#FFF; }
	
/* ------------------ 172 wide dvd listing version ---------*/

.dvdlisting2 { float: left;	width: 172px; height: 500px; overflow: hidden;  padding-bottom: 10px;  margin: 0 10px 0 0; background: #000; border-left: #222222 1px solid; border-top: #222222 1px solid; border-right: #161616 1px solid;  border-bottom: #161616 1px solid;  	 }
.dvdlisting2 img{ float: left; margin-right: 0; margin-bottom: 10px; }
.dvdlisting2 h2 { color:#BAD531; font-size: 1.5em; text-transform:uppercase; margin-bottom: 10px; font-weight: normal;}
.dvdlisting2 h2 strong { font-weight: bold;}
.dvdlisting2 h2 em { font-size: .7em; font-style:normal; text-transform:none; }
.dvdlisting2  .gutter { margin: 10px 10px 15px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html .dvdlisting2  { background: #000  url(../interface/Dvd-list-page-background-panel.gif) top left no-repeat ; }
	
	.dvdlistingtxt2 { float: left; width: 280px;  }
	.dvdlistingtxt2 p { color:#FFF; }

.dvd-box-text { padding: 10px; color: #fff; font-weight: normal; font-size: 1em;}
.dvd-box-text a {  color:#000;   padding: 2px; font-weight: bold; }
.dvd-box-text a:hover {  color:#fff;  }
 
.dvd-box-text h2 a {  color:#BAD531; font-weight: bold; font-size: .7em; background: none; padding: 0; }
.dvd-box-text h2 a:hover { background: none; color: #BAD531; text-decoration:underline;}
.dvd-box-text h3  {  color:#fff; font-weight: bold; font-size: 1em; line-height: 1.1em; font-weight: normal;  }


/* ------------------ 129 wide dvd listing version ---------*/

.dvdlisting3 { float: left;	width: 129px; height: 300px; overflow: hidden;  padding-bottom: 10px;  margin: 0 0 0 0; background: #fff; 	 }
.dvdlisting3 img{ float: left; margin-right: 0; margin-bottom: 10px; }
.dvdlisting3 h2 { color:#BAD531; font-size: 1em; text-transform:uppercase; margin-bottom: 10px; font-weight: normal;}
.dvdlisting3 h2 strong { font-weight: bold;}
.dvdlisting3 h2 em { font-size: .7em; font-style:normal; text-transform:none; }
.dvdlisting3  .gutter { margin: 10px 10px 15px 10px ;  }
	
	
	.dvdlistingtxt3 { float: left; width: 129px;  }
	.dvdlistingtxt3 p { color:#000; }

.dvd-box-text3 { padding: 10px;  font-weight: normal; font-size: 1em;}
.dvd-box-text3 a {  color:#000;   padding: 0 2px; font-weight: bold;  line-height: 1.2em;}
 
 
.dvd-box-text3 h2 a {  color:#000; font-weight: bold; font-size: .7em; background: none; padding: 0;  text-decoration:underline; }
.dvd-box-text3 h2 a:hover { background: none; color: #BAD531; text-decoration:underline;}
.dvd-box-text3 h3  {  font-weight: bold; font-size: 1em; line-height: 1.1em; font-weight: normal;  }


/* end */

.fullwidthguarantee { margin: 30px 60px 30px 0;}
.fullwidthguarantee img { float: left; margin-right: 20px;}
.fullwidthguarantee h2 { float: left; font-size: 2.6em; width: 80%;  }
/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}

.fullwidthboxwrap {
		float: left;	margin: 0  0 10px 0;	padding: 0 0 0 0;	overflow: hidden;	list-style: none;	width: 643px; font-size: .9em; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;		}
		.fullwidthboxwrap .gutter { margin: 10px;}

/*****************/
/* half width boxes */
.halfwidthboxwrap {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.halfwidthbox  { float: left;	width: 317px;	padding: 0;	height: 245px;	margin: 0 7px 0 0;	overflow: hidden; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;	}
	.halfwidthbox .gutter { margin: 10px;}
	.halfwidthbox h2 { color:#FFF; font-size: 1.3em; margin-bottom: 8px;}
	

/***********************/	
/* Quarter width boxes */

	.quarterwidthbox {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.quarterwidthbox li { float: left;	width: 155px;	padding: 0;	height: 225px;	margin: 0 7px 10px 0;	overflow: hidden; background: #1B1B1B url(../interface/boxes_backgrounds.jpg) 100% 100% no-repeat;	}
	.quarterwidthbox li img { float: left; margin-bottom: 0px; }
	.quarterwidthbox li a {
		float: left;
		width: 148px;
		height: 275px;
		display: block;
		padding: 10px;
		color: #C3CA98;}
	.quarterwidthbox li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 150px; }
	.quarterwidthbox li a em { float: left; color: #607B78; font-style:normal; background: url(../interface/small-arrow.gif) 100%  100% no-repeat; padding-right: 10px;}
	.quarterwidthbox li a:hover { text-decoration: none ; color: #C3CA98; 	}
.quarterwidthbox li a:hover em { text-decoration: underline ; color: #fff; 	}

/***********************/	
/* Quarter width boxes end */

h1.H1Title { color:#FFFFFF; font-size: 23px; font-weight:normal; margin: 15px 0 15px 0;}
h2.H2Title { color:#FFFFFF; font-size: 20px; font-weight:normal; margin: 15px 0 15px 0;}
h2.H2TitleG { color:#B9D431; font-size: 20px; font-weight:normal; margin: 15px 0 15px 0;}
h3.H3Title { color:#FFFFFF; font-size: 16px; font-weight:normal; margin: 15px 0 15px 0;}
img.Floatleft { float:left; padding:0; border:none; margin: 0 20px 15px 0px;}
a img.Floatleft { float:left; }

/* Moo FIlm */

/* SignUp */
#SubscribeSideBox {
margin:16px 0 0 17px; padding:0 0 15px 0; width: 247px; background:url(../interface/bg-FREE-Photography-Tips.jpg) no-repeat 0 0; 
}
#SubscribeSideBox h1 { background:url(../interface/h1-FREE-Photography-Tips.jpg) 0 0 no-repeat; margin:0 0 12px 0; padding:0; width:247px; height:66px; }
#SubscribeSideBox h1 span { display:none; font-size:0;}

#SubscribeSideBoxContent {
margin:0 0 0 15px; padding:0; width: 217px;
}
#SubscribeSideBoxContent h2 { margin:5px 0 10px 0; padding:0; font-size: 1em; line-height: 1.4em; color:#BAD531;}
#SubscribeSideBoxContent h3 { margin:0px 0 2px 0;  background:#000000; padding: 10px  ; line-height: 1.3em; font-size: .9em; color:#fff; width: 197px; text-align: center;}
#SubscribeSideBox ul { width: 205px;}
#SubscribeSideBox li { width: 205px; padding: 0; margin: 0; border-top: none; border-bottom: none;}

#SubscribeSideBox ul.ticklist { color:#FFF; margin-bottom: 5px; margin-top: 10px; font-size:11px;}
#SubscribeSideBox ul.ticklist  li { color:#FFF; background:url(../interface/Bullet-on-black.gif) 0 0 no-repeat; padding: 0 0 8px 20px;}

#sidepanel .gutter img.DVDcategory {margin: 0 0 45px 0; padding:0; margin-bottom: 60px;}

.MainSubscribeBlock {padding:0; margin:0; width:312px; text-align:center;}
.MainSubscribeBlock .MainSubscribeBlockTop {padding:0; margin:0; width:312px; height:7px; background: url(../interface/subscribe-box-top.gif) 0 0; text-align:center;}
.MainSubscribeBlock .MainSubscribeBlockBase {padding:0; margin:0; width:312px; height:7px; background: url(../interface/subscribe-box-base.gif) 0 0; text-align:center;}
.MainSubscribeBlock .MainSubscribeBlockMain { margin:0; background:#BAD531; color:#000000; text-align:left; padding:5px; }
.MainSubscribeBlock .MainSubscribeBlockMain table td { padding: 3px;  }

.SideSubscribeBlock {padding: 10px 0 0 0; margin:0; width:217px; text-align:center; background: url(../interface/subscribe-box-top-203.gif) top right no-repeat;}

.SideSubscribeBlock .SideSubscribeBlockBase {padding:0; margin: 0; width:217px; height:14px; background: url(../interface/subscribe-box-top-203.gif) bottom right no-repeat; text-align:center;}
.SideSubscribeBlock .SideSubscribeBlockMain { margin:0;  color:#000000; text-align:left; padding:5px; }
.SideSubscribeBlock .SideSubscribeBlockMain table { width:200px;}
.SideSubscribeBlock .SideSubscribeBlockMain table td { padding: 1px; color:#000000; }
.SideSubscribeBlock .SideSubscribeBlockMain table td input { font-size:10px;}

.RgtSideSubscribeBlock {padding:0; margin:0; width:229px; text-align:center;}
.RgtSideSubscribeBlock .RgtSideSubscribeBlockTop {padding:0; margin:0; width:229px; height:7px; background: url(../interface/subscribe-box-top-229.gif) 0 0; text-align:center;}
.RgtSideSubscribeBlock .RgtSideSubscribeBlockBase {padding:0; margin:0; width:229px; height:7px; background: url(../interface/subscribe-box-base-229.gif) 0 0; text-align:center;}
.RgtSideSubscribeBlock .RgtSideSubscribeBlockMain { margin:0; background:#BAD531; color:#000000; text-align:left; padding:5px; }
.RgtSideSubscribeBlock .RgtSideSubscribeBlockMain table { width:220px;}
.RgtSideSubscribeBlock .RgtSideSubscribeBlockMain table td { padding: 1px; color:#000000; }
.RgtSideSubscribeBlock .RgtSideSubscribeBlockMain table td input { font-size:10px;}


.borderimageright { float: right; border: 1px solid #6A6A6A; margin: 10px 0 20px 20px;}
.borderimageleft { float: left; border: 1px solid #6A6A6A; margin: 10px 20px 20px 0px;}


/* .vzaar_media_player { border: 5px solid #454746; width:640px; height:360px;}
.vimeo_media_player { border: 5px solid #454746; width:640px; height:352px;} */

#viewcartbutton { position: absolute; top: 126px; right: 6px; width: 161px; height: 39px; z-index:900;}

.ExampleTestimonial { border: 3px solid #999999; width: 80%; background:#333333; margin: 20px 0 20px 0; padding: 20px;}

body.white  { color:#000;}
.white a { color: #000; text-decoration: underline; }
.white a:hover { color: #BAD531; text-decoration: underline; }

.white2 #contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background: #fff; }
.white2 #contentinerback {width: 970px; float: left; background: url(../interface/background-white-glow.jpg) no-repeat top center; }
.white h1 { font: 3.1em Helvetica, Arial, sans-serif; font-weight: bold; color: #BAD531; margin-bottom: 5px; margin-top: 10px; }
.white#dvds h2 {color:#000; font-size: 1.4em; font-weight: bold; line-height: 1.5em; margin-bottom: 10px; margin-top: 20px;}
.white#dvds h3 {color: #333; font-size: 1.4em; font-weight: bold; line-height: 1.5em; margin-bottom: 20px; margin-top: 20px;}

.white blockquote { color:#000; font-size: 1.8em; font-weight: bold; line-height: 1.4em; margin-bottom: 20px;}
.white#dvds p {color:#000;}
.white #sidepanel .containerBlock p { margin: 0; font-size: 1em; padding: 0 0 10px 0;} 
.white#dvds ul.ticklist { color:#000; margin-bottom: 15px; margin-top: 0;}
.white#dvds ul.ticklist  li { color:#000; background:url(../interface/Bullet-on-white.gif) 0 0 no-repeat; padding: 0 0 8px 20px; font-size:1.1em;}


.white #sidepanel { float: right;	width: 260px; padding-bottom: 10px;  margin: 0 0 0 0; background-image: none; background:#FFF; 	 }
.white #sidepanel .containerBlock {  margin-top: 15px;  border-top: 10px solid #fff;  padding: 10px 0; }
  .white #sidepanel h3 {  color: #BAD531; font-size: 1.8em; font-weight: bold; margin : 35px 0 5px 0;}
  
.white .photogallery { margin: 0  0; background:#EFEFEF; padding: 4px 4px 4px 4px; }
.white .photogallery img { float: left; margin: 3px 4px 4px 3px ;  display: inline;   position: relative; width: 99px; }

 .white .fullwidthguarantee { margin: 10px 0px  0px 0; }
 .white .fullwidthguarantee img { float: left; }
 .white#dvds .fullwidthguarantee h2 { float: left; font-size: 2.4em; width: 70%; margin: 0;  }
  .white .fullwidthguarantee p { float: left; font-size: 1em; width: 70%;  }
  .white #wrapperheader { height: 110px;}
  
.white #paddingwraper {  padding:10px 0 25px 0; }
  

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar2 { float: left;	margin: 0 0 30px 10px;	height: 32px; width: 950px;	overflow: hidden;}
	#topnavbar2 li { float: left; height: 32px;	overflow: hidden; 	}
	#topnavbar2 li a {	text-indent: 0;	font-size: 1.2em; padding-top: 6px;	height: 26px; display: block; color:#FFF;	}
	#topnavbar2 li a:hover { text-decoration: none; color:#BAD531; }
		/* individual button link styles */
	#topnavbar2 li.Home { width: 106px;  }
	#topnavbar2 li.Home a { background: none; width:106px; }
	#topnavbar2 li.Home a:hover, #topnavbar li.Home a.selected { background: none; }
	
	#topnavbar2 li.Photography-DVD { width: 188px; }
	#topnavbar2 li.Photography-DVD a { background: none; width: 188px; }
	#topnavbar2 li.Photography-DVD a:hover, #topnavbar li.Photography-DVD a.selected {  background: none; }
	
	#topnavbar2 li.About-Karl { width: 169px; }
	#topnavbar2 li.About-Karl a { background: none; width: 169px; }
	#topnavbar2 li.About-Karl a:hover, #topnavbar li.About-Karl a.selected { background: none; }
		
	#topnavbar2 li.Tutorials { width: 154px; }
	#topnavbar2 li.Tutorials a { background: none; width: 154px; }
	#topnavbar2 li.Tutorials a:hover, #topnavbar li.Tutorials a.selected { background: none; }
	
	#topnavbar2 li.Contact { width: 109px; }
	#topnavbar2 li.Contact a { background: none; width: 109px; }
	#topnavbar2 li.Contact a:hover, #topnavbar li.Contact a.selected {  background: none; }
	
	#topnavbar2 li.MembersClub { width: 220px; }
	#topnavbar2 li.MembersClub a { background: none; width: 220px; }
	#topnavbar2 li.MembersClub a:hover, #topnavbar li.MembersClub a.selected { background: none; }
	

	
	table.GreenTable {margin:0; padding:0; background:#BAD531;}
	table.GreenTable td {padding:5px 10px 5px 10px;}
	table.GreenTable td.GreenTableRgt h2 { padding:0; margin:0;}
	table.GreenTable td.GreenTableLft { background:#292929;}
	table.GreenTable td a:hover { color:#FFFFFF;}
	
	#CompetitionSubscribe { width:650px; height:101px; padding:0; margin:0; background:url(../interface/photo-competition-subscribe-bg.jpg);}
	#CompetitionSubscribe form { width:650px; padding:0; margin:0;}
	#CompetitionSubscribe table#CompetitionSubscribeTbl { margin:0; padding:0; display: block; position:relative; top:25px; left: 275px; width: 330px; }
	
		#MainSubscribe { width:650px; height:101px; padding:0; margin:0; background:url(../interface/photo-main-subscribe-bg.jpg); }
			#MainSubscribe form { width:650px; padding:0; margin:0;}
	
	#MainSubscribe table#MainSubscribeTbl { margin:0; padding:0; display: block; position:relative; top:25px; left: 275px; width: 330px; }


#MainSubscribe2 { width:360px; height:230px; padding:0; margin:0  ; background: url(../images/photography-training/get-free-training-block.jpg) 0 -20px  no-repeat; position:relative;}
			#MainSubscribe2 form { width:340px; padding:0; margin:0; position: absolute; top:100px; left: 35px; width: 290px; z-index:700;}
	
	#MainSubscribe2 table#MainSubscribeTbl { margin:0; padding:0; display: block;  }


#trainingleft { float: left; width: 590px;}
#trainingright { float: right; width: 360px; background:#000;}
#trainingright blockquote { color:#FFF; font-size: 18px; font-weight:bold; margin: 20px 30px 20px 20px;}
#trainingright .video {   margin: 10px  10px 10px 20px;}


#trainingright2 { float: right; width: 590px; padding: 0; margin: 0; background: #000;}
#trainingright2 img#trainingimage{ padding:0; margin: 20px 0 0  20px  ;}
#trainingleft2 { float: left; width: 360px; background:#000;}
#trainingleft2 blockquote { color:#FFF; font-size: 18px; font-weight:bold; margin: 20px 30px 0px 0px;}
#trainingleft2 p {  margin: 10px 10px 15px 0px;}

#trainingleft2 .video {   margin: 10px  10px 10px 0px;}

/* -- OTHER DVDS -- */
#otherDVDs { float: left; width: 645px;}

.otherDVDsindividual { float: left; width: 129px;}
.otherDVDsindividual h4 { background: #BAD531 ; border-right:4px solid black; padding: 4px; color:#000; font-size: .8em; }
.otherDVDsindividual h4 a {  color:#000;  }

.otherDVDsindividual h4.masterclass { background: #000 ;color:#fff;}
.otherDVDsindividual h4.masterclass a {  color:#fff;  }

/* -- COMPARE DVDS -- */
#CompareDVDsWrapper { width: 940px; float: left; margin: 15px 0 25px 0 ;}

#CompareDVDsWrapper table tr td.otherDVDsindividualTD { height: 280px; vertical-align:top;  }
#CompareDVDsWrapper table tr td.otherDVDsindividualTD h4 { background: #BAD531 ;   border-right:4px solid black;   padding: 4px ; color:#000; font-size: .8em;  }
#CompareDVDsWrapper table tr td.otherDVDsindividualTD h4 a {  color:#000;  }

#CompareDVDsWrapper table tr td.otherDVDsindividualTD h4.masterclass { background: #000 ;color:#fff;}
#CompareDVDsWrapper table tr td.otherDVDsindividualTD h4.masterclass a {  color:#fff;  }
#CompareDVDsWrapper table tr td { border-bottom: 1px solid #333; border-right: 1px solid #666666;}
.clearTravelTopSpacing { clear: both; margin-top: 520px;}
.clearAdvTopSpacing { clear: both; margin-top: 45px;}
.clearFashionTopSpacing { clear: both; margin-top: 95px;}
.clearRetouchingTopSpacing { clear: both; margin-top: 2845px;}


h2.large { font-size: 1.8em;}
#shareit h2.large { font-size: 1.4em; margin: 20px 0 10px 0; color: #bad512; }

#stickylabel { position:absolute; top:297px; left: 315px; width: 159px; height: 159px; overflow: hidden;}

 
#flags { position: absolute; top: 130px; left: 840px; z-index:9999;}
#dvds #flags { position: absolute; top: 170px; left: 840px; z-index:9999;}
#flags img { margin-left: 2px; vertical-align:top;}