/* Stylesheet for Apex Valves website
Created by Trevor Scott, BurningChrome.co.nz - October 2007
Last Updated 14 October 2007 */

/* Universal Styles -------------------------------
*/
body.popup {
	font-family : arial, tahoma, verdana, helvetica;
	color : #000000;
	font-size : 11px;
	margin: 4px 0 0 4px;
	background-color : #FFFFFF
}

body.embedded {
	background-color : #CC0020
}
div img{
	margin : 0;
	padding : 0;
	border : 0px none;
	display: block
}
td {
	font-family : arial, tahoma, verdana, helvetica;
	font-size : 11px;
	color : #000	
}

ul {
	margin-left : 15px;
	list-style-image : url('http://www.apexvalves.co.nz/media/wmp/images/bullet_point.gif')
}

a {
	font-family : tahoma, arial, verdana, helvetica;
	color : #FFF;
	text-decoration : none;
}

a:hover {
	color : #CC0020;
	text-decoration : underline;
}

/*a:visited {
	color : #000;
	text-decoration : none;
}*/

#video_links {
	width : 232px;
	height : 140px;
}

.embedded_video {
	width: 320px;
	height: 332px;
	float: right;
}
#clear_spacer {
	height: 4px;
	display : block;
}

#clear_vert_spacer {
	width : 4px;
	height : 100%;
	float : left;
	display : block;
}

#spacer {
	background-color: #FFFFFF;
	height: 4px;
	display : block;
}

#vert_spacer {
	width : 4px;
	height : 100%;
	float : left;
	display : block;
	background-color: #FFF
}

#video_popup_container {
	width: 410px;
	height: 444px
}

/* Banner -------------------------------
*/

#video_popup_header_container {
	width : 410px;
	height : 70px
}

#video_popup_header_logo {
	width : 394px;
	height : 62px;
	padding : 6px 0px 0px 6px;
	overflow : hidden;
	float : left;
	background-color : #FFF
}

/* Main Content -------------------------------
*/

#video_popup_content_container {
	width : 402px;
	background-color : #CC0020
}

#video_popup_content_player {
	width : 320px;
	height : 310px;
	float : left;
	text-align : center
}

/* Footer -------------------------------
*/

#video_popup_footer {
	width : 402px;
	height : 68px;
	background-color : #999999;
}

#video_popup_footer_left {
	width : 260px;
	height : 68px;
	float: left;
}
#video_popup_footer_right {
	width : 138px;
	height : 68px;
	float : left;
	background-color : #CC0020
}
#video_popup_footer_text {
	font-size: 12px;
	font-weight : bold;
	color : #000;
	padding: 3px 3px 3px 10px	
}

#video_popup_bandwidth_buttons {
	width : 124px;
	height : 20px;
	background-color : #333;
	float : left
}

#video_popup_footer_buttons {
	width : 138px;
	height : 20px;
	background-color : #333333;
	font-size : 12px;
	font-weight : bold;
	color : #666666;
}

#video_popup_footer_buttons_blank {
	width : 138px;
	height : 20px;
	background-color : #999999;
}

#video_popup_footer_buttons_text {
	padding : 3px 3px 3px 10px;
	font-size : 12px;
	font-weight : bold;
	color : #066;
}

/* Miscellaneous Styles --------------------------
*/

#video_popup_label {
	font-size : 13px;
	font-weight : normal;
	padding : 0px 4px 4px 6px	
}

#video_popup_text_container {
	padding : 0px 4px 4px 6px;
}

#video_popup_text {
	font-size : 11px;
	font-weight : normal;
	padding : 0px 4px 4px 6px
}

#video_popup_titles {
	background-color : #999;
	color : #FFF;
	background-color : #CC0020
}
.smallTextWhite {
	color : #FFF;
	font-size : 10px;
}
.smallTextWhite a {
	color : #FFF;
	text-decoration : none;
}
.smallTextWhite a:hover {
	color : #0C9;
	text-decoration : none;
}
.smallTextBlack {
	font-family : tahoma,arial,verdana,helvetica;
	color : #000;
	font-size : 11px;
}
.smallTextBlack a {
	color : #000;
	text-decoration : none;
}
.smallTextBlack a:hover {
	color : #F60;
	text-decoration : none;
}
.errorText {
	color : #FF0000;
}