@import url("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; 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;
	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;
	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-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 {  }

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;}