/* ----------------------------------------------------------------------------------------------- */
/* -- THIS FILE CONTAINS STYLES SPECIFIC TO HTML/CLASSES USED ONLY BY THIS LABEL ----------------- */
/* -- 1) CONTROLS (SUPPLEMENT TO ASCX.CSS)                                                         */
/* -- 2) PAGES (SUPPLEMENT TO ASPX.CSS)                                                            */
/* -- 3) MISCELLANEOUS (AD HOC REUSABLE STYLES)                                                    */
/* ----------------------------------------------------------------------------------------------- */


/* ############################################################################################### */
/* ############################################################################################### */
/* ## CONTROL STYLES SECTION (SUPPLEMENT TO ASCX.CSS) ############################################ */
/* ############################################################################################### */
/* ############################################################################################### */

/* -------------------------------------------------------- */
/* --- CONTENT LIST BOX STYLES (HOME PAGE) ---------------- */
/* -------------------------------------------------------- */
#ph2plus3r3c1 .SignupListBox,
#ph2plus3r3c2 .ListBoxSmall .box,
#ph2plus3r3c3 .ListBoxMedium .box
{
    height:230px;
}


/* --------------------------------------------------------------- */
/* -- LINK BOX (WhiteBoardBox) STYLES ---------------------------- */
/* --------------------------------------------------------------- */
.WhiteboardBox .LinkBox
{
    background-color:#F3BB5E; 
    border:1px #F87F11 solid; 
    float:left;
    height:53px;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    width:563px;
}
.WhiteBoardBox a
{
    color:rgb(30,90,140);
}

/* -------------------------------------------------------- */
/* --- MENU STYLES (TopMenu) ------------------------------ */
/* -------------------------------------------------------- */
div.TopMenu
{
    float:left;
}
.TopMenu ul.CatalogTree
{
    background-color:rgb(30,90,140);
    background-image:url(../images/menuTop.gif);
    background-position:top left;
    background-repeat:repeat-y;
    height:40px;
    line-height:38px;
    padding:0px 0px 0px 10px;
    margin:0px 0px 0px 0px;
    list-style-type:none;
    width:890px;
}
.TopMenu .CatalogTree li
{
    background-image:url(../images/bullet-topmenu.gif);
    background-position:left;
    background-repeat:no-repeat;
    float:left;
    cursor:pointer;
    padding:0px 15px 0px 15px;
    text-decoration:none;
}
.TopMenu .CatalogTree li a
{
    color:White;
    text-decoration:none;
}
.TopMenu .CatalogTree li ul
{
    display:none;
}

/* -------------------------------------------------------- */
/* --- MENU STYLES (POPUP SERVICES MENU) ------------------ */
/* -------------------------------------------------------- */
/* -- this mask is controlled by js in /scripts/popup.js -- */
#popup-menu-mask
{
    background-image:url(../images/1px_mask_75p_blue.png);
    background-repeat:repeat;
    display:none;
    position:absolute;
    z-index:999;
}
#popup-menu h1
{
    font-size:1.2em;
    font-style:normal;
    margin-top:0px;
}
#popup-menu-heading p,
#popup-menu-heading p a
{
    color:#5A9DD2;
    display:block;
    font-size:1.2em;
    font-style:normal;
    font-weight:normal;
    margin:0px;
    padding:0px;
    text-decoration:none;
    
}
#popup-menu-heading p a:hover
{
    color:#5A9DD2;
    display:block;
    font-size:1.2em;
    font-style:normal;
    font-weight:normal;
    margin:0px;
    padding:0px;
    text-decoration:underline;
    
}
#popup-menu-1 ul.bullet-list li a
{
    font-size:small;
    text-decoration:none;
}
#popup-menu-1 ul.bullet-list li a:hover
{
    font-size:small;
    text-decoration:underline;
}
#popup-menu h2
{
    margin-top:0px;
}
#popup-menu-1
{
    background-color:white;
    border:solid 2px rgb(212,111,43);
    display:none;
    height:188px;
    left:85px;
    padding:5px;
    position:absolute;
    top:96px;
    width:500px;
    z-index:1000;
}
#popup-menu-1 ul
{
    height:100%;
    margin:0px;
    padding:0px;
}
#popup-menu-1 ul li ul.bullet-list
{
    padding:0px 0px 0px 15px;
}
#popup-menu-1 li#villaging,
#popup-menu-1 li#tech,
#popup-menu-1 li#consult
{
    float:left;
    padding:5px 10px 5px 10px;
    width:223px;
    list-style:none;
}
#popup-menu-1 #tech
{
    border-right:rgb(90,157,210) solid 1px;
    height:85%;
}
#popup-menu-1 #villaging .text
{
    cursor:pointer;
}
#popup-menu-1 #villaging .hook
{
    color:rgb(212,111,43);
    font-variant:small-caps;
}


/* ############################################################################################### */
/* ############################################################################################### */
/* ## PAGE STYLES SECTION (SUPPLEMENT TO ASPX.CSS) #########################===################### */
/* ############################################################################################### */
/* ############################################################################################### */

/* -------------------------------------------------------- */
/* -- CONTACT US PAGE (Address Boxes) --------------------- */
/* -------------------------------------------------------- */
.AddressBox
{
    background-color:white; 
    border:1px #034981 solid;    
    height:180px;
    margin:0px 0px 10px 0px;
    padding:15px 0px 0px 0px;
    width:276px;
}
.AddressBoxPhMain
{
    float:left;
}
.AddressBox img
{
    float:left;
    padding:10px 10px 5px 20px;
}
.AddressTitleText
{
    color:rgb(30,90,140);
    font-size:16pt;
	font-weight:normal;
    padding:0px 0px 0px 20px;
}
.AddressText
{
    color:black; 
    float:left; 
    font-weight:bold;
    padding:15px 20px 0px 0px;
}
.AddressText a
{
    float:left;
    font-size:12px; 
    font-weight:bold;
    padding:0px 20px 0px 0px;
}


/* -------------------------------------------------------- */
/* --- DOWNLOAD PAGE STYLES ------------------------------- */
/* -------------------------------------------------------- */
.Page133 .ListDetail .bookmark-anchor
{
    display:none;
}


/* -------------------------------------------------------- */
/* --- HOME PAGE STYLES ----------------------------------- */
/* -------------------------------------------------------- */

* html .Page1 #phMid
{
    /*\*/margin-top:-15px;/*\*/
}

/* ---------------------- */
/* -- 2 column section -- */
/* ---------------------- */
#ph2plus3r2c1 h2,
#ph2plus3r2c2 h2
{
color: rgb(30, 90, 140);
font-size: 18px;
font-weight: normal;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0px;
}
#ph2plus3r2c1 h3,
#ph2plus3r2c2 h3
{
color: rgb(90, 157, 210);
font-size: 13px;
line-height: 20px;
margin: 0px;
padding: 0px;
text-decoration: underline;
}
#box1top a,
#box1top a:visited,
#box1btm a,
#box1btm a:visited,
#box2top a,
#box2top a:visited,
#box2btm a,
#box2btm a:visited
{
    color:White;
    font-size:1.2em;
    text-decoration:none;
}
#ph2plus3r2c1 #box1,
#ph2plus3r2c2 #box2
{
    background-color:white;
    border-top:solid 2px rgb(212,111,43);
    display:inline;
    float:left;
    height:320px;
    width:440px;
}
#ph2plus3r2c1 #box1top,
#ph2plus3r2c2 #box2top
{
    background-image:url(../images/box-header-bg.png);
    background-position:top left;
    background-repeat:repeat-y;
    height:40px;
    padding:0px 15px 0px 15px;
}
#ph2plus3r2c1 #box1mid,
#ph2plus3r2c2 #box2mid
{
    background-position:top left;
    background-repeat:no-repeat;
    height:195px;
    width:100%;
}
#ph2plus3r2c1 #box1btm,
#ph2plus3r2c2 #box2btm
{
    background-position:top left;
    background-repeat:no-repeat;
    height:65px;
    padding:10px 15px 10px 15px; 
}
#ph2plus3r2c1 #box1mid {background-image:url(/content/BRANDV/media/ui/default_box1_mid.jpg);}
#ph2plus3r2c2 #box2mid {background-image:url(/content/BRANDV/media/ui/default_box2_mid.jpg);}
#ph2plus3r2c1 #box1btm {background-image:url(/content/BRANDV/media/ui/default_box1_btm.jpg);}
#ph2plus3r2c2 #box2btm {background-image:url(/content/BRANDV/media/ui/default_box2_btm.jpg);}
#ph2plus3r2c1 #box1btm .highlight,
#ph2plus3r2c2 #box2btm .highlight
{
    font-size:1.4em;
    font-weight:bold;
}

/* --------------------- */
/* -- popup menus ------ */
/* --------------------- */
.HomePopupTop
{
    background-image:url(../images/home_popup_top.png);
    background-position:bottom left;
    background-repeat:no-repeat;
    font-size:0.1em;
    height:6px;
}
.HomePopupMid
{
    background-image:url(../images/home_popup_mid.png);
    background-position:top left;
    background-repeat:repeat-y;
    font-size:x-small;
    height:182px;
}
.HomePopupPhMain
{
    padding:5px 10px 5px 10px;
}
#ph2plus3r2c1 .bullet-list a,
#ph2plus3r2c2 .bullet-list a
{
    font-size:small;
    line-height:20px;
    margin:0px;
    padding:0px;
}
.HomePopupBtm
{
    background-image:url(../images/home_popup_btm.png);
    background-position:top left;
    background-repeat:no-repeat;
    font-size:0.1em;
    height:7px;
}
#popup-menu-it,
#popup-menu-consult
{
    display:none;
    height:195px;
    width:440px;
}
#popup-menu-it
{
    left:0px;
}
#popup-menu-consult
{
    left:450px;
}


/* ############################################################################################### */
/* ############################################################################################### */
/* ## MISCELLANEOUS STYLES SECTION (AD HOC REUSABLE STYLES) ###################################### */
/* ############################################################################################### */
/* ############################################################################################### */

/* -------------------------------------------------------- */
/* --- FOOTER CONTENT STYLES ------------------------------ */
/* -------------------------------------------------------- */
#Contact
{
    float:left;
    font-size:1em;
    margin-bottom:15px;
}
#uk span,
#us span
{
    width:105px;
}
#Contact .company,
#Contact .tel-no
{
    float:left;
}
#Contact .tel-no
{
    text-align:right;
}


/* -------------------------------------------------------- */
/* --- TAB STYLES ----------------------------------------- */
/* -------------------------------------------------------- */
/* hide them from IE6 */
* html #tabs {/*\*/display:none;/**/} 
#phTop > div > #tabs
{
    position:fixed;
    right:0px;
    top:100px;
}
#tabContact
{
    background-color:red;
    height:0px;
    width:30px;
}    
        

/* --------------------------------------------------------------- */
/* -- QuoteBox STYLES -------------------------------------------- */
/* --------------------------------------------------------------- */
.QuoteBox
{
    background-color:#cddbe6; 
    border:1px #034981 solid; 
    height:53px;
    margin:7px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    width:563px;
}
.QuoteBoxPhMain
{
    float:left;
}
.QuoteBox img
{
    float:left;
    padding:5px 8px 5px 10px;
}
.QuoteLeft
{
    color:black; 
    float:left; 
    font-family:Arial; 
    font-size:40px; 
    font-weight:bold;
}   
.QuoteRight
{
    color:black; 
    float:right; 
    font-family:Arial; 
    font-size:40px; 
    font-weight:bold; 
    margin:27px 0px 0px 30px;
}   

.QuoteText
{
    color:black; 
    float:left; 
    font-weight:bold; 
    padding-top:10px; 
    padding-left:5px;
    width:425px;
}

/* --------------------------------------------------------------- */
/* -- SquareQuoteBox STYLES -------------------------------------- */
/* --------------------------------------------------------------- */
.SquareQuoteBox
{
    background-color:#cddbe6; 
    border:1px #034981 solid;
    float:right;
    height:95px; 
    margin:15px 0px 10px 10px;
    padding:8px 0px 0px 0px;
    text-align:left;
    width:278px;
}
.SquareQuoteLeft
{
    color:black; 
    float:left; 
    font-family:Arial; 
    font-size:40px; 
    font-weight:bold;
    height:95px;
    padding-left:5px;
    width:25px;
}   
.SquareQuoteRight
{
    color:black; 
    float:right; 
    font-family:Arial; 
    font-size:40px; 
    font-weight:bold;
    height:95px;
    padding-left:5px;
    padding-top:55px;
    width:25px;
}   
.SquareQuoteText
{
    color:black; 
    font-weight:bold;
}



/* ############################################################################################### */
/* ############################################################################################### */
/* ## AWAITING CLASSIFICATION!!!! ################################################################ */
/* ############################################################################################### */
/* ############################################################################################### */

ol.content
{
    color:rgb(212,111,43);
    font-size:larger;
    font-weight:bold;
    margin-top:25px;
}
.bullet-list li
{
    list-style-image:url(../images/bullet.jpg);
}
.bullet-text
{
    background-image:url(../images/bullet.jpg);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:15px;
}
.normal li
{
    list-style-image:none;
    list-style-type:circle;
}
.text-spacer
{
    border-top:rgb(108,108,120) dotted 1px;
    height:15px;
}

.imgPageVisual img
{
	border:solid 1px rgb(30,90,140);
    height:180px;
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	width:270px;
}
.imgPageVisualPortrait img
{
	border:solid 1px white;
	float:right;
	height:300px;
	margin-bottom:10px;
	margin-left:10px;
    width:220px;
}