.pngfix {
	behavior: url(../js/iepngfix.htc);
	cursor: pointer;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background-color: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GLOBAL
--------------------------------------------- */
body {
	font: 62.5%/1.7 Helvetica, Arial, sans-serif;
	background: url(../img/global/bg-body-global.png) scroll repeat-x left top;
	color: #848484;
}
/* clear float rules defined early so they won't accidentally overwrite other possible declarations */
/* for modern browsers */
    .clearfix:after {
        clear: both;
        content: "'";
        display: block;
        font-size: 0; /* fix FF bug */
        height: 0;
        overflow: hidden;
        visibility: hidden;
        }
/* for IE7 */
    .clearfix { min-height: 0; }
/* for IE<7 \*/
    * html .clearfix { height: 1%; }
/* for IE-mac (snicker) */
    /*\*//*/ .clearfix { display: inline-table; } /**/

/* LINKS */
a {
	color: #2797e6;
	text-decoration: none;
	}
a:visited {
	color: #5792bc;
	}
a:hover {
	color: #3db0f4;
	text-decoration: underline;
	}

/* MAIN CONTAINER
--------------------------------------------- */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* MASTHEAD
--------------------------------------------- */
#masthead {
	float: left;
	width: 960px;
	margin: 14px 0 7px 0;
	}
a#tmg-logo {
	width: 267px;
	height: 68px;
	background: url(../img/global/logo-tmg.png) no-repeat 0 0;
	float: left;
	left:30px;
	text-indent: -9999px;
	position: relative;
	z-index: 200;
}
#usernav {
	float: left;
	width: 680px;
	font-size: 1.1em;
	text-align: right;
	margin: 40px 0 0;
	color: #ccc;
}
#usernav li {
	background: url(../img/usernav-divider.gif) no-repeat left top;
	display: inline;
	padding: 0 10px;
	padding: 0px 5px 0px 5px;
}
#usernav li a {
	color: #ccc;
	text-decoration: none;
	padding: 0px 5px 0px 5px;	
}
#usernav li a:hover {
	color: #65e0ff;
	padding: 0px 5px 0px 5px;
}

#usernav li a.selected{
	background-color: #333333;
	padding: 0px 5px 0px 5px;
}

#nav {
	float: left;
	width: 960px;
	height: 40px;
	margin: 0 0 0px;
	font-size: 1.2em;
	background: url(../img/global/bg-nav.png) no-repeat right top;
	}
#nav ul {
	float: left;
	width: 750px;
	}
#nav ul li {
	background: url(../img/global/bg-nav-divider.png) no-repeat left bottom;
	float: left;
	height: 34px;
	}
#nav li.first {
	background: none;
	}
#nav ul li a {
	color: #fff;
	background: url(../img/global/bg-nav-sprites.png) no-repeat 0 90px;
	float: left;
	padding: 6px 10px 4px;
	margin: 4px 0 0;
	}
#nav ul li a.selected {
	background: url(../img/global/bg-nav-sprites.png) no-repeat 0 -124px;
	}
#nav ul li.first a.selected {
	background: url(../img/global/bg-nav-sprites.png) no-repeat 0 -44px;
	}
#nav ul li.first a {
	padding-left: 19px;
	}
#nav ul li a:hover {
	background: url(../img/global/bg-nav-sprites.png) no-repeat 0 -84px;
	text-decoration: none;
	}
#nav ul li.first a:hover {
	background: url(../img/global/bg-nav-sprites.png) no-repeat 0 -4px;
	}



/* HEADERS
--------------------------------------------- */
#header {
	float: left;
	width: 960px;
	background: url(../img/backgrounds/bg-header.png) no-repeat;
	}
#product-header {
	width: 960px;
	float: left;
	}

/* SUB NAVIGATION */
.subnav {
	float: left;
	width: 895px;
	height: 31px;
	padding: 0 0 0 30px;
	}
.subnav ul {
	float: left;
	}
.subnav ul li.first {
	background: none;
	}
.subnav li {
	background:transparent url(../img/headers/nav-divider-global.png) no-repeat left bottom;
	float: left;
	font-size: 1.2em;
	margin: 0;
	}
.subnav li.selected + li {
	background: none;
	}
.subnav li.selected {
	background: #CCCCCC;
	}
.subnav li a:link, .subnav li a:visited, .subnav li a:active {
	float: left;
	display: block;
	padding: 8px 14px 3px 12px;
	color: #fff;
	text-decoration: none;
	}
.subnav li.selected a:link, .subnav li.selected a:visited, .subnav li.selected a:hover, .subnav li.selected a:active {
	display: block;
	float: left;
	background: #CCCCCC;
	left: 7px;
	color: #2f2f2f;
	padding: 8px 14px 3px 12px;

	}
.subnav li a:hover {
	display: block;
	float: left;
	background: #FFFFFF;
	left: 7px;
	color: #2f2f2f;
	padding: 8px 14px 3px 12px;
	}
	
	
	
	

.product-title {
	float: left;
	width: 750px;
	height: 136px;
	}

.header-left {
	float: left;
	width: 750px;
	}
.cta {
	float: left;
	width: 204px;
	height: 163px;
	margin: 4px 5px 0 0;
	}
.cta a {
	display: block;
	text-indent: -9999px;
	}

/* STANDARD HEADER */
.header-title {
	float: left;
	width: 895px;
	height: 66px;
	color: #eeeeee;
	font-size: 3em;
	font-weight: normal;
	padding: 20px 0 0 30px;
	overflow: hidden;
	}
.header-title a {
	color: #eeeeee;
	text-decoration: none;
	}
.header-title a:visited {
	color: #eeeeee;
	text-decoration: none;
	}
.header-title a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	

/* HERO
--------------------------------------------- */

#content .hero {
	width: 100%;
	float: left;
	}
#content .hero h1, #content .hero h2 {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1em;
	}
#content .hero h1 {
	color: #666;
	font-size: 4em;
	font-weight: normal;
	margin: .5em 0;
	padding: 0;
	height: 1em;
	}
#content .hero h2 {
	font-size: 1.6em;
	margin: -.7em 0 1.5em;
	padding: 0;
	font-weight: normal;
	color: #888;
	}
#content .hero p {
	font-size: 1.4em;
	margin-top: -20px;
	}

/* SEARCH
--------------------------------------------- */
#global-search {
	background: transparent url(../img/icons/search-icon.png) no-repeat scroll 138px 12px;
	float: right;
	padding: 9px 32px 0 0;
	line-height: 18px;
}
#global-search input {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #464646;
	border-top: 1px solid #303030;
	border-right: 1px solid #464646;
	border-bottom: 1px solid #464646;
	border-left: 1px solid #303030;
	padding: 4px 0 0 6px;
	font-size: 11px;
	color: #ccc;
	font-weight: normal;
	width: 125px;
	height: 13px;
}
/* CONTENT
--------------------------------------------- */
#content {
	float: left;
	width: 900px;
	background: transparent url(../img/backgrounds/bg-content.png) no-repeat 0 0;
	padding: 30px;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* CONTENT COLUMNS */
.onecol, .twocol, .threecol, .fourcol, .twothirds, .onethird, .onefourth, .oneeighth {
	float: left;
	display: inline;
	width: 100%;
	clear: both;
	border-top: 1px solid #e3e3e3;
	padding: 15px 0 0 0;
	margin: 0 0 30px 0;
	}
.twocol .onecol {
	width: 90%;
}
 
.onecolallpages {
	width:600px;
	float: left;
	display: inline;
	clear: both;
	padding: 15px 0 0 0;
	margin: 0 0 30px 0;
}

.onecolallpages .col1 {
	width: 100%;
}
     
 
.twocol .twocol, .twocol .threecol {
	padding: 10px 0 0 0;
	margin: 0;
	background: none;
	}
.threecol {
	background: url(../img/backgrounds/bg-threecol.gif) no-repeat 0 30px;
	}
.col1, .col2, .col3, .col4 {
	float: left;
	display: inline;
	}
.onecol .col1 {
	width: 100%;
	}
.twocol .col1 {
	width: 48%;
	margin: 0 3% 0 0;
	}
.twocol .col2 {
	width: 48%;
	}
.twocol.icon .col1 {
	width: 12%;
	margin: 0 2% 0 0;
	}
.twocol.icon .col2 {
	width: 86%;
	}
.twocol.icon .twocol .col1 {
	width: 48%;
	margin: 0 4% 0 0;
	}
.twocol.icon .twocol .col2 {
	width: 48%;
	}
.threecol .col1 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.threecol .col2 {
	width: 70%;
	margin: 0 5% 0 0;
	}
.threecol .col3 {
	width: 30%;
	}
.twocol.icon.col1, .twocol.icon .onecol .col1 {
	width: 100%;
	}
.twocol.icon .threecol .col1 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col2 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col3 {
	width: 30%;
	}
.twothirds .col1 {
	width: 70%;
	}
.twothirds .col2 {
	width: 25%;
	margin: 0 0 0 5%;
	}
.onethird .col1 {
	width: 20%;
	margin: 0 4% 0 0;
	}
.onethird .col2 {
	width: 75%;
	}
.onefourth .col1 {
	margin: 0 25px 0 0;
	width: 210px;
	}
.onefourth .col2 {
	width: 665px;
	}
.wrapper {
	float: left;
	width: 615px;
	}
.sidebar {
	float: right;
	width: 250px;
	margin: 0 0 0 30px;
	}
.sidebar form input.input, form input.textarea {
	width: 215px;
	}

/* FIRST-CHILD EXCEPTIONS */
.onecol.first, .twocol.first, .twothirds.first, .onethird.first, #bottom-container.first {
	border: none;
	padding: 0;
	}
.threecol.first {
	border: none;
	}

/* Content Styles */
#content p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 15px 0;
	}
#content h1 {
	font-size: 2.4em;
	font-weight: normal;
	}
#content h2 {
	font-size: 1.6em;
	font-weight: normal;
}
#content h3 {
	color: #777;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.8;
}
#content h5 {
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8;
}
#content h1, #content h2 {
	color: #096bb3;
}


/* LISTS */
#content h2 + ul, #content h2 + ol {
	margin-top: .5em;
}
.col1 ul, .col2 ul, .col3 ul, .col4 ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#content ul li {
	background: url(../img/bullet-green.png) no-repeat left 6px;
	padding: 0 0 8px 15px;
	font-size: 1.2em;
}
#content ul li h2 {
	font-size: 1.4em;
	line-height: 2em;
}
.col1 li li, .col2 li li, .col3 li li {
	font-size: 1em;
}

/* SIDEBAR BOXES */
.sidebar .box {
	float: left;
	background: url(../img/sidebar/box-bg.png) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 250px;
}

#content .sidebar .box p, #content .sidebar .box ul {
	float: left;
	margin: 0 ;
}
#content .sidebar .box ul {
	margin: 0 0px 0 0px;
}

.formbox{
	width:250px;
}
#content .sidebar h4.box-top {
	float: left;
	background: url(../img/sidebar/box-top.png) no-repeat 0 0;
	width: 230px;
	height: 26px;
	overflow: hidden;
	padding: 6px 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	line-height: 26px;
	color: #787878;
}
.sidebar .box-bottom {
	float: left;
	background: url(../img/sidebar/box-bottom.png) no-repeat 0 0;
	width: 250px;
	height: 13px;
	overflow: hidden;
	margin: 0;
}
.sidebar .callout a {
	float: left;
	display: block;
	background: url(../img/sidebar/bg-callout.png) no-repeat 0 0;
	width: 230px;
	height: 60px;
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 1em;
	line-height: 1.4em;
	text-decoration: none;
	color: #848484;
	overflow: hidden;
}
.sidebar .callout a:hover {
	background: url(../img/sidebar/bg-callout.png) no-repeat 0 -80px;
	text-decoration: none;
	color: #666666;
}
.sidebar .callout .float-left {
	margin: 0 5px 0 0;
}
.sidebar .callout strong {
	display: block;
	font-size: 1.2em;
	line-height: 1.7em;
}
.sidebar .callout span {
	display: block;
	font-size: 1.1em;
}
.sidebar label {
	margin: 0;
	padding: 0 0 3px 0;
	text-align: left;
	color: #666666;
	font-size: 1.1em;
	text-align: left;
}

.sidebar form select.select, .sidebar label {
	float: left;
	width: 200px;
}


/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left {
	float: left;
	margin: 0 20px 0 0;
	}
img.float-right {
	float: right;
	margin: 0 0 0 20px;
	}
.img-border, .video-module a img {
	border: 4px solid #eaeaea;
	}
.video-module a:hover img {
	border: 4px solid #d1d1d1;
	}
.thumbnail {
	display: inline;
	margin: 0 4px 0 0;
	border: 4px solid #cccccc;
	}
.icon-left {
	float: left;
	margin: 5px 10px 10px 0;
	}


/* Button Styles */

#content p.button, p.button {
	margin-top: -10px;
	}

form ul.buttons {
	margin-left: 29.1%;
}
form ul.buttons li {
	float: left;
	clear: none;
	margin: 0 15px 0 0;
}
button {
	background: url(../img/backgrounds/bg-button-flat.png) repeat-x 0 0;
	border: solid 1px #dfdfdf;
	padding: 2px 4px;
	cursor: pointer;
	}
button:hover {
	background: url(../img/backgrounds/bg-button-flat.png) repeat-x 0 -23px;
	border: solid 1px #39aae4;
	color: #fff;
	text-decoration: none;
	}
button:active {
	background: url(../img/backgrounds/bg-button-flat.png) repeat-x 0 -46px;
	border: solid 1px #39aae4;
	color: #ddd;
	}
button:focus {
	outline: 0;
	}
	
* html button { 
	width:auto; 
	overflow:visible;
	line-height: 20px;
	height: 20px;
	padding: 0 4px
}

a.buttonlg {
	float: left;
	color: #5c6066;
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 0;
	height: 29px;
	background: url(../img/buttons/btn-500-left.png) no-repeat scroll top left;
	text-decoration: none;
}
a.buttonlg span {
	margin: 0 -20px 0 0;
	line-height: 14px;
	display: block;
	height: 13px;
	background: url(../img/buttons/btn-500-right.png) no-repeat top right;
	padding: 8px 15px 8px 15px;
}
a.buttonlg:hover, a.buttonsm:hover {
	color: #318dd1;
	cursor: pointer;
	text-decoration: none;
}
a.buttonlg:focus, a.buttonsm:focus {
	color: #318dd1;
	outline: 1;
}
a.buttonlg:active, a.buttonsm:active {
	background-position: left bottom;
	color: #41464c;
	outline: none;
}
a.buttonlg:active span {
	background: url(../img/buttons/btn-500-right.png) no-repeat top right;
}
a.buttonsm {
	display: block;
	float: left;
	color: #5c6066;
	font-size: .95em;
	font-weight: bold;
	padding: 0;
	height: 24px;
	background: url(../img/buttons/btn-sm.png) no-repeat top left;
	text-decoration: none;
}
a.buttonsm span, a.buttonsm:active span {
	float: left;
	margin: 0;
	line-height: 14px;
	display: block;
	height: 12px;
	background: url(../img/buttons/btn-sm.png) no-repeat top right;
	padding: 6px 13px 6px 13px;
}

a.button-arrow {
	background-position: 0 center;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
	}
a.button-arrow-large.arrow-left {
	background-image: url(../img/icons/icon-arrowbtn-left-large.png);
	}
a.button-arrow-large.arrow-right {
	background-image: url(../img/icons/icon-arrowbtn-right-large.png);
	}
a.button-arrow.arrow-left {
	background-image: url(../img/icons/icon-arrowbtn-left-trans.png);
	}
a.button-arrow.arrow-right {
	background-image: url(../img/icons/icon-arrowbtn-right-trans.png);
	}
a.button-arrow-large {
	background: transparent no-repeat 0 0;
	padding: 6px 0 5px 30px;
	font-size: 1.4em;
	}



/* PROMOS - Large Hero Images
--------------------------------------------- */
#promo {
	width: 960px;
	float: left;
	position: relative;
	}
img.hero {
	margin: inherit auto;
	}

/* PAGINATION
--------------------------------------------- */
.pagination {
	float: left;
	width: 100%;
	}
.pagination-left {
	float: left;
	width: 50%;
	text-align: left;
	}
.pagination-right {
	float: left;
	width: 50%;
	text-align: right;
	}
.pagination p {
	margin: 0;
	}
.pagination.top {
	margin-bottom: -30px;
	}
.pagination.underhero {
	margin: 0 0 10px 0;
	}
.pagination p {
	margin: 0 !important;
	}
.pagination a:hover {
	text-decoration: none;
	}
.pagination a.button-arrow-large.arrow-left {
	background: url(../img/icons/icon-arrowbtn-left-large.png) no-repeat left top;
	padding-left: 30px;
	padding-right: 0;
	}
.pagination a.button-arrow-large.arrow-right {
	background: url(../img/icons/icon-arrowbtn-right-large.png) no-repeat right top;
	padding-left: 0;
	padding-right: 30px;
	}


/* FOOTER
--------------------------------------------- */
#footer-container {
	background: url(../img/footer-bg.jpg) repeat-x 0 0;
	width: 100%;
	clear: both;
}
#footer {
	width: 920px;
	text-align: center;
	font-size: 1.1em;
	color: #666666;
	padding: 10px 0 50px 0;
	margin: 0 auto;
}
ul#legal {
	float: right;
}
ul#legal li {
	float: left;
	padding: 0 8px;
	border-left: 1px solid #dcdcdc;
}
ul#legal li.first {
	float: left;
	padding: 0 8px 0 0;
	border: none;
}
p#copyright {
	float: left;
	margin-left: 5px;
}
p#footercenter {
	float: left;
}

/* LISTS */
#content h2 + ul, #content h2 + ol {
	margin-top: .5em;
}
.col1 ul, .col2 ul, .col3 ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#content ul li {
	background: url(../img/bullet-green.png) no-repeat left 6px;
	padding: 0 0 8px 15px;
	font-size: 1.2em;
}
#content ul li h2 {
	font-size: 1.4em;
	line-height: 2em;
}
.col1 li li, .col2 li li, .col3 li li {
	font-size: 1em;
}

/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left {
	float: left;
	margin: 0 20px 0 0;
	}
img.float-right {
	float: right;
	margin: 0 0 0 20px;
	}
.img-border, .video-module a img {
	border: 4px solid #eaeaea;
	}

.video-module a:hover img {
	border: 4px solid #d1d1d1;
	}
.thumbnail {
	display: inline;
	margin: 0 4px 0 0;
	border: 4px solid #cccccc;
	}
.icon-left {
	float: left;
	margin: 5px 10px 10px 0;
	}

/* VIDEO MODULE */
#content .videos-thumb ul li {
	float: left;
	width: 210px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
	clear: none;
	}
#content .videos-thumb ul li img {
	padding: 5px;
	background-color: #eeedec;
	}
#content .videos-thumb ul li.last {
	margin: 0;
	}
#content .videos-thumb li h4 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0;
	}
#content .videos-thumb h4 a:link, #content .videos-thumb h4 a:visited, #content .videos-thumb h4 a:hover, #content .videos-thumb h4 a:active {
	color: #2797e6;
	}
#content .videos-thumb h4 a:hover {
	color: #3db0f4;
	text-decoration: none;
	}
#content .videos-thumb ul li p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	}


/* RULES FOR OVERWRITING OTHER RULES
--------------------------------------------- */
/* POSITIONING */
.top {
	top: 0;
	}
.bottom	{
	bottom: 0;
	}
.left {
	left: 0;
	}
.right {
	right: 0;
	}


/* BORDERS */
.border-top {
	border-top: solid 1px #eaeaea;
	margin-top: .5em;
	}
.border-bottom {
	border-bottom: solid 1px #eaeaea;
	margin-bottom: .5em;
	}
.border-left {
	border-left: solid 1px #eaeaea;
	}
.border-right {
	border-right: solid 1px #eaeaea;
	}
.border {
	border: solid 1px #eaeaea;
	}
.noborder {
	border: none;
}


/* TEXT */
.red {color: #cd060d !important;}
.green {color: #4ac01c !important;}
.blue {color: #3f9ae2 !important;}
.orange {color: #ff7b18 !important;}
.purple {color: #6c41cd !important;}
.yellow {color: #ffe61b !important;}
.lightgrey {color: #9c9c9c !important;}
.darkgrey {color: #5c5c5c !important;}

.center, .centered {text-align: center !important;}

.smallest {font-size: .9em !important;}
.smaller {font-size: 1em !important;}


/* REMOVING BACKGROUND, MARGIN and PADDING */
.nobg, #usernav .nobg {
	background: none;
}
.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}

#content ul.news-list li {
	clear: both;
	width: 100%;
	font-size: 1.2em;
	padding: 0 0 15px 0;
	background: none;
}
#content ul.news-list li p {
	font-size: 1.0em;
}

.margin-top {
	margin-top: 2em;
}
.margin-right {
	margin-right: 2em;
}
.margin-bottom {
	margin-bottom: 2em;
}
.margin-left {
	margin-left: 2em;
}

.product-bucket h2 { font-size: 1.8em; }
.product-bucket p { font-size: 1.2em; }
.flickr-badge a img {
	float: left;
	margin: 5px 5px 0 0;
	border: 3px solid #cccccc;
}
.flickr-badge a:hover img {
	float: left;
	margin: 5px 5px 0 0;
	border: 3px solid #aeaeae;
}
vimeo-badge object {
	border: 1px solid #dddddd;
	margin: 5px 0 0 0;
}
.icon {
	float: left;
	margin: 5px 5px 0 0;
	border: none;
}
.flickr-badge p {
	float: left;
}
.support-search {
	width: 582px;
	height: 67px;
	margin: 10px 0 0 0;
	padding: 3px 0 0 21px;
	background: url(../img/backgrounds/bg-support-search.gif) no-repeat scroll 0 0;
}
#content .support-search form ul li {
	float: left;
	width: auto;
	clear: none;
}
#content .support-search form ul li .input {
	float: left;
	width: 465px;
	margin: 0 10px 0 0;
}
blockquote {
	background: url(../img/backgrounds/bg-quote-left.png) no-repeat 0 0;
	padding: 0 0 0 45px;
	font-size: 1.5em;
	margin: 20px 20px 30px 20px;
	color: #666;
}
blockquote img {
	margin: -5px 0 -10px 4px;
}

/* GLYPHS */

#content ul.files li {
	background: none;
	padding: 0 0 8px 0;
	float: left;
	clear: both;
	width: 95%;
}

#content ul.files li a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../img/icons/glyph-link.png) no-repeat left top;
}

#content ul.files li a.doc {
	background-image: url(../img/icons/glyph-document.png);
}

#content ul.files li a.video {
	background-image: url(../img/icons/glyph-video.png);
}

#content ul.files li a.kit {
	background-image: url(../img/icons/glyph-kits.png);
}


/* PRODUCTS CALLOUT */

.callout-product-logo li a {
	display: block;
	width: 171px;
	height: 36px;
	text-indent: -9999px;
 	}
#content .sidebar ul.callout-product-logo {
	padding: 0;
 	}
.callout-product-logo li a:hover {
	background-position: 0 -38px;
 	}
#content .col1 .callout-product-logo li, #content .col2 .callout-product-logo li, #content .col3 .callout-product-logo li, #content .sidebar .callout-product-logo li {
	float: left;
	background: none;
 	}
.callout-product-logo .cs a {
	background: url(../img/small-cs-logo.png) no-repeat 0 0;
 	}
.callout-product-logo .csc a {
	background: url(../img/small-csc-logo.png) no-repeat 0 0;
 	}

/*  LIGHTBOX */

.login {
	width: 430px;
	padding: 20px 60px 30px 60px;
}
.login h3 {
	color: #096bb3;
	font-size: 2em;
}
.login form input.input {
	width: 100%;
	float: left;
	border: solid 1px #DFDFDF;
	background: url('../img/input_bg.png') repeat-x left top;
	padding: .4em;
	padding-left: .4em;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	clear: both;
}
.login ul {
	float: left;
	width: 430px;
}
.login form ul li {
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}
.login label {
	color: #545454;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 15px 0 0 0;
	position: relative;
	text-align: left;
	clear: both;
}
.login form ul.buttons {
	float: left;
	margin: 15px 0 0 0;
	clear: both;
}
.login p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
.login ul.buttons li {
	float: left;
	width: auto;
}
.login ul.buttons li.remember {
	float: left;
	margin: 3px 0 0 10px;
	}
.login li.remember input, .login li.remember label {
	float: left;
	padding: 0;
	clear: none;
}

/* EXTRA QUESTIONS LIGHTBOX */

.eval_lightbox {
	width: 430px;
	padding: 20px 60px 30px 60px;
}
.eval_lightbox h3 {
	color: #096bb3;
	font-size: 2em;
}
.eval_lightbox form input.input {
	width: 100%;
	float: left;
	border: solid 1px #DFDFDF;
	background: url('../img/input_bg.png') repeat-x left top;
	padding: .4em;
	padding-left: .4em;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	clear: both;
}
.eval_lightbox form ul li {
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}
.eval_lightbox label {
	color: #545454;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 15px 0 0 0;
	position: relative;
	text-align: left;
	clear: both;
}
.eval_lightbox form ul.buttons {
	float: left;
	margin: 15px 0 0 0;
	clear: both;
}
.eval_lightbox p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
.eval_lightbox .nav p {
	float: right;
	}
.eval_lightbox a {
	cursor: pointer !important;
	}

/* THE LIGHT BOX
--------------------------------------------- */

.jqmWindow {
    display: none;
	position: fixed;
    top: 25%;
    left: 52%;
    margin-left: -300px;
    background-color: #fff;
    color: #333;
    border: 6px solid #474747;
    -webkit-border-radius: 6px;
    -moz-border-radius: 7px;
	z-index: 1000;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	z-index: 1000;
}

/* SCREENSHOTS
--------------------------------------------- */

#content .screenshot-box {
	height: 96px;
	background-image: url(../img/screenshots/screenshot-container-left.png);
	float: left;
	clear: both;
	padding: 0;
}

#content ul.screenshots {
	height: 87px;
	overflow: hidden;
	background-image: url(../img/screenshots/screenshot-container-right.png);
	background-repeat: no-repeat;
	background-position: right center;
	list-style: none;
	padding-left: 0;
	padding-right: 15px;
	padding-top: 9px;
	float: left;
}

#content ul.screenshots li {
	float: left;
	width: 102px;
	height: 79px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	background-image: none;
}

#content .screen-btn-left {
	float: left;
	width: 21px;
	height: 21px;
	background: url(../img/screenshots/slider-left-btn.png) no-repeat left center;
	margin-top: 35px;
	margin-right: 4px;
	clear: both;
}

#content .screen-btn-left:active {
	background-position: center center;
}

#content .screen-btn-left:hover {
	cursor: pointer;
}

#content .screen-btn-left.disabled {
	background-position: right center;
}

#content .screen-btn-left.disabled:hover {
	cursor: inherit;
}

#content .screen-btn-right.disabled:hover {
	cursor: inherit;
}

#content .screenshot-thumb-overlay {
	position: relative;
	top: -79px;
}

.screen-btn-right {
	float: left;
	width: 21px;
	height: 21px;
	background: url(../img/screenshots/slider-right-btn.png) no-repeat left center;
	margin-top: 35px;
	margin-left: 4px;
}

.screen-btn-right:active {
	background-position: center center;
}

.screen-btn-right:hover {
	cursor: pointer;
}

.screen-btn-right.disabled {
	background-position: right center;
}

.icon-left {
	float: left;
	margin: 0 10px 0 0;
	}
	
#error{background-position:5px;font-weight:bold;border:1px solid #CC0000;background-color:#DC7A69;color:#fff;padding:7px;padding-left:35px;background-image:url(../img/forum/error.gif);background-repeat:no-repeat;width:560px;}
#warning{background-position:5px;font-weight:bold;border:1px solid #CC0000;background-color:#FFCC00;color:#cc0000;padding:7px;padding-left:35px;background-image:url(../img/forum/info.gif);background-repeat:no-repeat;width:560px;}
#information{background-position:5px;font-weight:bold;border:1px solid #006666;background-color:#C2E2CF;color:#000;padding:7px;padding-left:40px;background-image:url(../img/forum/ok.gif);background-repeat:no-repeat;width:560px;}


#forum{}
#forum th{height:21px;padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; background-image:url(img/bg-fix.jpg);border:1px solid #D8D8D8; text-align:left;}
#forum td{background:#f5f5f5;padding:5px;margin:2px;border:1px solid #fff;}
#forum a{ color:#000000; font-weight:bold;}

#grid{}
#grid 			table{border:1px solid #CCCCCC;width:600px;border-collapse:collapse;}
#grid 			th{background:#C7C7C2; padding:5px; color:#333333;font-weight:bold;letter-spacing:0.1em;border:1px solid #fff; text-align:left; font-size:x-small;}
#grid 			td{ padding:3px;background:#f1f1f1;border:1px solid #fff;font-size:x-small;}