/*=================================================*/
/*      SAVVI PROM 2011
/*=================================================*/

html{
  height:100%;
  background:url(/images/wallpaper.gif) 0 0 repeat-x #82155d;
  }

body{
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  text-align:center;
    font-size: 10pt;
    color: #7e6f5e;
}

.HomePageTxt{
	line-height:0.6em;
	margin-top:0em;
	margin-bottom:0em;
	margin-left:2.5em;
	margin-right:3em;
	text-align:left;
	}

a {
  color: #7e6f5e;
  text-decoration: none;
}

.SGnav {width: 150px }

.SGnav a {
  font:62.5%/1.3 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size:1.4em;
  color:#871919;
  text-align:left;
  text-decoration:none;
  }

.SGnav a:hover {
  font:62.5%/1.3 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size:1.4em;
  color:#871919;
  text-align:left;
  text-decoration:underline;
  }

.Callout a {
  margin:5px 5px;
  }

.TnCaption {
    text-align: center;
    vertical-align:top;
    text-decoration:inherit;
    padding-top: 10px;
    color:#6f6f6f;
    font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-size:12px;
  }

.SGImg{
  border:0;
  margin-bottom:10px;
  margin-left:10px;
  }

*{padding:0; margin:0; border:0;}
p{line-height:1.3em; padding:0 0 1.2em 0;}
img{border:none;}
hr{border-left:none; border-right:none; border-top:#FFFFFF; border-bottom:#C2C594;}
.clearfixed{clear:both; height:100px; width:100%;}
.jogfixer{zoom:1;}
/* img,div,a,input,class,ul,li{behavior:url("/js/iepngfix.htc");} */


/*===============================
        HOME PAGE FLASH  
===============================*/

/*#flash{width:882px; height:306px; padding-top:128px; margin:0 0 0 35px; overflow:hidden;}


/*===============================
    CANDY WRAPPERS  
===============================*/

.DesLogo {
      width: 100%;
    }
.DesLogo td {
      width: 33%;
      text-align: center;
    }
.DesLogo .logo {
      border: solid 1px #8a7967;
    }
.DesLogo .label {
      background-image: url(/images/back_h2.jpg);
      border-left: solid 1px #8a7967;
      border-right: solid 1px #8a7967;
    }
.DesLogo .spacer {
      width: 5px;
    }
.TNimg {
      width: 794px;
	  table-layout: center;
	  text-align:center;
    }
.TNimg td {
      width: 33%;
      text-align: center;
    }
.TNimg .logo {
      border: solid 1px #8a7967;
    }
.TNimg .label {
      background-image: url(/images/back_h2.jpg);
      border: solid 1px #8a7967;
    }
.TNimg .spacer {
      width: 5px;
    }
#container{
  margin:0 auto;
  width:950px;
  text-align:center;
  overflow:hidden;
  }

#minilogo{
  float:right;
  margin:0;
  width:189px;
  height:69px;
  background:url(/images/savvi-prom-small.png) 0 0 no-repeat; 
  }

#minilogo a{  
  display:block;  
  width:189px;
  height:69px;  
  border:none;
  }

#footer{
  clear:both;
  margin:5px auto;
  width:950px;
  text-align:left;
  overflow:hidden;  
  }

/*===============================
      NAVIGATION  
===============================*/

.navMainTitle {
  background:#7e6f5e;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  width: 100%;
  border: 0px solid #C0C0C0;
  font-size: 10pt;
  text-decoration:underline;
  color:#FFF;
  padding:5px 5px 5px 5px;
}

.navMainSub {
  background:#d9d3cc;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  width: 100%;
  font-size: 10pt;
  padding:5px 5px 5px 5px;
}

.navMain {
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  width: 100%;
  border: 0px solid #C0C0C0;
  font-size: 7pt;
  text-decoration:underline;
}
.navFont {
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  width: 100%;
  border: 0px solid #C0C0C0;
  font-size: 12pt;
}

#nav li{
  list-style-type:none;   
  float:right; 
  background:transparent; 
  padding:0; 
  margin:0 0 2.0em 0;
  }

#nav li a{
  display:block; 
  height:51px;
  text-decoration:none;
  }

li#style-nav a{
  width:138px; 
  background:url(/build/nav/style.gif) no-repeat 0 0px;
  }

li#tux-nav a{
  width:98px; 
  background:url(/build/nav/tux.gif) no-repeat 0 0px;
  }

li#special-nav a{
  width:146px; 
  background:url(/build/nav/special.gif) no-repeat 0 0px;
  }

li#contest-nav a{
  width:98px; 
  background:url(/build/nav/contest.gif) no-repeat 0 0px;
  } 
  
li#loc-nav a{
  width:100px; 
  background:url(/build/nav/loc.gif) no-repeat 0 0px;
  } 

#nav li.on a{background-position:0 -102px;}
#nav li a:hover{background-position:0 -51px;}

#stylenav{
  width:775px;
  padding:0 0 0 145px;
  position:relative;
  overflow:hidden;
  }

#stylenav li{
  float:left;
  list-style-type:none;   
  background:transparent; 
  padding:0 5px 0 0; 
  margin:0 0 2.0em 0;
  }

#stylenav li a{
  display:block; 
  height:51px;
  text-decoration:none;
  }

#stylenav li a{
  display:block; 
  height:41px;
  text-decoration:none;
  }

li#tuxedos a{
  width:137px; 
  background:url(/build/nav/tuxedoLink.gif) no-repeat 0 0px;
  }

li#vests a{
  width:137px; 
  background:url(/build/nav/vestsLink.gif) no-repeat 0 0px;
  }

Li#option{
  width:137px;
  height:41px;
  background:url(/build/nav/optionText.gif) no-repeat 0 0px;  
  }

li#region a{
  width:137px; 
  background:url(/build/nav/regionLink.gif) no-repeat 0 0px;
  }

#stylenav li a:hover{background-position:0 -41px;}

/*===============================
      HEADERS  
===============================*/

h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  }
  
h1 a, h2 a, h3 a, h6 a{
    padding:0;
    text-decoration:none;
    background:transparent !important;
  }
  
h1 a:hover, h2 a:hover, h3 a:hover, h6 a:hover{
  text-decoration:none;
  } 

h1{font-size:1.8em; line-height:0.6em; margin-top:0; margin-bottom:0em;}
h2{font-size:1.9em; line-height:0.6em; margin-top:0; margin-bottom:0.4em;}
h3{font-size:1.5em; line-height:1.5em; margin-top:0.4em; margin-bottom:0em;}
h4{font-size:1.0em; line-height:1.2em; margin-top:0.4em; margin-bottom:0.4em; font-weight:bold; text-decoration:underline;}
h5{font-size:1.2em; line-height:1.0em; margin-top:0.2em; margin-bottom:0.4em; font-weight:bold; text-decoration:none;}
h6{font-size:1.0em; line-height:1.0em; margin-top:0.1em; margin-bottom:0em;}
h7{font-size:1.0em; line-height:1.0em; margin-top:0.1em; margin-bottom:0em;}

h1.icon, h2.icon, h3.icon{
  padding:15px 0 25px 73px;
  background-position:left center;
  background-repeat:no-repeat;
  }

.DetailsHeader {
  text-align:left;
}


/*===============================
    REGISTER ICONS  
===============================*/

.styleico{background:url(/images/icon/style.png) 0 0 no-repeat;}
.freetuxico{background:url(/images/icon/freetux.png) 0 0 no-repeat;}
.contestico{background:url(/images/icon/contest.png) 0 0 no-repeat;}

/*===============================
      PAGE STYLE  
===============================*/

.pagespan_top{
  clear:both;
  width:100%;
  padding:25px 0px 0px 0px;
  background:url(/images/page_cap.png) top left no-repeat;  
  overflow:hidden;
  }

.pagespan{
  margin:0;
  clear:both; 
  width:100%;
  background:#f7f6e7;
  background-color:#f7f6e7;
  overflow:hidden;
  }

.pagespan_stripe{
  margin:0;
  clear:both; 
  width:100%;
  background:#f7f6e7;
  background-color:#f7f6e7;
  overflow:hidden;
  }

.pagespan_base{
  clear:both;
  width:100%;
  padding:0 0 40px 0; 
  background:#f7f6e7;
  background-color:#f7f6e7;
  overflow:hidden;
  }

.pagespan_base_solid{
  clear:both;
  width:100%;
  margin:0 0 5px 0;
  padding:0 0 40px 0; 
  background:url(/images/page_base_solid.gif) bottom left no-repeat #f7f6e7;
  overflow:hidden;
  }

/*===============================
    REGISTER COLUMNS  
===============================*/

.column{
  padding:5px 0 0 0;
  display:inline;
  float:left;
  position:relative;
  }

.wide{
  width:890px;
  padding:0 30px;
  font-size:1.2em;
  }

.columnInt{
  padding:5px 0 0 0;
  display:inline;
  float:center;
  position:relative;
  }

.wideInt{
  width:890px;
  padding:0 30px;
  font-size:1.2em;
  }

.wide2{
  padding:0 20px;
  font-size:1.2em;
  }

.left{
  width:200px;
  margin-bottom:2.0em;
  padding:20px 0 20px 30px;
  font-size:1.2em;
  }

.left h3{
  color:#094e93;  
  }

.right{
  width:690px;
  margin-bottom:2.0em;
  padding:20px 30px 20px 0;
  font-size:1.2em;
  }

/*===============================
    WELCOME INFO  
===============================*/

#welcomewrap{
  margin:0;
  width:882px;
  height:307px;
  background:#fff;
  border:1px solid #999;  
  padding:3px;
  overflow:hidden;
  }

#flashcontent{
  width:882px;
  height:306px;
  overflow:hidden;
  }

/*===============================
        COUPONS  
===============================*/

.CpnTxt{
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  text-align:left;
    font-size: 12pt;
    color: #fff;
  font-weight:bold;
  text-align:left;
  vertical-align:text-top;
}

#gridCoupon {
  width:525px;
  height:325px;
  display:block;
  float:center;
  margin:0 5px 5px 0;
  }

#gridCoupon1 {
  width:350px;
  height:217px;
  display:block;
  float:center;
  margin:0 5px 5px 0;
  }

#gridCoupon3 {
  width:350px;
  height:217px;
  display:block;
  float:center;
  margin:0 5px 5px 0;
  }

#gridCoupon4 {
  width:350px;
  height:217px;
  display:block;
  float:center;
  margin:0 5px 5px 0;
  }

#grid1{
  width:280px;
  height:85px;
  display:block;
  float:left;
  margin:0px 20px 0px 0px;
  }

#grid2{
  width:280px;
  height:85px;
  display:block;
  float:left;
  margin:0px 20px 0px 0px;
  }

#grid3{
  width:280px;
  height:85px;
  display:block;  
  float:left; 
  margin:0px 0px 0px 0px;
  }

#grid1int{
  vertical-align:bottom;
  width:282px;
  height:100px;
  display:block;
  float:left;
  margin:0 22px 30px 0;
  }

#grid2int{
  vertical-align:bottom;
  width:282px;
  height:100px;
  display:block;
  float:left;
  margin:0 22px 0px 0;
  }

#grid3int{
  vertical-align:bottom;
  width:282px;
  height:100px;
  display:block;  
  float:left;
  margin:0 0 0px 0;
  }

.pitch h2{
  color:#094e93;
  padding:0 0 0 5px;
  }

.pitch p{
  text-align:left;
  font-size:0.9em;
  padding:0 15px 0 5px; 
  line-height:1.4em;
  margin-bottom:1.0em;
  }

.pitch2 p{
  text-align:center;
  font-size:0.9em;
  padding:0 15px 0 5px; 
  line-height:1.4em;
  margin-bottom:1.0em;
  }

#styleGallery {
  display:block;
  width:280px;
  height:85px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  overflow:hidden;  
  }

#styleGallery img{
  position:absolute;
  top:0; 
  left:0;
  }

#Coupon{
  display:block;
  width:525px;
  height:325px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  overflow:hidden;  
  }

#Coupon img{
  position:absolute;
  top:0; 
  left:0;
  }

#freeTux{
  display:block;
  width:280px;
  height:85px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  overflow:hidden;  
  }

#freeTux img{
  position:absolute;
  top:0; 
  left:0;
  }

#freeTuxFOOT{
  display:block;
  width:280px;
  height:85px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  top:10px;
  left:100px;
  overflow:hidden;
  }

#freeTuxFOOT img{
  position:absolute;
  top:0px; 
  left:0px;
  }

#videoContest{
  display:block;
  width:280px;
  height:85px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  overflow:hidden;  
  }

#videoContest img{
  position:absolute;
  top:0; 
  left:0;
  }

#videoContestFOOT{
  display:block;
  width:280px;
  height:85px;
  border:1px solid #999;
  margin-bottom:1.0em;
  position:relative;
  top: 10px;
  overflow:hidden;  
  }

#videoContestFOOT img{
  position:absolute;
  top:0; 
  left:0;
  }

#styleGallery a{text-decoration:none;}
#freeTux a{text-decoration:none;}
#freeTuxFOOT a{text-decoration:none;}
#VestColors a{text-decoration:none;}
#VestColorsFOOT a{text-decoration:none;}

/*===============================
      FORM TABLE  
===============================*/
.FreeTux {

    border: solid #000 0px;
    width: 400px;
 padding: 5px;
}

.xFreeTux td {
    padding: 5px;
    border: solid #000 0px;

}

table#VideoContest {

    border: solid #000 0px;
    width: 400px;

}

table#VideoContest td {
    padding: 5px;
    border: solid #000 0px;

}

.data {
    color: #000000;
    text-align: left;
  text-shadow:#090;
      padding: 5px;

}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    text-align: right;
    width: 150px;
  vertical-align:top;
}

.text {
    font-weight: normal;
    text-align: center;
  vertical-align:top;
}


/*===============================
      FOOTER  
===============================*/

.footerText{
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  text-align:center;
    font-size: 9pt;
    color: #fff;
}

.footspan_top{
  clear:both;
  width:100%;
  background:url(/images/foot_cap.png) top left no-repeat;  
  overflow:hidden;
  }

.footspan{
  margin:30px 0 20px 0;
  clear:both; 
  width:100%;
  background:#232725;
  overflow:hidden 
  }

.footspan_base{
  clear:both;
  width:100%;
  background:url(/images/foot_base.png) bottom left no-repeat;  
  overflow:hidden;
  }

#footer p{
  font-size:0.9em;
  color:#cfe6db;  
  }

#bread{
  width:600px;
  line-height:1.5em;
  position:relative;
  margin:10px 0 25px 0;
  list-style:none;
  }
  
#bread ul{
  list-style:none;  
  }

#bread li{
  font-family:"Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:0.9em;
  padding:0 10px 0 0;
  display:inline; 
  }

#bread a, #bread a:visited{
  font-weight:bold;
  color:#60bf92;
  text-decoration:none;
  }

#bread a:hover{
  border-bottom:2px solid #f25728;
  }

/*===============================
      SIFR  
===============================*/

.sIFR-flash{visibility:visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash{visibility:hidden !important;}
.sIFR-replaced, .sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}

.sIFR-active h1{
  visibility:hidden;
  }

/*Locater*/
#displaybox
{
  z-index: 10000;
  filter: alpha(opacity=50); /*older IE*/
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
  -moz-opacity: .50; /*older Mozilla*/
  -khtml-opacity: 0.5; /*older Safari*/
  opacity: 0.5; /*supported by current Mozilla, Safari, and Opera*/
  background-color: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
#displaypanel
{
  z-index: 10001;
  background-color: White;
  width: 200px;
  height: 355px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -100px;
}

#ifLocation
{
  border-collapse: collapse;
  border: solid 1px gray;
  width: 175px;
  height: 310px;
  float: none;
  vertical-align: top;
}