html {
  min-height:100%;
}

body { 
  font-size:93%;font-family:trebuchet ms,tahoma,verdana,arial,helvetica,sans-serif;background:white;color:black; 

  background-color:#ffffff;
  background-image: -moz-radial-gradient(50% 50%, circle farthest-side, #ffffff 23%,#e3e3e3 146%);
  background-image: -webkit-radial-gradient(50% 50%, circle farthest-side, #ffffff 23%,#e3e3e3 146%);
  background-image: -o-radial-gradient(50% 50%, circle farthest-side, #ffffff 23%,#e3e3e3 146%);
  background-image: -ms-radial-gradient(50% 50%, circle farthest-side, #ffffff 23%,#e3e3e3 146%);
  background-image: radial-gradient(50% 50%, circle farthest-side, #ffffff 23%,#e3e3e3 146%);
  background-position: fixed;
  background-size:cover;
  background-repeat: no-repeat;

  min-height:100%;

}
h1,h2,h3 {
  padding:4px 8px;color:#333333;
}


#introVid {
  background-color:#ffffff;
  background-image: -moz-radial-gradient(50% 50%, circle farthest-side, #ffffff 0%,#a7a7a7 84%);
  background-image: -webkit-radial-gradient(50% 50%, circle farthest-side, #ffffff 0%,#a7a7a7 84%);
  background-image: -o-radial-gradient(50% 50%, circle farthest-side, #ffffff 0%,#a7a7a7 84%);
  background-image: -ms-radial-gradient(50% 50%, circle farthest-side, #ffffff 0%,#a7a7a7 84%);
  background-image: radial-gradient(50% 50%, circle farthest-side, #ffffff 0%,#a7a7a7 84%);
  background-position: fixed;
  background-size:cover;
  background-repeat: no-repeat;
}
.forceWhite {
  background-image:none !important;
  background-color:white !important;
}

.greybar {
  padding:4px 8px;color:#115798;border-bottom:1px solid #CCCCCC;
  -moz-box-shadow:0 7px 10px -5px #CCCCCC;-webkit-box-shadow:0 7px 10px -5px #CCCCCC;box-shadow:0 7px 10px -5px #CCCCCC;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#CCCCCC');
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  background:#EFEFEF;
}

ul.breadcrumb
{
list-style: none;
padding: 0;
margin: 0;
}

ul.breadcrumb li
{
display: inline;
padding: 0;
margin: 0;
}

ul.breadcrumb li:before { content: "> "; }
ul.breadcrumb li:first-child:before { content: ""; }
* html #navlist li
{
background-image: url("/simages/interface/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html ul.breadcrumb { height: 1%; }

* html ul.breadcrumb li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html ul.breadcrumb li:first-child { background-image: none; }


h1#sitename {
  padding:0;background:transparent;color:#115798;font-family:verdana,arial,helvetica,sans-serif;font-size:350%;margin:10px 0 10px 0;letter-spacing:.01em;font-weight:bold;
}
#container { width:940px;margin:auto; }
#header_home { border-bottom:1px solid #115798;position:relative;padding:0;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
#header { position:relative;padding:0;
  overflow:visible;
  
}
#logo { z-index:100; }
#footer {
  position:fixed;bottom:0px;padding:4px 8px;border-top:1px solid #115798;background:white;width:934px;
  border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
#content { padding-bottom:20px; }
#breadcrumb { font-size:75%;padding:2px 8px; }
.threecol {
  float:left; width:290px;padding:6px;border:0px solid #115798;background:#DDEAFF;margin:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
  -moz-box-shadow:0 10px 10px -5px #CCCCCC;-webkit-box-shadow:0 10px 10px -5px #CCCCCC;box-shadow:0 10px 10px -5px #CCCCCC;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC');
}
.threecol ul { list-style:none; }
#searchform_home { padding:5px;background:#DDEAFF;width:930px;margin:0;z-index:99;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  -moz-box-shadow:0 10px 10px -5px #CCCCCC;-webkit-box-shadow:0 10px 10px -5px #CCCCCC;box-shadow:0 10px 10px -5px #CCCCCC;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC');
}
#searchform_home label { font-weight:bold;font-size:175%;color:#115798; }
#searchform_home input { border:1px solid #115798;background:white;font-size:150%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
#searchform { border-bottom:2px solid #115798;padding:5px;background:#DDEAFF;width:930px;margin:0;z-index:99;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  -moz-box-shadow:0 10px 10px -5px #CCCCCC;-webkit-box-shadow:0 10px 10px -5px #CCCCCC;box-shadow:0 10px 10px -5px #CCCCCC;
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#CCCCCC');
}
#header label { font-weight:bold;font-size:120%;color:#115798; }
#header input { border:1px solid #115798;background:white;font-size:120%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
#fmenu { float:right;font-size:90%;margin:4px 8px; }
#fmenu p { margin:0; }
#leftcol {
  float:left;width:670px;margin:0;margin-bottom:25px;padding:10px 0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
}
#vidscreen {
  width:640px;margin:0;margin-bottom:8px;padding:10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  border:3px solid #FFFFFF;
  color:#FFFFFF;
  -moz-box-shadow:0px 0px 1px 1px #CCCCCC,8px 8px 10px -2px #999999;-webkit-box-shadow:0px 0px 1px 1px #CCCCCC,8px 8px 10px -2px #999999;box-shadow:0px 0px 1px 1px #CCCCCC,8px 8px 10px -2px #999999;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#CCCCCC');
  background-color:#115A9B;
  background-image: -moz-radial-gradient(66% 49%, ellipse closest-side, #60b2d6 53%,#115A9B 146%);
  background-image: -webkit-radial-gradient(66% 49%, ellipse closest-side, #60b2d6 53%,#115A9B 146%);
  background-image: -o-radial-gradient(66% 49%, ellipse closest-side, #60b2d6 53%,#115A9B 146%);
  background-image: -ms-radial-gradient(66% 49%, ellipse closest-side, #60b2d6 53%,#115A9B 146%);
  background-image: radial-gradient(66% 49%, ellipse closest-side, #60b2d6 53%,#115A9B 146%)
}
.rating { float:left;width:200px;height:24px;
  position:relative;
  opacity:.6;
  background: -moz-linear-gradient(left, #FF8080, #80FF80); /* FF 3.6+ */
  background: -ms-linear-gradient(left, #FF8080, #80FF80); /* IE10 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #FF8080), color-stop(100%, #80FF80)); /* Safari 4+, Chrome 2+ */
  background: -webkit-linear-gradient(left, #FF8080, #80FF80); /* Safari 5.1+, Chrome 10+ */
  background: -o-linear-gradient(left, #FF8080, #80FF80); /* Opera 11.10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080', endColorstr='#80FF80', gradientType=1); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080', endColorstr='#80FF80', gradientType=1)"; /* IE8+ */
  background: linear-gradient(left, #FF8080, #80FF80); /* the standard */
}
.rankcont { padding:0;margin:0;height:28px;vertical-align:bottom; }
.stars { float:left;padding:4px 4px 0 4px;margin-top:4px;color:black;
  position:relative;
  background:white;
  border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
}

.rating:hover {
  opacity:1;
}
.ratingslider {
  position:absolute;
  width:3px;
  height:28px;
  margin:-4px 0;
  background:#CCCCCC;
  border:1px solid #666666;
  border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.searchres { border-top:1px solid #CCCCCC; }
.searchres:first-child { border-top:0; }
.vidcomments { float:left;width:250px;margin-left:10px;margin-bottom:25px;border-left:1px solid #CCCCCC;padding:0px; }
.tablist { list-style:none;margin:12px 0 0 0;padding:0; }
.tablist li { display:inline;
  border:1px solid #CCCCCC;
  background:white;
  color:#666666;
  margin:0 -1px 0 0;padding:4px;
  border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;
}
.tablist li.selected {
  margin:0 -.6px -1px 0;padding:5px;padding-top:6px;
  border-bottom:0px;
  color:black;
}
.tabcont {
  padding:8px;
  border:1px solid #CCCCCC;
  margin:4px 0;
  border-radius:0 8px 8px 8px;-moz-border-radius:0 8px 8px 8px;-webkit-border-radius:0 8px 8px 8px;
}
.tabdata { position:relative;display:none;width:100%; }
.tabs div.selected { display:block; }
.tabbucket {
  background:#efefef;
  border:1px solid #cccccc;
  margin:-9px;margin-top:4px;padding:8px;
  border-radius:0 8px 8px 8px;-moz-border-radius:0 8px 8px 8px;-webkit-border-radius:0 8px 8px 8px;
  text-align:center;
}
.viddesc { clear:both;position:relative;float:none; }
.vidcomments h4 { margin:4px;color:#115798; }
#leftcol h4 { margin:4px 0;color:#115798; }
.infopop {
  position:absolute;
  background:#DDEAFF;
  border-bottom:1px solid #115798;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  -moz-box-shadow:8px 8px 10px -2px #000000;-webkit-box-shadow:8px 8px 10px -2px #000000;box-shadow:8px 8px 10px -2px #000000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#CCCCCC');
}

/* ------- interface components ------- */
.screen { position:absolute;left:0px;top:0px;width:100%;height:100%;background:#000000;opacity:.60;filter:alpha(opacity=60,type=1); }
.overlay { position:absolute;left:0px;top:0px;width:100%;height:100%;overflow:auto; }
.overlayContent {
  margin:50px auto;zoom:1;max-width:760px;border:2px solid black;background:white;padding:0;overflow:auto;
  background:#ffffff;
  border:2px solid #115798;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  -moz-box-shadow:8px 8px 10px -2px rgba(0,0,0,.7);-webkit-box-shadow:8px 8px 10px -2px rgba(0,0,0,.7);box-shadow:8px 8px 10px -2px rgba(0,0,0,.7);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');
}
.overlayContent .closeBox { position:absolute;right:0px;top:0;padding:5px 0 5px 5px;text-align:right;background:transparent;font-size:60%; }
.overlayContent .box {
  border:1px solid #115798;color:#115798;background:white;margin:0 5px;padding:2px 4px;
  border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
}
.overlayContent .box a { color:#115798;text-decoration:none; }
.overlayContent .box:hover {
  border:1px solid white;color:white;background:#115798;margin:0 5px;padding:2px 4px;
  border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
}
.overlayContent .box:hover a { color:white; }
.overlayContent #hdrtitle {
  font-size:140%;color:#115798;
  text-align:left;display:block;position:relative;width:100%;background:#DDEAFF;font-weight:bold;margin:0px;padding:0px;
  border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-bottom:1px solid #115798;
}
#hdrtitle .interiors { margin:5px; }
.overlayContent #actualoverlaytext { margin:10px;font-size:10pt;clear:both;position:relative; }

dl#comments { margin:0 5px 5px 5px;font-size:85%; }
dl#comments dt { font-weight:bold;margin:3px 0 0 0;padding:0; }
dl#comments dd { margin:0;padding:0; }
dl#comments dd p { margin:0 0 3px 0;border-bottom:1px solid #cccccc; }

.sidebar_head { color:#666666;border-bottom:1px solid #666666;font-size:85%;margin:5px; }

.tabbucket form { font-size:85%;padding:0;margin:0;text-align:left; }
.tabbucket p { margin:0; }

#id_comment { height:60px; }

.step_S { margin:10px 3px;padding:5px; }
.step_T { margin:10px 3px;padding:5px;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  background:#DDEAFF;border:1px solid #115798; 
  -moz-box-shadow:4px 4px 5px -1px #999999;-webkit-box-shadow:4px 4px 5px -1px #999999;box-shadow:4px 4px 5px -1px #999999;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
}
.step_N { margin:10px 3px;padding:5px;
  background:#FFFFBB;border:1px 2px 2px 1px solid #665500; 
  -moz-box-shadow:4px 4px 5px -1px #999999;-webkit-box-shadow:4px 4px 5px -1px #999999;box-shadow:4px 4px 5px -1px #999999;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
}

.ingredients {
  margin:10px 0px;padding:5px;padding-bottom:10px;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  background:#FFFFBB;border:1px solid #665500; 
  -moz-box-shadow:4px 4px 5px -1px #999999;-webkit-box-shadow:4px 4px 5px -1px #999999;box-shadow:4px 4px 5px -1px #999999;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
}

.ingredients ul { margin: 3px 3px 10px 3px; }
.ingredients li {
  float:left;
  width:200px;
}