/****************************************
*  Mobile site specific css definitions
****************************************/

html,
body {
  margin:0px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
  background-image:url(/images/sandwich_builder/layout/bg_repeat.gif);
  background-position:top left;
  background-repeat:repeat-x;
}

div.absolute {
  position:absolute;
}

div.bottom-lines {
  background-image:url(/images/sandwich_builder/layout/bg_bottom_lines.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
  padding-bottom:40px;
}

div.footer {
  padding:25px 0px 25px 0px;
  color:#ebc489;
  background-image:url(/images/sandwich_builder/layout/bg_footer.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  border-top:2px solid #ff336d;
}

div.ingredient {
  position:absolute;
}

div.sandwich-wrapper {
  width:100%;
  position:relative;
  margin:0px 0px 20px 0px;
}

div.slide-div {
  width:558px;
  height:121px;
  position:absolute;
  left:-558px;
}

div.slide-mask {
  position:relative;
  width:558px;
  height:121px;
  overflow:hidden;
  margin-left:0px;
}

div.thumb-wrapper {
  height:121px;
  width:124px;
  position:relative;
}

div.thumb-wrapper-bread {
  height:121px;
  width:250px;
  position:relative;
}

table.page {
  width:975px;
}

td.arrow-left {
  width:30px;
  background-image:url(/images/sandwich_builder/layout/small_drop_line.gif);
  background-position:top right;
  background-repeat:no-repeat;
  vertical-align:middle;
}

td.arrow-right {
  width:30px;
  background-image:url(/images/sandwich_builder/layout/small_drop_line.gif);
  background-position:top left;
  background-repeat:no-repeat;
  vertical-align:middle;
}

td.bar-graph-column {
  height:300px;
  width:170px;
  vertical-align:bottom;
}

td.bar-graph-spacer {
  width:15px;
}

td.button-padding {
  padding-right:50px;
}

td.column-left {
  width:350px;
}

td.content-left {
  padding:30px 40px 30px 20px;
}

td.content-left img.logo {
  margin:0px 0px 40px 0px;
}

td.form-padding {
  padding-right:10px;
}

td.logo-footer {
  padding-right:50px;
}

td.submission-spacer {
  width:25px;
}

td.thumbs-border {
  border-top:2px solid #c9c9c9;
}

td.valign-middle {
  vertical-align:middle;
}

img.banner {
  margin:50px 0px 30px 0px;
}

img.ingredient-thumb-off {
  margin: 0px 2px 2px 2px;
  display:inline;
}

img.ingredient-thumb-on {
  background-color:#f5f5f5;
  border-right:2px solid #c9c9c9;
  border-bottom:2px solid #c9c9c9;
  border-left:2px solid #c9c9c9;
  margin: 0px 0px 0px 0px;
  display:inline;
}

/****************************************
*  Text specific css definitions
****************************************/

p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  line-height:24px;
  color:#2f2f2f;
  padding:0px 0px 15px 0px;
  margin:0px 0px 0px 0px;
}

p.category-text {
  font-size:22px;
  line-height:28px;
  padding:30px 10px 0px 65px;
}

p.finalist {
  font-size:13px;
  line-height:20px;
  padding:10px 0px 0px 0px;
}

p.large {
  font-size:24px;
  line-height:28px;
  padding:0px 0px 10px 0px;
}

div.footer p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  line-height:25px;
  color:#002f55;
  padding:0px 0px 10px 0px;
  margin:0px 0px 0px 0px;
}

p.small {
  font-size:16px;
  line-height:20px;
  padding:0px 0px 10px 0px;
}

p.nomargin {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:30px;
  line-height:34px;
  color:#dc1c52;
  padding:30px 0px 10px 0px;
  margin:0px 0px 0px 0px;
}

h1.large {
  font-family:Arial, Helvetica, sans-serif;
  font-size:50px;
  line-height:55px;
  font-weight:bold;
  color:#dc1c52;
  padding:30px 0px 10px 0px;
  margin:0px 0px 0px 0px;
}

h1.number {
  font-family:Arial, Helvetica, sans-serif;
  font-size:35px;
  line-height:45px;
  font-weight:bold;
  color:#CCCCCC;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.red {
  color:#dc1c52;
}

/*******************************
  Form Options
*******************************/

input.text,
textarea.text {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  line-height:24px;
  border:1px solid #000000;
  width:100%;
  margin:0px 0px 10px 0px;
}

/******************************
  Link Styles
*******************************/

a:link,
a:visited,
a:active,
a:hover {
  color:#a30a35;
  text-decoration:underline;
  outline:none;
}

a.btn-blue:link,
a.btn-blue:visited,
a.btn-blue:hover,
a.btn-blue:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  line-height:27px;
  font-weight:bold;
  font-style:normal;
  background-image:url(/images/sandwich_builder/layout/bg_btn_blue_sm.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  text-decoration: none;
  padding:0px 0px 0px 19px;
  margin:18px 0px 12px 0px;
  display: inline-block;
  cursor: pointer;
}

a.btn-blue:hover {
  background-position:top left;
}

a.btn-blue span,
a.btn-blue:hover span {
  color: #FFFFFF;
  display: block;
  padding: 25px 30px 21px 11px;
  background-image:url(/images/sandwich_builder/layout/bg_btn_blue_sm.png);
  background-position:bottom right;
  background-repeat:no-repeat;
  cursor: pointer;
}

a.btn-blue:hover span {
  background-position:top right;
}

a.btn-red:link,
a.btn-red:visited,
a.btn-red:hover,
a.btn-red:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  line-height:27px;
  font-weight:bold;
  font-style:normal;
  background-image:url(/images/sandwich_builder/layout/bg_btn_red_sm.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  text-decoration: none;
  padding:0px 0px 0px 19px;
  margin:18px 0px 12px 0px;
  display: inline-block;
  cursor: pointer;
}

a.btn-red:hover {
  background-position:top left;
}

a.btn-red span,
a.btn-red:hover span {
  color: #FFFFFF;
  display: block;
  padding: 25px 30px 21px 11px;
  background-image:url(/images/sandwich_builder/layout/bg_btn_red_sm.png);
  background-position:bottom right;
  background-repeat:no-repeat;
  cursor: pointer;
}

a.btn-red:hover span {
  background-position:top right;
}

a.btn-blue strong,
a.btn-red strong {
  color:#fcf7d4;
}

a.btn-red:hover {
  background-position:top left;
}

a.plain:link,
a.plain:hover,
a.plain:active,
a.plain:visited {
  color:#000000;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
}

/******************************
  Votes styles
*******************************/

.bar {
  color: #FFFFFF;
  padding: 20px 35px 10px 35px;
  font-size:32px;
  font-weight:bold;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#062239), to(#044B6E));
  background-color: #044B6E;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), to(rgba(0, 0, 0, 0.25)));
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-animation-name:bar;
  -webkit-animation-duration:2.0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-timing-function:ease-out;
}

#data-one {
  -webkit-animation-name:bar-one;
}

#data-two {
  -webkit-animation-name:bar-two;
}

#data-three {
  -webkit-animation-name:bar-three;
}