/************************************************************************
* Custom styles
*
* Customised content element styles
*
*/

div#content_container div#content div.pull-quote {
  border-top: 14px solid red;
  border-bottom: 14px solid red;
  float: right;
  margin: 15px 0 15px 10px;
  padding: 20px;
  width: 220px;
  background: url(../../../images/themes/classic/layout/elements/content/foreground_wallpaper.png) 50% 0 no-repeat;
}

div#content_container div#content div.pull-quote p {
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  line-height: 1.4em;
  font-style: italic;
  color: #fffd85;
}

div#content_container div#content div.pull-quote img {
  margin: 1em 0;
}

div#content_container div#content div.sidebar {
  border-top: 1px solid red;
  float: left;
  margin: 15px 0px 15px -200px;
  padding: 20px;
  width: 140px;
}

div#content_container div#content div.sidebar p {
  margin: 0 0 15px 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: 0.9em;
  text-align: right;
  line-height: 1.4em;
  font-style: italic;
  color: #fffd85;
}

div#content_container div#content div.sidebar p strong {
  display: block;
}

div#content_container div#content .highlight {
  color: #a40000;
}

.black {
  color: black;
}

.green {
  color: #00a400;
}

.yellow {
  color: #d08009;
}

div#content_container div#content img.image-with_sub-menu {
  clear: right;
  float: right;
  margin: 15px 0 15px 15px;
}

div#content_container div#content img.image-right {
  clear: both;
  float: right;
  margin: 15px 0 15px 15px;
}

div#content_container div#content img.image-left {
  clear: both;
  float: left;
  margin: 15px 15px 15px 0px;
  padding: 0px 0 0 0;
}

div#content_container div#content div.image-centre {
  width: 100%;
  clear: both;
  margin: 25px 0;
}

div#content_container div#content div.image-centre img {
  display: block;
  margin: 0 auto;
}

div#content_container div#content div.context_separator {
  margin: 70px 0 0 0;
}

div#content_container div#content div.context_separator div.context_separator_container {
  margin: 0 auto;
  padding: 0 15px;
  width: 94px;
}

div#content_container div#content div.context_separator div.context_separator_container span.middot {
  padding: 0 10px;
  font-family: "Century Gothic", Helvetica, "Trebuchet MS", Verdana, Arial, Sans-Serif !important;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #ff0000;
}

div#content_container div#content div.gallery_selector-left,
div#content_container div#content div.gallery_selector-right {
  clear: both;
  margin: 15px 0;
  padding: 0;
}

div#content_container div#content div.gallery_selector-right {
  text-align: right;
}

div#content_container div#content div.gallery_selector-left h3 {
  margin-left: 100px;
  padding: 0 0 80px 35px;
  background: url(../../../images/themes/classic/layout/elements/content/leaf_demarcate-left.png) -15px 20px no-repeat;
}

div#content_container div#content div.gallery_selector-right h3 {
  margin-right: 100px;
  padding: 0 35px 80px;
  background: url(../../../images/themes/classic/layout/elements/content/leaf_demarcate-right.png) 103% 20px no-repeat;
}

div#content_container div#content div.gallery_selector-left a {
  margin: 40px 0 0 15px;
}

div#content_container div#content div.gallery_selector-right a {
  margin: 40px 15px 0 0;
}

div#content_container div#content div.gallery_selector-left a.portrait,
div#content_container div#content div.gallery_selector-left a.landscape,
div#content_container div#content div.gallery_selector-left a.portrait:visited,
div#content_container div#content div.gallery_selector-left a.landscape:visited,
div#content_container div#content div.gallery_selector-right a.portrait,
div#content_container div#content div.gallery_selector-right a.landscape,
div#content_container div#content div.gallery_selector-right a.portrait:visited,
div#content_container div#content div.gallery_selector-right a.landscape:visited {
  border: 1px solid red;
  margin: 0 0 30px 0;
  padding: 0;
  display: block;
  width: 100px;
  height: 100px;
  background: black;
  text-decoration: none;
}

div#content_container div#content div.gallery_selector-left a.portrait,
div#content_container div#content div.gallery_selector-left a.landscape,
div#content_container div#content div.gallery_selector-left a.portrait:visited,
div#content_container div#content div.gallery_selector-left a.landscape:visited {
  float: left;
}

div#content_container div#content div.gallery_selector-right a.portrait,
div#content_container div#content div.gallery_selector-right a.landscape,
div#content_container div#content div.gallery_selector-right a.portrait:visited,
div#content_container div#content div.gallery_selector-right a.landscape:visited {
  float: right;
}

div#content_container div#content div.gallery_selector-left a.portrait:hover,
div#content_container div#content div.gallery_selector-left a.landscape:hover,
div#content_container div#content div.gallery_selector-right a.portrait:hover,
div#content_container div#content div.gallery_selector-right a.landscape:hover {
  border: 1px solid white;
}

div#content_container div#content div.gallery_selector-left a.portrait span.thumbnail_img img,
div#content_container div#content div.gallery_selector-right a.portrait span.thumbnail_img img { 
  display: block;
  margin: 10px auto auto;
  width: 60px;
  height: 80px;
  border: 2px solid #000000;
}

div#content_container div#content div.gallery_selector-left a.landscape span.thumbnail_img img,
div#content_container div#content div.gallery_selector-right a.landscape span.thumbnail_img img { 
  display: block;
  margin: 20px auto auto;
  width: 80px;
  height: 60px;
  border: 2px solid #000000;
}

div#content_container div#content div.marketing_message {
  float: left;
  margin: 2em 0 2em 5%; 
  border: 1px solid red;
  width: 25%;
  min-width: 200px;
  background: black url(../../../images/themes/classic/layout/elements/content/vertical_gradient.png) 0 0 repeat-x;
  border-radius: 5px 5px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}


div#content_container div#content div.marketing_message .level-one {
  color: #6da300;
}

div#content_container div#content div.marketing_message .level-two {
  color: #006da3;
}

div#content_container div#content div.marketing_message .level-three {
  color: #f07800;
}

div#content_container div#content div.marketing_message .level-four {
  color: #a300a3;
}

div#content_container div#content div.marketing_message .level-five {
  color: red;
}

div#content_container div#content div.marketing_message .price {
  display: block;
  margin: 1em;
  text-align: right;
  font-size: 3em;
  text-shadow: 1px 1px 5px #888;
}