/* -------------------------------------------------------------- 
	typography.css 
	* Sets up some sensible default typography. 
	* Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/ 
-------------------------------------------------------------- */ 

/* Default font settings. 
	The font-size percentage is of 16px. (0.813 * 16px ~ 13px) */ 
	
	body { font-size: 81.3%; color: #373737; font-family: Tahoma,"Helvetica Neue", Arial, Helvetica, sans-serif; } 
	
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #121211; } 
h1 { font-size: 1.231em; line-height: 1; margin-bottom: 0px; } 
h2 { font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1.115em; line-height: 1; margin-bottom: .25em; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* Text elements -------------------------------------------------------------- */ 
p { margin: 0 0 1.5em; line-height: 1.25; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #000; } 
a { color: #e34826; text-decoration: underline; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists -------------------------------------------------------------- */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;} 

/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 

/* Misc classes -------------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: .8em; line-height: 1em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } 
.quiet { color: #666; } 
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }

.home_btn a {
	padding: 10px 34px 8px 34px;
	background-color: #e34826;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-size: 1.186em;
	float: right;
}
.home_btn a:hover {
	background-color: #cc3919;
}
#back_btn_container{
	margin: 30px 0px;
}
.back_btn a {
	padding: 10px 20px 8px 20px;
	background-color: #e34826;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-size: 1.185em;
}
.back_btn a:hover {
	background-color: #cc3919;
}
#next_btn_container{
	margin: 30px 0px;
	padding-left: 2px;
}
.next_btn a {
	padding: 10px 20px 8px 20px;
	background-color: #e34826;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-size: 1.185em;
}
.next_btn a:hover {
	background-color: #cc3919;
}
#see_all_btn {

	margin-top: 20px;
}
#see_all_btn a {
	padding: 5px 10px 5px 10px;
	background-color: #e34826;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-size: .8em;
	color: #e5e5e5;
	margin-left: 15px;
}
#see_all_btn a:hover {
	background-color: #cc3919;
}
.gtsymbol {
	line-height: 1em;
	margin: 0px;
	vertical-align: baseline;
	position: relative;
	top: -0.05em;
}
.ltsymbol {
	line-height: 1em;
	margin: 0px;
	vertical-align: baseline;
	position: relative;
	top: -0.05em;
}

#logo {
	padding-top: 30px;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: -60px;
}

#logo p {
	color: #373737;
	font-size: 3.692em;
	text-transform: uppercase;
	text-align: center;
	opacity: .75;
	border-bottom: 2px solid #373737;
}

#home_graphic {
	margin: 0px;
	padding-bottom: 10px;
}

#home_main_content {
	margin: 0px;
}

#main_content {
	border-top: 2px solid #121211;
	padding: 10px 0px;
	margin: 0px;
}

#main_content p {
	padding: 0px 145px 0px 0px;
}

.steps {
	width: 145px;
	height: 375px;
	background-image: url(../img/steps_bg.png);
	display: inline;
	float: left;
	margin: 0px 43px 10px 0px;
}
.steps p {
	padding: 15px 10px;
	color: #e5e5e5;
}

.steps img {
	position: absolute;
	top: 290px;
	margin-left: 35px;
}

.last {
	margin: 0px;
}

.step_number {
	font-size: 1.731em;
	color: #e5e5e5;
	text-transform: uppercase;
	display: block;
	margin: -.2em 0px 0px 0px;
	padding: 0px;
}

.step_action {
	font-size: 2.423em;
	color: #e5e5e5;
	text-transform: uppercase;
	letter-spacing: -.04em;
	display: block;
	margin: -.5em 0px 0px 0px;
	padding: 0px;
}

.step_gifts {
	font-size: 1.423em;
	color: #e5e5e5;
	text-transform: uppercase;
	letter-spacing: -.06em;
	line-height: 1em;
	display: block;
	margin:  -.9em 0px -.5em 0px;
	padding: 0px;
}

.steps_video {
	width: 142px;
	min-height: 375px;
	float: left;
	background-image: url(../img/steps_dk_bg.png);
	margin: 0px;
	margin-bottom: 10px;
}

.steps_video p {
	padding: 12px 10px;
	color: #e5e5e5;
}

.steps_video img {
	position: absolute;
	top: 290px;
	margin-left: 35px;
}

#video_player_container {
	margin: 0px;
	width: 568px;
	min-height: 375px;
	float: right;
	background-image: url(../img/steps_bg.png);
	margin-bottom: 10px;
}

#video_player_container p {
	color: #e5e5e5;
	padding: 0px 44px;
}

#gifts_player_container {
	margin: 0px;
	width: 208px;
	height: 375px;
	float: right;
	background-image: url(../img/steps_bg.png);
	margin-bottom: 10px;
}

#gifts_player_container p {
	color: #e5e5e5;
	padding: 0px 44px;
}


#assessment_container {
	margin: 0px;
	width: 568px;
	min-height: 375px;
	float: right;
	background-image: url(../img/steps_bg.png);
	margin-bottom: 10px;
}

#assessment_container h3 {
	color: #e5e5e5;
	padding: 10px 20px 0px 20px;
}

#assessment_container p {
	color: #e5e5e5;
	padding: 0px 20px 7px 20px;
}

/* controls for video player */
/* remove ugly system borders links */
#player a img 	{ 	border:0 }
#player a:active { 	outline:none; }
:focus   { -moz-outline-style:none; }
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:8px;
	margin:12px 0 0;
	padding:5px 0 0;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls a.play, div.controls a.pause { 
	position:absolute;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(../../assets/img/play_pause.png) center top no-repeat;
	margin-top: -10px;	
}

div.controls a.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url(../../assets/img/track.png) no-repeat;
	text-align:left;
	cursor:pointer;
	width:460px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(../../assets/img/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:450px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

/* hide time and controls in Apple look */
div.controls div.time, div.controls a.mute, div.controls a.unmute {
	display:none;		
}


#player {
	width:480px;
	height:270px;
	margin: 10px 44px;
}
#gifts_player {
	width:320px;
	height:180px;
	margin: 18px 20px;
}

#gifts_video_container {
	float: right;
	background-image:url(../img/steps_dk_bg.png) ;
	height: 375px;
	margin: 0px;
	padding: 0px;

}

#htmlControls {
	margin: 10px 44px;
}
/* End of controls for video player */

label.question_label {
	width: 410px;
	display: block;
	float: right;
	color: #e5e5e5;
}
label.question_label_sec_3 {
	width: 470px;
	display: block;
	float: right;
	color: #e5e5e5;
	margin-right: 42px;
	line-height: 1.055em;
}
div.checkbox_section {
	margin-bottom: 1.25em;
	padding-left: 32px;
}

fieldset div {
	padding-bottom: 17px;
}

/* form to Wizard */
 fieldset { border:none; width:500px; padding: 10px 34px 0px 34px;}
        legend {display: none; }
        input[type=text], input[type=password] { padding:5px; border:solid 1px #000;}
        .prev, .next, input#section_one, input#section_three { background-color:#e34826; padding:5px 10px; color:#fff; text-decoration:none; text-transform: uppercase; font-size: 11px;}
        .prev:hover, .next:hover { background-color:#cc3919; text-decoration:none;}
        .prev { float:left;}
        .next { float:right;}
        #steps { list-style:none; overflow:hidden; margin:0px; padding:0px;background-image:url(../img/steps_dk_bg.png);}
        #steps li {font-size:1em; float:left; padding:6px 4px; color:#5d5d5d; text-transform: uppercase;font-weight: normal;}
        #steps li span {font-size:.69em; display:block;}
        #steps li.current { color:#e5e5e5;}
        #makeWizard { color:#e5e5e5; padding:5px 10px; text-decoration:none; font-size:12px;}
        #makeWizard:hover { background-color:#000;}
        input#section_one {float: right;margin-top: -55px;margin-right:30px;border: none;}
        input#section_three {margin:15px 0px 22px 22px;border: none;}
#scoring {
	color: #888;
	font-size: .9em;
	padding: 10px 41px 5px 41px;
	line-height: 1.2em;
}
#scoring span {
	font-size: 1.115em;
	padding-right: 1.114em;
}

#scoring.scoring_three {
	color: #888;
}
input[type="submit"] {background-color:#e34826; padding:5px 10px; color:#fff; text-decoration:none; text-transform: uppercase; font-size: 11px;border:none;}

/* controls for video player */
/* remove ugly system borders links */
#gifts_player a img 	{ 	border:0 }
#gifts_player a:active { 	outline:none; }
:focus   { -moz-outline-style:none; }
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.gifts_controls { 
	position:relative;
	height:8px;
	margin:12px 0 0;
	padding:5px 0 0;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.gifts_controls a.play, div.gifts_controls a.pause { 
	position:absolute;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(../../assets/img/play_pause.png) center top no-repeat;
	margin-top: -10px;	
}

div.gifts_controls a.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.gifts_controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url(../../assets/img/track2.png) no-repeat;
	text-align:left;
	cursor:pointer;
	width:300px;	
}

/* the draggable playhead */
div.gifts_controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(../../assets/img/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.gifts_controls div.progress, div.gifts_controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:290px;
}

div.gifts_controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.gifts_controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

/* hide time and controls in Apple look */
div.gifts_controls div.time, div.gifts_controls a.mute, div.gifts_controls a.unmute {
	display:none;		
}
#htmlGiftsControls {
	margin: 10px 20px;
}
#playlist_header p{
	font-size: 1.115em;
	color: #e5e5e5;
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0px;
	padding:0px;
}
#playlist_header_d p{
	font-size: 1.115em;
	color: #e5e5e5;
	text-transform: uppercase;
	text-align: center;
	margin: 5px 0px;
	padding:0px;
}
#playlist_header p>span {
	vertical-align: baseline;
	position: relative;
	top: 0.03em;
}
.gifts_player_c {
	padding: 0px;
	

}
.gifts_player_c a {
	padding: 0px;
	margin: 0px;
	display: block;
	text-decoration: none;
	padding:13px 15px;
	width:178px;
	text-align: left;
	font-size: 1.115em;
	color: #e5e5e5;
	text-transform: capitalize;
}
.gifts_player_d a {
	padding: 0px;
	margin: 0px;
	display: block;
	text-decoration: none;
	padding:2px 15px 4px 15px;;
	width:178px;
	text-align: left;
	font-size: 1em;
	color: #e5e5e5;
	text-transform: capitalize;
}



.gifts_player_c a.playing {
	background-color: #3e3d39;
}
.gifts_player_d a.playing {
	background-color: #3e3d39;
}

.gifts_player_c img {
	margin: 0px;
	padding: 0px;
}

.gifts_player_c a:hover {
	background-color: #e34826;

}
.gifts_player_d a:hover {
	background-color: #e34826;

}

#accordion {
	margin: 30px;
}
#video_player_container.congrats h3 {
	padding-left: 44px;
	padding-top: 45px;
	color: #e5e5e5;
	font-size: 2.25em;
	text-transform: uppercase;
}
.gift_list {
	text-transform: capitalize;
}

.gift_synopsis {
	width: 280px; 
	color: #e5e5e5; 
	padding: 10px 20px;
}
.gift_synopsis img {
	margin-top: -15px;
}
#login_container {
	
}
#login_container h1 {
	text-transform: uppercase;
}
#login_link {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
}