﻿/*

	Structural Styles
	
*/

#LEFT, #CENTER, #RIGHT {
    height: 76px;
    float: left;
    border: 1px solid #98002e;
    border-left: 6px solid #98002e;
}

#LEFT {
    height: 78px;
    border: none;
}

/* DONT FORGET TO DELETE THE HEIGHT ON MOST DIVS THAT WILL EXPAND VERTICALLY
*************************************************************************************/
/* ID Styles
*************************************************************************************/
#uber {
    float: left;
    width: 949px;
    position: absolute;
    left: 50%;
    margin-left: -474px;
}
#LeftSide {
    width: 232px;
    float: left;
    margin-bottom: 15px;
}
#RightSide {
    width: 687px;
    float: right;
    color:#333333;
    float:right;
    font-family:Arial,Verdana,Serif;
    font-size:12px;
    line-height: 22px;
}

#RightSideInterior {
    width: 685px;
    float: right;
    color:#333333;
    float:right;
    font-family:Arial,Verdana,Serif;
    font-size:12px;
    line-height: 22px;
}

#printArea
{
	float: left;
	width: 685px;
	padding: 0px 0px 20px 0px;
}

#maincontent {
    width: 949px;
    float: left;    
}
#LogoDiv {
	float: left;
	width: 232px;
    text-align: right;
}
#logo {
    padding: 18px 0px 15px 0px;
}

#searchArea
{
	float: left;
	width: 232px;
}

#SearchDiv {
	float: left;
	width: 232px;
    text-align: right;  
}

#Footer {
    float: left;
    border-width: 1px 0px 1px 0px;
    border-top-style: solid;
    border-top-color: #98002e;
    border-bottom-style: solid;
    border-bottom-color: #98002e;
    width: 949px;
    height: 28px;
    margin-bottom: 5px;
}
#followUs 
{
    margin-top:10px;
}
    #footerNav img
    {
        vertical-align:middle;
    }
    #facebook, #twitter
    {
        width:21px;
        margin:0px;
        padding:0px;
    }
    #twitter
    {  
        padding-right:12px;
        background:url(/en/images/border-right.gif) center right no-repeat;
        
    }
#footerNav {
    height:20px;
    margin:0px;
    text-align:center;
}
#BTN {
	float: left;
    width: 232px;
    height: 21px;
    margin-top: 15px;
}
#LeftNav {
	float: left;
    width: 232px;
    margin-top: 6px;
}
#MainNav {
    margin: 0px;
    width: 687px;
    height: 77px;
}

#NavDetail {
    background:#FAE688 url(/en/images/NewDetailBG.gif) no-repeat scroll left top;
    color:#333333;
    font-family:Arial,Verdana,Serif;
    font-size:11px;
    height:25px;
    font-weight: bold !important;
    margin: 10px 0px 0px 0px;
    padding: 4px 0px 0px 10px;
    text-align:left;
    width:675px;
    overflow: hidden;
}

#actions {
	float: right;
	width: 683px;
	margin: 15px 0px 15px 0px;
	padding: 0px 2px 0px 0px;
}

.darkgrey {
    color:#333333;
    font-family:Arial,Verdana,Serif;
    font-size:12px;
}
.ContentImage {
    float:right;
    height:109px;
    padding:0 0 0 20px;
    width:170px;
}
#ColumnOne {
    width: 694px;
    height: 170px;
    margin-top: 10px;
}
#ColumnTwo{
    width: 687px;
    height: 102px;
    background-repeat: no-repeat;
    background-position: left;
    /*background-image: url('/en/images/ColumnTwoBG.gif'); *//*  this is now editable*/
    margin-top: 8px;
    overflow:hidden;
    position:relative;  /*since the image is editable, ensure right position */
    
}
.columntwo {
    width: 687px;
    height: 102px;
    background-repeat: no-repeat;
    background-position: left;
}

#PrimaryCTwo {
    width: 70px;
    height: 102px;
    float: left;
    vertical-align: middle;
    padding-left: 20px;
    position:absolute;  /*since the image is editable, ensure right position */
    top:0px;
    left:0px;
}
#SecondaryCTwo {
    width: 450px;
    height: 85px;
    margin-left: 110px; 
    padding-top: 8px; /* original value is 18 px */
    position:absolute;  /*since the image is editable, ensure right position */
    top:1px;
    left:18px;
}
#ColumnThree {
    width: 685px;
    height: 66px;
    margin-top: 8px;
    border-width: 1px 0px 1px 0px;
    border-top-style: solid;
    border-top-color: #98002e;
    border-bottom-style: solid;
    border-bottom-color: #98002e;
    background-repeat: no-repeat;
   /* background-position: right;
    background-image: url('/en/images/TaxFreeGraphic_106x61.jpg'); */
}
#PrimaryCThree {
    height: 66px;
    float: left;
}
#SecondaryCThree {
    width: 520px; /* 425 */
    height: 66px;
    float: left;
    margin-left: -10px;
}

#ColumnFour {
    width:685px;
    height:43px;
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 15px 0px;
    border-bottom: 1px solid #98002e;
}

#CFourOne {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#PrimaryCFour {
    width:344px;
    height:146px;
    float: left;    
    border: 1px solid #98002e;
}
#CFourForm {
    height: 68px;
    width: 344px;
    float: left;
}
#CFourContent {
    height: 78px;
    width: 344px;
    float: left;
    text-align: left;
}
#CFourContent p {
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-left: 10px;
    line-height: 16px;
}
#PrimaryFormTable {
    width: 340px;
    height: 20px;
    text-align: left;
    float: right;
    margin: 10px 0px 0px 0px;
}
#SecondaryFormTable {
    width: 305px;
    height: 20px;
    text-align: left;
    float: right;
    margin: 12px 0px 0px 0px;
}
#SecondaryCFour {
    width: 320px;
    height: 145px;
    float: right;
}
#FeaturedPoll {
    float: left;
    width: 320px;
    height: 116px;
}
#Explore {
    float:left;
    width: 320px;
    height: 30px;
    border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #98002e;
    border-top-style: solid;
    border-top-color: #98002e;
    
}
#ColumnFive {
    width: 687px;
    height: 87px;
    float: left;
    margin-top:0px;
}

#LEFT {
   /*width: 131px;*/
   width: 138px;
   background-image: url('/en/images/LEFTbg_DELETE.gif');
}
#CENTER {
   width: 259px;
   margin-left: 8px;
   background-image: url('/en/images/CENTERbgDELETE.gif');
}
#RIGHT {
   width: 258px !important;
   height: 76px !important;
   margin-left: 10px;
}

/* CLASS Styles
*************************************************************************************/
#LeftNav h1 {
    font-family: Arial, verdena, Serif;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    background: url('/en/images/LeftNavHeaderBG.gif') no-repeat left top;
}

#LeftNav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 232px !important;
}

#LeftNav li {
	float: left;
	width: 232px !important;
}

.clear {
    clear: both;
}

#PrimaryCTwo h1 {
    font-family: Arial, Verdana, Serif;
    font-size: 20px;
    color: #98002e;
    font-weight: 800;
    margin-top: 35px;
}

#PrimaryCThree h1, #Explore h1, #FeaturedPoll h1 {
    font-family: Arial, Verdana, Serif;
    font-size: 16px;
    color: #98002e;
    font-weight: 800;
    margin-top: 7px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-left: 5px;
}
#FeaturedProductLogo, .featuredproductlogo {
    margin-top: 6px;
    padding-left: 5px;
}
#SecondaryCThree p {
    font-family: Arial, Verdana, Serif;
    font-size: 12px; 
    color: #434343;
    line-height: 12px;
    margin-top: 15px
}


#PrimaryCFour h2 {
    display: block;
    background: url('/en/images/E-Newsletter_HeadingBG.gif') no-repeat center;
    padding: 5px 0px 5px 0px;
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    text-align: center;
    margin: 13px 0px 9px 0px;
    color: #666666;
}
#Input01 {
    font-family: Arial;
    font-size: 12px;
    color: #999999;
    width: 155px;
    height: 12px;
    margin: 0px 0px 0px 10px;
    float: left;
    border: 1px solid #dddddd;
}
#Input02 {
    font-family: Arial;
    font-size: 12px;
    color: #999999;
    width: 155px;
    height: 12px;
    margin: 0px 10px 0px 0px;
    float: right;
    border: 1px solid #dddddd;
}
#Radio1, #Radio2, #Radio3, #Radio4,#Radio5,#Radio6  {
    float: left;
}
.RadioText {
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    color: #999999;
    margin: 0px 0px 0px 5px;
   
    float: left;
    
}
#RadioBTN {
    height: 27px;
    width: 127px;
    float: right;
    margin-right: 5px;
    
}
#FeaturedPoll h1 {
    margin: 3px 0px 0px 12px;
}
#FeaturedPoll h2 {
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin: 5px 0px 0px 20px;
    line-height: 16px;
}
#FeaturedPoll p {
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    margin: 5px 0px 0px 20px;
    line-height: 16px;
}
#exploreBTN {
    float: right;
    margin-top: 7px;
}
.fortressBTN, .fortressbtn {
   vertical-align: text-bottom;
   margin: 7px 0px 0px 10px;
}
.arrowBTN, .arrowbtn {
     float: left;
     margin: 10px 0px 0px 10px;
}
#featureBTN {
    float: right;
}
#Explore h1 {
    margin-top: 5px;
    margin-left: 7px;
    float: left;
}
.radiowrapperTD01, radiowrapperTD02 {
     height: 15px;
     
}
.RadiowrapperFeatureTD01, .RadiowrapperFeatureTD02, .RadiowrapperFeatureTD03, .RadiowrapperFeatureTD04 {
    text-align: left;
}
.RadiowrapperTD01 {
    width: 60px;
}
.radiowrapperFeatureTD {
    width: 85px;
}
.radiowrapperFeatureTD02 {
     width: 67px;
}
.radiowrapperFeatureTD03 {
     width: 50px;
}
.radiowrapperFeatureTD04 {
     width: 50px;
}
.featureBTNwrapperTD {
   width: 15px; 
}

/*

	Site Map
	
*/
.siteMapSection
{
	width: 218px;
	float: left;
	padding-right: 15px;
}

.siteMapSection a, .siteMapSection span.heading a
{
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.siteMapSection span.heading
{
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #c5c5c5;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
}

/* Table Fix for Chrome / FF / Opera / Safari */
/*#RightSideInterior table tr:first-child {background-color:#ffff99;}*/
#RightSideInterior td {margin:0;padding:0;}
#RightSideInterior td > * {margin:10px;}
#RightSideInterior td li, #RightSideInterior td ul {margin-left:0px;}


.tableclear tr {background:none !important;}
	 
.yellowtableheading tr:first-child
{
    background-color:#ffff99;
}
h1
{
   color: Black;
   font-family:Sans-Serif, Verdana;
   font-size: 28px; 
}
h2
{
    color: #98002e;
   
}
