@import url("../js/shadowboxv3/shadowbox.css");

/*    CSS Element Structure
---------------------------------------------------
    Css Reset
    Body
    Headings
    Paragraphs
    Images
    Links
    Lists
    Tables
    Forms
    Other Elements & Global Classes
---------------------------------------------------
    Notes:
    Preferred property declaration order:
        selector    {
            position
            top right bottom left
            float
            clear
            width
            height
            margin
            padding
            background
            border
            color
            font
            text-align/transform/indent
            overflow
            z-index
        }

    Shorthand propoerties & order:
        margin: top right bottom left;
        background: color image repeat attachment position(x y);
        border: width style color;
        font: style variant weight size/line-height family;
        list: type position image;
---------------------------------------------------    */
/*    CSS Reset
---------------------------------------------------    */
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: transparent; }
body { line-height: 1; z-index: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*    Body
---------------------------------------------------    */
body {
	background: #EEE;;
	color: #333;
	font: normal 12px/1.5 Arial, sans-serif;
}

/*    Headings
---------------------------------------------------    */
h1 {
	margin: 10px 0 10px 0;
	color: #333;
	font-size: 30px;
	font-weight: normal;
}
h2 {
	margin: 10px 0 5px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 120%;
}

h3 {
	margin: 25px 0 0;
	color: #333;
	font-size: 15px;
}
h4 {
	margin: 20px 0 0;
	color: #333;
	font-size: 14px;
}
h5 {
	margin: 15px 0 5px;
	color: #333;
	font-size: 13px;
}
h6 {
	margin: 15px 0 5px;
	color: #333;
	font-size: 12px;
}

/*    Paragraphs
---------------------------------------------------    */
p {
	margin: 5px 0 10px;
}

/*    Images
---------------------------------------------------    */
img {
	display: block;
	border: none;
}
img.inlineImg {
	display: inline;
}

img.left { margin: 2px 10px 15px 0; float: left; }
img.right { margin: 0 0 15px 10px; float: right; }
img.center { margin-left: auto; margin-right: auto; }

/*    Links
---------------------------------------------------    */
a:link, a:visited {
	color: #006bb6;
	text-decoration: none;
}
a:active, a:hover {
	color: #333;
}
a.dark:link, a.dark:visited {
	color: #1C85BF;
	text-decoration: underline;
}
a.dark:active, a.dark:hover {
	color: #FFFFFF;
}

a.button1:link, a.button1:visited, input.button1 {
	width: auto;
	padding: 6px 18px;
	text-decoration: none !important;
	display: inline-block;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #007fc2;
	background: -moz-linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007fc2), color-stop(92%, #005686), color-stop(100%, #005c8f));
	background: -webkit-linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%);
	background: -o-linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%);
	background: -ms-linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%);
	background: linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#007fc2', endColorstr = '#005c8f', GradientType = 0);
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15.5px;
}

a.button1:active, a.button1:hover, input.button1:hover {
	padding: 5px 17px;
	text-decoration: none;
	color: #0080c3;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 12%, #e2eff7 84%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(84%, #e2eff7));
	background: -webkit-linear-gradient(top, #ffffff 12%, #e2eff7 84%);
	background: -o-linear-gradient(top, #ffffff 12%, #e2eff7 84%);
	background: -ms-linear-gradient(top, #ffffff 12%, #e2eff7 84%);
	background: linear-gradient(top, #ffffff 12%, #e2eff7 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e2eff7', GradientType = 0);
	border: solid 1px #419cd0;
	cursor: pointer;
}

a.button2:link, a.button2:visited, input.button2 {
	width: auto;
	padding: 6px 18px;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none !important;
	display: inline-block;
	background: #818181;
	background: -moz-linear-gradient(top, #818181 0%, #787878 7%, #4d4d4d 96%, #404040 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #818181), color-stop(7%, #787878), color-stop(96%, #4d4d4d), color-stop(100%, #404040));
	background: -webkit-linear-gradient(top, #818181 0%, #787878 7%, #4d4d4d 96%, #404040 100%);
	background: -o-linear-gradient(top, #818181 0%, #787878 7%, #4d4d4d 96%, #404040 100%);
	background: -ms-linear-gradient(top, #818181 0%, #787878 7%, #4d4d4d 96%, #404040 100%);
	background: linear-gradient(top, #818181 0%, #787878 7%, #4d4d4d 96%, #404040 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#818181', endColorstr = '#4d4d4d', GradientType = 0);
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15.5px;
}

a.button2:active, a.button2:hover, input.button2:hover {
	padding: 5px 17px;
	text-decoration: none;
	color: #333333;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #e0e0e0));
	background: -webkit-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -o-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -ms-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e0e0e0', GradientType = 0); border: solid 1px #e2eff7;
	border: solid 1px #8b8b8b;
	cursor: pointer;
}

/* Alignment */

.left { float: left; }
.right { float: right; margin-right: 10px; }

/*    Lists
---------------------------------------------------    */
ul {
	margin: 10px 0;
	padding: 0 0 0 25px;
	list-style: disc outside;
}
ul li {
	margin: 0 0 5px;
}

ul ul {
	list-style: circle outside;
}

ul ul ul {
	list-style: square outside;
}
ul.menuList {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.menuList li {
	margin: 0;
}

ol {
	margin: 10px 0;
	padding: 0 0 0 25px;
	list-style: decimal outside;
}
ol li {
	margin: 0 0 5px;
}

ol ol {
	list-style: lower-roman outside;
}

ol ol ol {
	list-style: lower-alpha outside;
}
dl { }
dl dt { }
dl dd { }
dl.horizontalList {
	margin: 10px 0;
	overflow: hidden;
}
dl.horizontalList dt, dl.horizontalList dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}
dl.horizontalList dt {
	width: 30%;
}
dl.horizontalList dd {
	width: 70%;
}

/* Color declarations */

.gray { color: #999999; }

/* Paragraph size declarations */

.text09em { font-size: 0.9em; }

/*    Tables
    Basic table structure:
        table
            thead (optional)
            tfoot (optional)
            tbody (required)

    **    Tables can contain multiple tbody elements.
---------------------------------------------------    */
table {
	width: 100%;
	margin: 5px 0 20px;
	border: none;
	border-collapse: collapse;
}
table th {
	padding: 3px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
table td {
	padding: 5px;
}
table tfoot td {
	padding: 10px 5px;
	border-top: 1px solid #ddd;
	color: #777;
	font-size: 11px;
}
table.zebra tr.stripe td {
	background: #eaeaef;
}

/*    Forms
---------------------------------------------------    */
fieldset {
	border: none;
}
fieldset fieldset {
	margin: 10px 0;
	padding: 10px 20px;
	border: 1px solid #ddd;
}
.required span {
	padding-right: 5px;
	color: #a00;
	font-weight: bold;
}
p.required {
	margin: 0 0 5px;
	padding: 0 0 0 38%;
	font-weight: bold;
}
label {
	color: #555;
}
label.required {
	color: #000;
	font-weight: bold;
}
input.textInput {
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #b7b7b7;
}
textarea {
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #b7b7b7;
}
input.buttonSubmit {
	background: #7ad;
	border-top: 1px solid #9cf;
	border-right: 1px solid #48a;
	border-bottom: 1px solid #379;
	border-left: 1px solid #8be;
	color: #fff;
	cursor: pointer;
}
input.buttonReset {
	margin-left: 5px;
	background: #eee;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #ececec;
	color: #666;
	cursor: pointer;
}
.errorMessage {
	width: 75%;
	margin: 10px 0;
	padding: 5px 10px;
	background: #f6e5e5;
	border: 1px solid #a00;
	font-size: 11px;
}
.errorMessage p {
	margin: 0;
	color: #a00;
	font-weight: bold;
}

/*    Column layout w/ label left of element    */
fieldset.columns div {
	clear: both;
	height: auto !important;
	height: 1%;
	padding: 5px 0;
	overflow: hidden;
}
fieldset.columns div.errorMessage {
	margin: 10px auto;
	padding: 5px 10px;
}
fieldset.columns label {
	float: left;
	width: 35%;
	margin: 0 20px 0 0;
	text-align: right;
}
fieldset.columns input.textInput, fieldset.columns textarea { }

/*    Group of elements such as radio buttons or checkboxes    */
fieldset.columns fieldset.formGroup { }
fieldset.columns fieldset.formGroup label {
	margin: 0;
}
fieldset.columns fieldset.formGroup div {
	clear: none;
	float: right;
	width: 62%;
	padding: 0;
}
fieldset.columns fieldset.formGroup div label {
	float: none;
	width: auto;
	margin: 0;
	color: #000;
	text-align: left;
	vertical-align: baseline;
}
fieldset.columns div.formControls {
	text-align: center;
}

/*    Stacked layout w/ label above element    */
fieldset.stacked p.required {
	padding: 0 0 5px;
	text-align: left;
}
fieldset.stacked div {
	padding: 5px 0 10px;
}
fieldset.stacked div.errorMessage {
	padding: 5px 10px;
}
fieldset.stacked label {
	display: block;
	margin: 0 0 3px;
}
fieldset.stacked input.textInput, fieldset.stacked textarea { }
fieldset.stacked fieldset.formGroup { }
fieldset.stacked fieldset.formGroup div {
	padding: 0;
}
fieldset.stacked fieldset.formGroup div label {
	display: inline;
	margin: 0;
	vertical-align: baseline;
}

/*    Other Elements & Global Classes
---------------------------------------------------    */
blockquote { }
blockquote p { }

hr {
	display: none;
	border: 0;
}
.skipLink, .hide {
	display: none;
}
.clear {
	clear: both;
}

.superscript { vertical-align: super; font-size: 75%; }
.capitalized { text-transform: capitalize; }

#content div.inner #mainwrap hr { display: block; width: 100%; height: 1px; clear: both; margin: 20px 10px 20px 0; border-top: 1px solid #e5e5e5; }
#content div.inner #mainwrap #mainPanel .cw_quote_fullWidth,
#content div.inner #mainwrap #mainPanel .cw_media_video,
#content div.inner #mainwrap #mainPanel .cw_menuWell_linkedImage,
#content div.inner #mainwrap #mainPanel .cw_imgPromos_workflowBox { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; }

/* CONTENT TYPE/RENDER MODE SYNC Quotation blocks,  HALF width */
#content div.inner #mainwrap  .cw_quote_halfWidth { float: right; width: 275px; margin: 10px; }
/* Changes according to new Pro Tools 10 layout. Before: (width:287px; margin:15px;)  */
#content div.inner #mainwrap  .cw_quote_halfWidth .holder { /*float:right; width:287px; margin:15px; min-height:102px;*/ min-height: 102px; position: relative; }
#content div.inner #mainwrap  .cw_quote_halfWidth .holder .top { width: 287px; background: url('../images/interface/blockquote_top.gif') top no-repeat; height: 3px; }
#content div.inner #mainwrap  .cw_quote_halfWidth .holder blockquote { width: 217px; padding: 15px 15px /*35px*/ 10px 55px; background: url('../images/interface/blockquote_base_top.gif') bottom; font-size: 1.4em; font-style: italic; font-weight: bold; min-height: 99px; }
#content div.inner #mainwrap  .cw_quote_halfWidth .holder blockquote span.quotemark { background: url('../images/interface/quotemarks_start.png') top left no-repeat; /*width:25px;*/ padding-left: 25px; /*height:21px;*/ position: absolute; left: 20px; top: 20px; width: 240px; }
#content div.inner #mainwrap  .cw_quote_halfWidth .holder .drop /*blockquote  span*/ { /*padding-top:15px;  position:absolute; z-index:3;*/ /*left:55px; bottom:1px;*/ background: url('../images/interface/blockquote_base_drop.gif') top no-repeat; width: 287px; }
#content div.inner #mainwrap  .cw_quote_halfWidth .holder .drop .name { /*line-height:0.9;*/ font-weight: normal; font-style: normal; /*font-size:0.9em;  font-weight:bold; left:55px; position:relative;*/ width: 212px; margin: 0 20px 0 55px; padding-top: 7px }
/*#content div.inner #mainwrap  .cw_quote_halfWidth .holder blockquote span.name {  }*/
#content div.inner #mainwrap  .cw_quote_halfWidth .holder blockquote img { display: none; }

/* CONTENT TYPE/RENDER MODE SYNC Quotation blocks,  HALF width LEFT */
#content div.inner #mainwrap  .cw_quote_halfWidth_left { float: left; width: 275px; margin: 5px 25px 5px 0px; }
/* Changes according to new Pro Tools 10 layout. Before: (width:287px; margin:15px;)  */
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder { /*float:left; width:287px; margin:15px; min-height:102px;*/ min-height: 102px; position: relative; }
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder .top { width: 287px; background: url('../images/interface/blockquote_top.gif') top no-repeat; height: 3px; }
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder blockquote { width: 217px; padding: 15px 15px /*35px*/ 10px 55px; background: url('../images/interface/blockquote_base_top.gif') bottom; font-size: 1.4em; font-style: italic; font-weight: bold; min-height: 99px; }
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder blockquote span.quotemark { background: url('../images/interface/quotemarks_start.png') top left no-repeat; /*width:25px;*/ padding-right: 25px; /*height:21px;*/ position: absolute; left: 20px; top: 20px; width: 240px; }
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder .drop /*blockquote  span*/ { /*padding-top:15px;  position:absolute; z-index:3;*/ /*left:55px; bottom:1px;*/ background: url('../images/interface/blockquote_base_drop.gif') top no-repeat; width: 287px; }
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder .drop .name { /*line-height:0.9;*/ font-weight: normal; font-style: normal; /*font-size:0.9em;  font-weight:bold; left:55px; position:relative;*/ width: 212px; margin: 0 20px 0 55px; padding-top: 7px }
/*#content div.inner #mainwrap  .cw_quote_halfWidth_;eft .holder blockquote span.name {  }*/
#content div.inner #mainwrap  .cw_quote_halfWidth_left .holder blockquote img { display: none; }

/* CONTENT TYPE/RENDER MODE SYNC Quotation blocks, FULL width (with and without image) */
#content div.inner #mainwrap #mainPanel .cw_quote_fullWidth { border: none; margin-top: 0; padding-top: 0; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder { width: 590px; margin: 15px; min-height: 102px; position: relative; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder .top { width: 590px; background: url('../images/interface/blockquote_wide_top.gif') top no-repeat; height: 3px; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder blockquote { width: 320px; padding: 15px 15px 10px 255px; background: url('../images/interface/blockquote_wide_base_top.gif') bottom; font-size: 1.4em; font-style: italic; font-weight: bold; min-height: 120px; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder blockquote span.quotemark { background: url('../images/interface/quotemarks_start.png') top left no-repeat; /*width:25px;*/ padding-left: 25px; padding-right: 15px; height: 21px; position: absolute; left: 225px; top: 20px; }
#content div.inner #mainwrap  .cw_quote_fullWidth .holder .drop /*blockquote  span*/ { /*padding-top:15px;  position:absolute; z-index:3;*/ /*left:55px; bottom:1px;*/ background: url('../images/interface/blockquote_wide_base_drop.gif') top no-repeat; width: 590px; }
#content div.inner #mainwrap  .cw_quote_fullWidth .holder .drop .name { /*line-height:0.9;*/ font-weight: normal; font-style: normal; /*font-size:0.9em;  font-weight:bold; left:55px; position:relative;*/ width: 515px; margin: 0 20px 0 55px; padding-top: 7px }
#content div.inner #mainwrap .cw_quote_fullWidth .holder blockquote img { position: absolute; left: 20px; top: 20px; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder blockquote span.name { font-style: normal; font-size: 0.7em; font-weight: bold; padding-top: 15px; font-weight: normal; position: absolute; z-index: 3; }
#content div.inner #mainwrap .cw_quote_fullWidth .holder blockquote span.name { position: absolute; left: 55px; bottom: 1px; }

/* Full Width Gray Box */

#content div.inner #mainwrap .grayBoxFullWidthHolder { /*float:right; width:287px; margin:15px;*/ width: 590px; margin: 15px; min-height: 102px; position: relative; }
#content div.inner #mainwrap .grayBoxFullWidthTop { width: 590px; background: url('../images/interface/mainwrap_fullwidthbox_top.gif') top no-repeat; height: 30px; }
#content div.inner #mainwrap .grayBoxFullWidthTop h3 { color: #FFFFFF; padding: 5px 0 0 15px; margin: 0; }
#content div.inner #mainwrap .grayBoxFullWidth { width: 560px; padding: 15px 15px 15px 15px; background: url('../images/interface/mainwrap_fullwidthbox_base.gif') bottom; min-height: 120px; }
#content div.inner #mainwrap .grayBoxFullWidth .mainPanelRightCol { margin-bottom: 0; }
#content div.inner #mainwrap .grayBoxFullWidth .mainPanelLeftCol ul, #content div.inner #mainwrap .grayBoxFullWidth .mainPanelRightCol ul { margin: 0; padding: 0; }
#content div.inner #mainwrap .grayBoxFullWidth .mainPanelLeftCol li, #content div.inner #mainwrap .grayBoxFullWidth .mainPanelRightCol li { list-style-type: none; margin: 0; padding: 0; }

#content div.inner #mainwrap .cw_structTxt_grayBox { /*float:right; width:287px; margin:15px;*/ width: 590px; margin: 15px; min-height: 102px; position: relative; }
#content div.inner #mainwrap .cw_structTxt_grayBox h2 { width: 575px; background: url('../images/interface/mainwrap_fullwidthbox_top.gif') top no-repeat; height: 25px; }
#content div.inner #mainwrap .cw_structTxt_grayBox h2 { color: #FFFFFF; padding: 5px 0 0 15px; margin: 0; line-height: 20px; }
#content div.inner #mainwrap .cw_structTxt_grayBox .preview { display: none; }
#content div.inner #mainwrap .cw_structTxt_grayBox .description { width: 560px; padding: 15px 15px 15px 15px; background: url('../images/interface/mainwrap_fullwidthbox_base.gif') bottom; min-height: 120px; }

/* accordian content in structured text content types */

#content div.inner #mainwrap .cw_structTxt_accordians { }
#content div.inner #mainwrap .cw_structTxt_accordians h1 { display: none; }
#content div.inner #mainwrap .cw_structTxt_accordians li { display: none; }
#content div.inner #mainwrap .cw_structTxt_accordians .preview li { display: list-item; }
#content div.inner #mainwrap .cw_structTxt_accordians .description li { display: list-item; }
#content div.inner #mainwrap .cw_structTxt_accordians .description { display: none; }
#content div.inner #mainwrap .cw_structTxt_accordians a.accord { color: #006bb6; text-decoration: none; cursor: pointer; }
#content div.inner #mainwrap .cw_structTxt_accordians a.accord:hover { text-decoration: underline; }

.cw_imgPromo_HowProsFeature { width: 840px; clear: both; position: relative; margin: 20px 0; }
.cw_imgPromo_HowProsFeature img { float: left; }
.cw_imgPromo_HowProsFeature .rightside { width: 320px; float: left; padding: 0 0 0 20px; }
.cw_imgPromo_HowProsFeature .long_desc { display: none; }
.cw_imgPromo_HowProsFeature h2 { width: 320px; float: right; margin-top: 0; }

.cw_imgPromos_HowProsFeature { width: 840px; clear: both; position: relative; margin: 20px 0; }
.cw_imgPromos_HowProsFeature img { float: left; width: 500px; height: 250px; }
.cw_imgPromos_HowProsFeature .rightside { width: 320px; float: left; padding: 0 0 0 20px; }
.cw_imgPromos_HowProsFeature .long_desc { display: none; }
.cw_imgPromos_HowProsFeature h2 { width: 320px; float: right; margin-top: 0; }

#content div.inner #mainwrap .cw_twoTextColumns_default { width: 100%; clear: both; }

/* iFrame */
.freeTxt iframe { margin: 0 0 160px 0; padding: 0 0 0 0; float: left; }

/* */

#content div.inner #mainwrap .productUngrouped { width: 676px; margin-top: -30px; margin-left: -30px; float: left; }
#content div.inner #mainwrap .productUngrouped.last { margin-bottom: 15px; }
#content div.inner #mainwrap .productUngrouped img { float: left; margin-right: 20px; }
#content div.inner #mainwrap .productUngrouped .text { float: right; width: 361px; margin: 40px 30px 0 0; }

#content div.inner #mainwrap .cw_imgPromos_prodSimpleUngrouped { width: 676px; margin-top: -30px; margin-left: -30px; float: left; }
#content div.inner #mainwrap .cw_imgPromos_prodSimpleUngrouped.last { margin-bottom: 15px; }
#content div.inner #mainwrap .cw_imgPromos_prodSimpleUngrouped img { float: left; margin-right: 20px; }
#content div.inner #mainwrap .cw_imgPromos_prodSimpleUngrouped .text { float: right; width: 361px; margin: 40px 30px 0 0; }

#content div.inner #mainwrap .productGroupedLeft { width: 676px; margin-top: 0; margin-left: -30px; float: left; }
#content div.inner #mainwrap .productGroupedLeft img { float: left; }
#content div.inner #mainwrap .productGroupedLeft .text { float: right; width: 370px; margin: 20px 30px 0 10px }

#content div.inner #mainwrap .cw_imgPromos_prodGroupLeft { width: 676px; margin-top: 0; margin-left: -30px; float: left; }
#content div.inner #mainwrap .cw_imgPromos_prodGroupLeft img { float: left; }
#content div.inner #mainwrap .cw_imgPromos_prodGroupLeft .text { float: right; width: 370px; margin: 20px 30px 0 10px }

#content div.inner #mainwrap .productGroupedRight { width: 676px; margin-top: 0; margin-left: -30px; float: left; }
#content div.inner #mainwrap .productGroupedRight img { float: right; margin-right: -1px; }
#content div.inner #mainwrap .productGroupedRight .text { float: left; width: 350px; margin: 20px 30px 0 30px }

#content div.inner #mainwrap .cw_imgPromos_prodGroupRight { width: 676px; margin-top: 0; margin-left: -30px; float: left; }
#content div.inner #mainwrap .cw_imgPromos_prodGroupRight img { float: right; margin-right: -1px; }
#content div.inner #mainwrap .cw_imgPromos_prodGroupRight .text { float: left; width: 350px; margin: 20px 30px 0 30px }

#content div.inner #mainwrap .cw_menuWell_linkedImage { clear: both; }

#content div.inner #mainwrap table.featurestbl { width: 100%; }
#content div.inner #mainwrap table.featurestbl th, #content div.inner #mainwrap table.featurestbl td { vertical-align: top; border: 0; }
/*#content div.inner #mainwrap table.featurestbl th { background: #eaeaef; }*/
#content div.inner #mainwrap table.featurestbl th, #content div.inner #mainwrap table.featurestbl td { border: 1px solid #ddd; }
#content div.inner #mainwrap table.featurestbl { }

#content div.inner #mainwrap #mainPanel table.supportplantbl { width: 100%; }
#content div.inner #mainwrap #mainPanel table.supportplantbl th, #content div.inner #mainwrap #mainPanel table.supportplantbl td { vertical-align: middle; border: 0; }
#content div.inner #mainwrap #mainPanel table.supportplantbl th, #content div.inner #mainwrap #mainPanel table.supportplantbl td { border: 1px solid #ddd; }
#content div.inner #mainwrap #mainPanel table.supportplantbl th, #content div.inner #mainwrap #mainPanel table.supportplantbl td { border: 1px solid #ddd ver; vertical-align:top; }
#content div.inner #mainwrap #mainPanel table.supportplantbl tbody tr.odd td {
	background-color:#F7F7F7; }
#content div.inner #mainwrap #mainPanel table.supportplantbl { }

table td.altTableRow { background: #eaeaef; border-top: 1px solid #ddd; }

#content div.inner #mainwrap #singlePanel .championLeftside { width: 520px; float: left; margin: 20px 20px 0 0; }
#content div.inner #mainwrap #singlePanel .championRightside { width: 300px; float: left; margin-top: 20px; }

#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 { width: 525px; float: left; margin-right: 20px; }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 > h2 { margin-top: 0; }
/* [2011-09-22] */
#content div.inner #mainwrap #singlePanel .group_structTxt_width280 { width: 280px; float: left; }
#content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes { margin: 20px 0 50px; padding: 10px; background: url("../images/interface/bg_gradient_183px_height.gif") repeat-x center bottom #FFF; }
#content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes img { margin-right: 10px; }
#content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes h3 { margin: 0; }
#content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes { }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 .cw_imgPromos_workflowBox { margin: 0px 0px 20px 0px; }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 .cw_imgPromos_workflowBox h2 { float: right; width: 305px; margin-top: 0; }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 .cw_imgPromos_workflowBox .rightside { width: 305px; }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 .cw_imgPromos_workflowBox .long_desc { display: none; }
#content div.inner #mainwrap #singlePanel .group_imgPromos_width560 .cw_imgPromos_workflowBox img { width: 195px; height: 100px; }

span.quoteSmall { font-size: 14px; }

#content div.inner #mainwrap #mainPanel .cw_imgPromos_pod2x840 { float: left; width: 296px; margin: 0 28px 0 0; }
#content div.inner #mainwrap #mainPanel .cw_imgPromos_pod2x840.last { margin-right: 0; }

.searchResults { background: #FFF; border: 1px solid #CCC; padding: 3px; }
.searchResults strong, .searchResults h1 { font-size: 12px; font-weight: bold; color: #666; }
.searchResults ul { padding: 0 0 0 5px; list-style: none; }

ul.listNoBullet { list-style-type: none; margin: 0; padding: 0; }

.hidden { display: none; }

.leadin { font-size: 1.4em; margin: 15px 0 15px 0; }
.imgRt { padding-left: 10px; }
.imgLt { padding-right: 10px; }

#content div.inner #mainwrap #rightSidebar #lowerHolderContent .rr_linkList_default p.title { font-weight: bold; }
#content div.inner #mainwrap #rightSidebar #lowerHolderContent .rr_linkList_default ul li a { font-weight: normal; }

/* search results */
.suggLinkWrap { background: #e7e7e7; padding: 5px 5px 8px 5px; }
.suggLinkWrap .suggLinks { font-weight: bold; font-size: 1.4em; color: #333; }
.suggLinkWrap h2 { font-size: 14px; margin: 0; font-weight: bold; margin-left: 5px; }
.searchResults { border: 0; background: none; }

/* onebox search results (puts related search results in right-hand panel) */
#mainPanel #searchrelated { position: absolute; width: 187px; top: 17px; left: 694px; }
#mainPanel #searchrelated h2 { font-size: 1.5em; }
#mainPanel #searchrelated ul { margin: 0; padding: 0; }
#mainPanel #searchrelated ul li { list-style-type: none; margin-bottom: 10px; }

/* content menu with hide/showing divs for aplication support pages */
.application-support-panel {
	width: 620px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	outline: none;
}

h2 {
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	line-height: 120%;
	margin: 10px 0 5px;
}

.application-support-panel .left-panel-items {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.application-support-panel em { color: #666; }
.application-support-panel .left-panel-items li { margin-bottom: 10px; }

.application-support-panel .left-panel-items li a {
	width: 179px;
	display: block;
	height: 26px !important;
	line-height: 26px !important;
	color: #333;
	padding-left: 5px !important;
	padding-right: 20px;
	font-size: 12px !important;
	font-weight: bold !important;
	background-image: url(../images/interface/cw_204x52_ButtonOneLine.png);
	background-repeat: no-repeat;
	text-decoration: none !important;
	background-position: bottom left;
}

.application-support-panel .left-panel-items li a.twoLines { height: 45px !important; background-image: url(../images/interface/cw_204x104_ButtonTwoLine.png); line-height: 1.5 !important; padding-top: 7px; }
.application-support-panel .left-panel-items li a.threeLines { line-height: 1.0 !important; }
.application-support-panel .left-panel-items li.selected { /* border-right: 1px solid #fff;*/ }
.application-support-panel .left-panel-items li.selected a { background-position: top left !important; color: #FFF; }
.application-support-panel .left-panel-items li.selected a:hover { background-color: #fff !important; color: #FFF; }
.application-support-panel .left-panel-items li a { }
.application-support-panel .left-panel-items li a:hover { background-position: top left !important; color: #FFF; }
.application-support-panel .left-panel { float: left; width: 217px; }

/* Fix: As global tabs become ajax-powered, there is no script now which makes those items invisible: */
.application-support-panel .right-panel .content-item { display: none; }
.application-support-panel .right-panel .content-item:first-child { display: block; }

.application-support-panel .right-panel { width: 373px; float: right; padding: 0px 0px 25px 30px; margin-left: -1px; }
.application-support-panel .right-panel h2 { margin-top: 0px !important; }
.application-support-panel .clearBoth { clear: both; }

/* generic columns */
.halfLeft { position: relative; width: 48%; float: left; }
.halfRight { position: relative; width: 48%; float: right; }
.centered { margin: 0 auto; }

/* fix for shadowbox 2 cols ie7 problem */
.static { position: static !important; }