@import url('pagination.css');
@import url('header.css');
@import url('navigation.css');
@import url('list.css');
@import url('footer.css');

html, body { background: #990000; color: #333; height: 100% !important; width: 100%; }

div.wrapper { 
  height: auto !important;
  height: 100%;
  margin-bottom: -107px;
  min-height: 100%;
  min-width: 1000px;
}

div.body
{
  margin-bottom: 20px;
}

a { color: #FF9933; text-decoration: none; }

*.relative { position: relative; }

*.italic { font-style: italic; }

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

*.clean { margin: 0 !important; padding: 0 !important; border: none !important; }
*.align-center { margin: 0 auto; text-align: center; }
*.align-left { text-align: left; }
*.align-right { text-align: right; }

*.padding-5 { padding: 5px !important; }
*.padding-10 { padding: 10px !important; }
*.padding-20 { padding: 20px !important; }
*.padding-24 { padding: 24px !important; }

*.section-5 { margin-bottom: 5px !important; }
*.section-10 { margin-bottom: 10px !important; }
*.section-20 { margin-bottom: 20px !important; }
*.section-30 { margin-bottom: 30px !important; }

*.pink-overlay {
  background: #cc2a41;
  color: white;
  display: block;
  font-weight: bold;
  margin: 0 !important;
  padding: 0.5em 0.75em;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase; 
  bottom: 10%;
}

*.pink-overlay a {
  color: white;
  text-decoration: none;
}

*.pink-overlay ul { margin: 0; padding: 0; float: left; }
*.pink-overlay ul li { border-left: 1px solid white; padding: 0 5px; display: inline-block; float: left; }
*.pink-overlay ul li:first-child { border-left: none; }

ul.list-inline li
{
  display: inline;
}

h1.section-5, h1.section-10, h1.section-20, h2.section-5, h2.section-10, h2.section-20,
h3.section-5, h3.section-10, h3.section-20
{
  /*border-bottom: 1px dotted #c0c0c0;*/
  color: #990000 !important;
  line-height: 1;
}

div.white { background: white !important; }
div.grey-gradient { background: url('/images/box/bg.png') repeat-x white; min-height: 50px; }

div.round-5 { 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.round-10 { 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

*.pink { color: #cc2a41 !important; }
*.red { color: #990000 !important; }
*.white { color: white !important; }
*.grey { color: #666; }

hr.body-line-separator {
  background: url('/images/frontend/layout/body_line_separator.png') no-repeat;
  display: block;
  height: 1px;
  margin: 0 0 10px 0;
  width: 950px;
}

div.float-left { float: left !important; }
div.float-right { float: right !important; }

/* overlay */
div.overlay 
{
  text-align: center;
  color: #FFF;
  background: #CC2A41; 
}

ul.tool
{
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}

ul.tool li { display: inline; margin-right: 5px; padding-left: 5px; border-left: 1px solid white; }
ul.tool li:first-child { border-left: none; }

ul.feature {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.feature li { float: left; }
ul.feature li img { width: 72px; }

.spinner { position: relative; top: 1px; }

img.square36 { width: 36px; height: 36px; }