﻿body 
{
    background: Black url('../images/topptrn_wide.png') no-repeat top center;
    color: White;
    text-align:left;
    font-family: Helvetica, Calibri, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}

.pageWrapper
{
    height: 121px;
	width: 960px;
	height: auto;
	padding: 0;
	margin: 0px auto;
	text-align: left;
	position: relative;
}


a
{
    color: #000;
    border:0;
}

a:hover
{
    color: gray;
    text-decoration: none;
}

.contentPageLink
{
    color: #333;
}

.contentPageLink:hover
{
    color: #60522a;
    text-decoration: none;
}

span
{
}

p
{
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 1.3em;
    font-size: 0.9em;
    color: #666;
}

.formLabel
{
    margin: 5px 0;
    line-height: 1.3em;
    font-size: 0.9em;
    color: #333;
}

.formErrorMessage   /* client validation, display on the right of the field */
{
    text-align: left;
    margin: 0; padding: 0;
    margin-left: 10px;
    color: Red;
    font-size: 0.8em;
}
.serverErrorMessage   /* server validation, display on top of the form */
{
    text-align: left;
    color: Red;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 5px;
    display: block;
}

.headerParagraph
{
    color: #333;
    font-size: 1.1em;
    margin: 15px 0;
    line-height: 1.4em;
}

.spanSmallLegalText
{
	color: #333;
	font-size: 6px;	
}
.spanHighlight
{
    color: #333;
    font-weight: bold;
    font-size: 0.9em;
}
.spanHighlightItalic
{
    color: #333;
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
}

ul.content, ul.numberedContent
{
    margin: 10px 0;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-left: 20px;
    color: #666;
}

.content li
{
    list-style: outside disc;
}

.numberedContent li
{
    list-style: outside decimal;
    margin: 10px 0;
    color: #333;
}

.numberedContent li ul
{
    margin: 0;
}

.numberedContent li ul li
{
    list-style: none;
    color: #666;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.4em;
    margin-bottom: 15px;
    color: Black;
}

h2
{
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 10px;
    color: Black;
    line-height: 25px;
}

h3
{
    color: #000;
    font-size: 1.0em;
    margin-bottom: 10px;
    margin-top: 5px;
}

h4
{
    color: #000;
    font-size: 1.0em;
}

h5, h6
{
    font-size: 0.9em;
}

img
{
    border: 0;
}

.padded30
{
    padding: 130px 30px 30px 30px;
}

.highlight
{
    color: Black;
    font-weight: bold;
}

.gridRowColor, .ItemColor
{
    background-color: white;
}

.gridRowAlternateColor, .AlternatingItemColor, .gridAlternateColor
{
    background-color: #efe6cd;
}

.WarningMessage
{
}

.errorMessage, .errorMessageLarger, .errorMessageSmaller
{
    color: Red;
    font-weight: bold;
    padding: 5px;
}

.errorMessageLarger
{
    font-size:12px;
}

.errorMessageSmaller
{
    font-size:10px;
}

.headerSuperscript
{
    font-size: 11pt; position: relative; top: -2px; left: 1px;
}

.paragraphSuperscript
{
    font-size: 14px; position: relative; top: -3px;
}

.paragraphSmallText
{
    font-size: 9px;
    color: #60522a;
}

.promoHeader
{
    color: #462901; font-weight: bold;
}

.floatRight
{
    float: right;
}

.floatLeft
{ 
    float: left;
}



/* external - start */

.submenuDesc { height: 120px; }
.submenuImg { height: 100px; }
        
        
.submenuImgOp1 { background: transparent url(../Images/m1.png) center top no-repeat;  }
.submenuImgOp2 { background: transparent url(../Images/m2.png) center top no-repeat; }
.submenuImgOp3 { background: transparent url(../Images/m3.png) center 30px no-repeat; }
.submenuImgOp4 { background: transparent url(../Images/m4.png) center 20px no-repeat; }
        
.noFloat { float: none !important; }
        
.submenuBlock2 {  width: 165px !important; }

.moreInfoLinkWrapper2  { padding-top: 70px; }


        
.buttonB { display: block; width: 180px; height: 71px; border: none; outline: none; overflow: hidden; text-decoration: none; text-indent: -9999px; }
        
.buttonB1 { background: transparent url(../Images/buttons.png) 0px 0px no-repeat; }
.buttonB1:hover { background-position: 0px -71px; }
        
        
.buttonB2 { background: transparent url(../Images/buttons.png) -180px 0px no-repeat; }
.buttonB2:hover { background-position: -180px -71px; }
        
        
.buttonB3 { background: transparent url(../Images/buttons.png) -360px 0px no-repeat; }
.buttonB3:hover { background-position: -360px -71px; }
        
        
.buttonB4 { background: transparent url(../Images/buttons.png) -540px 0px no-repeat; }
.buttonB4:hover { background-position: -540px -71px; }
        
        
.buttonB5 { background: transparent url(../Images/buttons.png) -720px 0px no-repeat; }
.buttonB5:hover { background-position: -720px -71px; }
        

.actionMarketButtons { padding-left: 10px;  }
.actionMarketButton { width: 20%; text-align: center; height: 70px; float: left; }


.mainFrame {  width: 909px; margin: 0 auto; }
.mainFrameT { background: transparent url(../Images/mainFrameBg.png) left top no-repeat; 
            overflow: hidden;  line-height: normal; margin: 0px; padding: 0px; height: 13px; }
.mainFrameM { background: transparent url(../Images/mainFrameBg.png) left bottom no-repeat; 
            overflow: hidden; line-height: normal; margin: 0px; padding: 0px; }
.mainFrameC { padding: 17px 30px 30px 30px; }
        
.mainFrameC h2 { color: #000000; font-family: TrajanProRegular,"Times New Roman",Times,serif;
            font-size: 16px; margin-bottom: 1px; margin-top: 1px; }
            
.mainFrameC, .mainFrameC p { font-family: Helvetica, Calibri, Arial, Verdana, sans-serif; }
.mainFrameC p { font-size: 13px; color: #666; padding: 0px; margin: 0px; padding-bottom: 5px; }
        
        
.defaultPageWrapper { width: 928px; margin: 0 auto; border: solid 2px #876338; text-align: left; line-height: normal;
            background: #fff url(../Images/ActionMarketHowto/mainBg.png) left top repeat-x; color: #333; padding: 10px 0px;  }
            
.actionMarketWrapper { width: 928px; margin: 0 auto; border: solid 2px #876338; text-align: left; line-height: normal;
            background: #fff url(../Images/ActionMarketHowto/mainBg.png) left top repeat-x; color: #333;  }
        
.actionMarketTop { background: transparent url(../Images/ActionMarketHowto/headline.png) 15px 15px no-repeat; height: 75px;  }
.actionMarketTopSubHeadline { padding-left: 570px; padding-top: 36px;  }
.actionMarketTopSubHeadline a, .actionMarketTopSubHeadline a img { text-decoration: none; border: none; outline: none;}
        
.actionMarketBody { background: transparent url(../Images/ActionMarketHowto/frameBg.png) center top no-repeat;
            margin: 0 auto; height: 363px; width: 909px; }
        
.clear { clear: both; }


.boxSeparator { width: 878px; margin: 0 auto; padding: 1px 0; }
         
.boxL { float: left; }
.boxR { float: right; }
        
/* b13 - start */
.b13 {  width: 326px; }
.b13:hover > div { background-position: -326px top; }
.b13:hover > div.boxB { background-position: -326px bottom; }
.b13 .boxT { background: transparent url(../Images/Template/1_3_t1.png) left top no-repeat; }
.b13 .boxB { background: transparent url(../Images/Template/1_3_t1.png) left bottom no-repeat; }
.b13 .boxM { background: transparent url(../Images/Template/1_3_t2.png) left top repeat-y; }
/* b13 - end */
        
/* b23 - start */
.b23 {  width: 550px; }
.b23:hover > div { background-position: -550px top; }
.b23:hover > div.boxB { background-position: -550px bottom; }
.b23 .boxT { background: transparent url(../Images/Template/2_3_t1.png) left top no-repeat; }
.b23 .boxB { background: transparent url(../Images/Template/2_3_t1.png) left bottom no-repeat; }
.b23 .boxM { background: transparent url(../Images/Template/2_3_t2.png) left top repeat-y; }
        
.superReg .boxC { background: transparent url(../Images/Template/bgSuperRegional.png) center bottom no-repeat; }
/* b23 - end */
        
/* b12 - start */
.b12 {  width: 436px; }
.b12:hover > div { background-position: -436px top; }
.b12:hover > div.boxB { background-position: -436px bottom; }
.b12 .boxT { background: transparent url(../Images/Template/1_2_t1.png) left top no-repeat; }
.b12 .boxB { background: transparent url(../Images/Template/1_2_t1.png) left bottom no-repeat; }
.b12 .boxM { background: transparent url(../Images/Template/1_2_t2.png) left top repeat-y; }
/* b12 - end */
        
/* b11 - start */
.b11 {  width: 880px; }
.b11:hover > div { background-position: -880px top; }
.b11:hover > div.boxB { background-position: -880px bottom; }
.b11 .boxT { background: transparent url(../Images/Template/1_1_t1.png) left top no-repeat; }
.b11 .boxB { background: transparent url(../Images/Template/1_1_t1.png) left bottom no-repeat; }
.b11 .boxM { background: transparent url(../Images/Template/1_1_t2.png) left top repeat-y; }
/* b11 - end */
        
        
.boxT { overflow: hidden;  line-height: normal; margin: 0px; padding: 0px; height: 10px; }
        
.boxM { overflow: hidden; line-height: normal; margin: 0px; padding: 0px; }
        
.boxB { overflow: hidden;  line-height: normal; margin: 0px; padding: 0px; height: 12px; }
        
.boxC { padding: 7px 20px 20px 20px; }

.boxC * { line-height: normal; }
        
.boxC h2 { color: #000000; font-family: TrajanProRegular, "Times New Roman", Times,serif;
    font-size: 16px; margin-bottom: 1px; margin-top: 1px; }
            
.boxC, .boxC p { font-family: Helvetica, Calibri, Arial, Verdana, sans-serif; }
.boxC p { font-size: 13px; color: #666; padding: 0px; margin: 0px; padding-bottom: 5px; }
        


/* external - end */


.cLet { font-size: 30px; line-height: 32px; float: left; font-weight: bold; font-family: TrajanProRegular, "Times New Roman", Times,serif; margin: 0px; padding: 0px; margin-right: 3px; }

.btnBOL { display: block; width: 182px; height: 34px; text-indent: -900px; background: transparent url(../Images/ttn/b2.png) 0px 0px no-repeat; 
          float: left;}
.btnBOL:hover { background-position: 0px -34px; }

.btnRTH { display: block; width: 207px; height: 34px; text-indent: -900px; background: transparent url(../Images/ttn/b2.png) -182px 0px no-repeat; 
          float: left;}
.btnRTH:hover { background-position: -182px -34px; }
