iframe{ position:absolute; top:0px; left:0px; visibility:hidden }

html {
  height:100%;
}

body {
  background:#08011f;
  color:#ffffff;
  height:100%;
  margin:0px;
  margin-top:10px;
  background-image:url(/media/patternbackground.gif);
  font-family:Arial,sans;
  font-size:13px;
}

div.wrapper {
  width:950px;
  height:556px;
  color:#ffffff;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  position:relative;
}

div.footer {
  width:950px;
  text-align:center;
  color:#ffffff;
  margin-left:auto;
  margin-right:auto;
  font-family:arial;
  font-size:11px;
  padding-top:16px;
  line-height:1.5;
}

div.footer select {
  margin-top:10px;
}

#outer {height:100%; display: table; width:100%; margin:0px; padding:0px;}
#middle { vertical-align:middle; display: table-cell; }

h1,h2,h3,h4,h5 { margin:0px; padding:0px; font-weight:normal; }

a { color:#ffffff; }
img { border:0px; }

p { margin-top:0px; padding-top:0px; }

:focus
{
  -moz-outline-style: none;
}

.alt { display:none; }

.halfcolumn {
  width:50%;
  float:left;
}

.left { float:left; }
.right { float:right; }

.clear { clear:both; width:1px; height:1px; overflow:hidden; }

/* Navigation ******************************************/

#remingtonlogo { 
  display:block;
  width:160px;
  height:49px;
  position:absolute;
  right:0px;
  top:0px;
  background:url(/media/remingtonLogo.gif);
}

#remingtonlogo h1 { display:none; }

ul.navigation {
  margin:0px;
  padding:0px;
  width:100%;
  height:48px;
  background-image:url(/media/navigation.png);
}

ul.navigation li {
  display:block;
  float:left;
}

ul.navigation li a {
  font-family:arial;
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  float:left;
  height:30px;
  padding-top:18px;
  width:100px;
  border-right:1px solid #401d72;
  background-image:url(/media/navigation.png);
  text-align:center;
}

ul.navigation li a:hover {
  background-position:0px -96px;
}

ul.navigation li.selected a {
  background-position:0px -96px;
}

ul.navigation li.home a {
  width:101px;
}

ul.navigation li.makeyourown a {
  width:192px;
}

ul.navigation li.quiz a {
  width:123px;
}

ul.navigation li.gallery a {
  width:168px;
}

ul.navigation li.viewthead a {
  width:133px;
}

ul.navigation li.product a {
  width:236px;
}

/* Non-Eng Navigation ------------------------------*/

ul.navigation_nonen li.home a {
  width:155px;
}

ul.navigation_nonen li.quiz a {
  width:185px;
}

ul.navigation_nonen li.product a {
  width:274px;
}

ul.navigation_nonen li.viewthead a {
  width:172px;
}
/* Sub Nav ******************************************/

ul.subnav {
  background-image:url(/media/navigation.png);
  background-position:0px -169px;
  width:100%;
  height:25px;
  margin:0px;
  padding:0px;
}

ul.subnav li {
  display:block;
  float:left;
}

ul.subnav li a {
  font-family:arial;
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  float:left;
  height:19px;
  padding-top:6px;
  background-image:url(/media/navigation.png);
  background-position:0px -169px;
  text-align:center;
  padding-left:22px;
  padding-right:22px;
}

ul.subnav li a:hover {
  background-position:0px -144px;

}

ul.subnav li.selected a {
  background-position:0px -144px;

}

/* Content *******************************************/

div.content {
  clear:both;
  width:950px;
  height:508px;
  overflow:hidden;
  background:url(/media/background_gradient.jpg);
}

div.padding {
  padding:20px 44px;
  padding-top:30px;
}

h1 { font-size:40px; letter-spacing:-2px; text-transform:uppercase;}

/* Quiz **********************************************/

div.quiz { background:url(/media/background_quiz.jpg); }
ul.subnav_quiz { padding-left:245px; }





a.competition_ribbon {
  width:151px;
  height:124px;
  background:url(/media/competitionRibbon.png);
  position:absolute;
  right:0px;
  top:48px;
  z-index:10;
}

a.competition_ribbon span {
  display:none;
}

div.countryselect {
  background:url(/media/countrySelect.jpg);
}

div.countryselect div.content {
  background:none;
}

div.countryselect div.content select {
  font-size:14px;
  position:absolute;
  left:574px;
  bottom:200px;
}

div.countryselect div.content button {
  background:url(/media/ArrowButton.png);
  width:91px;
  height:84px;
  padding-bottom:10px;
  border:0px;
  position:absolute;
  left:610px;
  top:375px;
  font-size:16px;
  font-weight:bold;
}