/* GENERIC STYLES */

body {
 margin: 0;
 padding: 0;
 font: .80em Arial, sans-serif;
 line-height: 130%;
}
body#main {
 background: #000 url(graphics/mainbg.jpg) repeat fixed;
 color: #ababab;
 text-align: center;
}
h1 {
  color: #303020;
  font-size: 32px;
  font-weight: bold; 
  padding: 0;
  margin-top: 10px;
}
h4 {
  color: #fff;
  font-size: 120%;
  font-weight: bold; 
  padding: 0;
  margin-bottom: 14px;
  line-height: 150%;
}
a:link { 
 color: #b1af9e; 
 text-decoration: none; 
}
a:visited { 
 color: #b1af9e;
 text-decoration: none;  
}
a:hover { 
 color: #75735b;
 text-decoration: none; 
}
a:active {
 color: #b1af9e;
 text-decoration: none;  
}
img  { behavior: url("graphics/iepngfix.htc"); }

p {
 margin-bottom: 12px;
}

/* SHARED */

#mainWrapper {
 width: 916px;
 margin-left:auto; 
 margin-right:auto;  
 background-color: #000;
 border: 1px solid #000;
 background: #000 url(graphics/sidebar_bg.jpg) -1px 196px no-repeat;
}
.webpageWrapper {
 padding: 14px 30px 20px 20px;
}
.hilite-text {
 font-size: 120%;
 line-height: 150%;
 border-bottom: 1px solid #333;
 margin-bottom: 16px;
 padding-bottom: 16px;
}
.clear { 
 clear: both; 
}
.clearleft { 
 clear: left; 
}
.gold {
  color: #afb57e;
  font-weight: bold;
}

/* HEADER */

#header {
 display: block;
 margin-top: 0px;
 height: 196px;
 background: url(graphics/nav_bg.jpg) bottom center no-repeat;
 }
#topnav { }
#topnav ul {
 padding: 0;
 margin: 2px 0 0 90px;
}
#topnav li {
 display: inline;
 float: left;
 list-style: none;
 padding: 0 20px 0 20px;
 margin: 0;
}
#topnav li a {
 display: block;
 text-indent: -500em;
 float: left;
 height: 16px;
 position: relative;
 overflow: hidden;
}

/* MAIN CONTENT */

#mainContent {
 width: 900px;
 display: block;
 margin: 0px;
}
#mainContent .colL {
 float: left;
 width: 700px;
 line-height: 1.4em;
 text-align: left;
 padding-left: 30px;
}
#mainContent .colR {
 float: left;
 width: 167px;
}
#intro {
 background: url(graphics/home_bannerBG.jpg) top center no-repeat;
 width: 692px;
 height: 269px;
 margin: 10px 0; 
}
#intro .logo {
 float: left;
 margin: 7px 0 0 10px;
}
#slideshow {
 float: left;
 margin: 0 0 0 14px;
}

/* SIDE NAVIGATION */

.colR {
}
.colR ul {
 padding: 0;
 padding-bottom: 30px;
 margin: 10px 0 10px 0px;
}
.colR li {
 list-style: none;
 clear: both;
 padding:0px;
 margin: 0 0 0 2px;
}
.colR  li a {
 display: block;
 text-indent: -500em;
 float: left;
 height: 27px;
 position: relative;
 overflow: hidden;
}

/* FOOTER AND OUTSIDE FOOTER */

#footerWrapper {
 clear: both;
 border: 6px solid #000;
 background: #000 url(graphics/mainbg_ft.jpg) repeat;
 font-size: .8em;
 line-height: 1.6em;
 color: #edeadb;
 text-align: right;
 padding: 4px 8px 4px 4px;
}
#footerWrapper a:link { 
 color: #b1af9e; 
 text-decoration: none; 
}
#footerWrapper a:visited { 
 color: #b1af9e; 
 text-decoration: none;  
}
#footerWrapper a:hover { 
 color: #75735b; 
 text-decoration: none; 
}
#footerWrapper a:active { 
 color: #b1af9e; 
 text-decoration: none;  
}
#search {  
 background: url(graphics/search_bg.png) no-repeat; 
 float: left;
 text-align: left; 
 width: 220px;
 height: 40px;
 padding: 7px 0 0 30px;
 margin-top: -35px;
}
.d_input {
 background: #515151;
 border: 1px solid #000;
 padding: 4px;
 width: 120px;
 color: #ccc;
}
.s_button {
 margin: 0 0 -3px 3px;
}
#outside_footer {
 font-size: .8em;
 clear: both;
 text-align: center;
 color: #7f7f7f; 
}
#outside_footer a:link { 
 color: #4a4948; 
 text-decoration: none; 
}
#outside_footer a:visited { 
 color: #53514e; 
 text-decoration: none;  
}
#outside_footer a:hover { 
 color: #fff; 
 text-decoration: none;
}
#outside_footer a:active { 
 color: #53514e; 
 text-decoration: none;  
}
#ftnav a { text-transform:uppercase;}

/* INDEX BOXES */

#boxesWrapper {
 background: #000 url(graphics/boxes_bg2.jpg) no-repeat;
 width: 700px;
 text-align: center;
 height: 190px;
 margin: 20px 0 10px 0;
}
.indBox {
 width: 230px;
 margin-top: 30px;
 padding: 0;
 float: left;
 color: #d3d3bc;
 font-size: .9em;
 line-height: 1em;
}
.indBox p { 
 text-align: center;   
 margin: 0 10px 5px 10px;
 line-height: 120%;
}
.whPhoto {
 border: 2px solid #fff;
 margin: 0 0 5px 10px;
}
.latestDesign  {
 position:relative;
 background: url(graphics/latestdesigns.png) no-repeat;
 width: 138px;
 height: 138px;
 margin: 0 auto;
 text-align: center;
}
.featimage {
 display:block;
 width:112px;
 height:112px;
 overflow:hidden;
 position: absolute;
 text-align: center;
 margin: 0 auto;
 top: 12px;
 left: 13px;
}
.featimage img{
 position: absolute;
 top: -36px;
 left: 0;	
}
#shopTable {
 width: 200px;
 text-align: center;
 margin: 20px 0 15px 25px; 
}
#shopTable img {
 padding: 2px; 
}

/* FAQs */

.faqLetter {
float: left; 
text-align: center;
font-weight: bold;
width: 20px;
padding: 4px;
margin: 0 12px 2px 0; 
background: #333227;
font-size: 1.5em;
}
.faqAnswer, .faqQuestion {
 float: left;
}
.top { float: right;font-size: .85em; }
.FAQ_a { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px dotted #333; }
.FAQ_q { margin-bottom: 10px; }
.FAQ_q p { font-weight: bold; }
.fontB { background: #584e3d; }

/* VIRTUS HEROS */

#vhHeader { 
 background: url(graphics/vhHeader.jpg) no-repeat;
 margin: 0px 0 10px 0;
 color: #d5cca8; 
 text-align: left;
 padding: 0px 0 0px 0;
}
.vhName {
 font-size: 1.4em;
 font-weight: bold; 
 text-transform: uppercase;
 color: #fff;
 padding: 10px 0 5px 5px;
} 
#vhDate {
float: right; 
margin: -24px 50px 0 0;
}
.vhPhoto {
 border: 2px solid #fff;
 float: left;
 margin: 0 10px 0px 0;
}

/* CONTACT */

#cForm {
}
#cForm input {
 background: #515151;
 border: 1px solid #4d4b37;
 padding: 3px;
 margin: 2px 0 2px 0;
 font-size: 1em; 
 color: #ccc;
}
#cForm textarea {
 background: #515151;
 border: 1px solid #000;
 padding: 2px;
 margin: 5px 0 5px 0;
 color: #ccc; 
}
.formtextRequired, .formtext {
 font-size: .9em;
 font-weight: bold;
}

/* MISC */

.whBox {
float: left; 
margin: 10px; 
text-align: center;
}
.whBox img {
 border: 2px solid #fff;
}

#signup {
 text-align: right;
 margin-right: 30px;
}
#signup .smtext {
 font-size: 85%;
 color: #dfd7b8;
 margin-bottom: 6px;
}
#signup .signup {
 height: 24px;
 vertical-align: middle;
 margin-bottom: 12px;
}
.enewsText {
 color: #fff;
 font-size: 16px;
}
.headerrow {
 background: #666;
}

/* FORMS */

#formlayout label {
 float: left;
 width: 220px;
 margin-right: 12px;
 font-weight: bold;
}
#formlayout input, #formlayout textarea {
 width: 250px;
 margin-bottom: 5px;
 clear: right;
}
#formlayout textarea {
 width: 250px;
 height: 100px;
}
#formlayout select.formSelect {
 margin-bottom: 5px;
}
input.radio {
 display: inline;
 width: 12px;
 border: none;
 background: #fff;
}
#formlayout .formfield {
 padding-bottom: 4px;
 clear: left;
}
#formlayout .boxes{
 width: 1em;
}
#submitbutton {
 margin-left: 232px;
 margin-top: 12px;
 width: 90px;
 padding: 6px;
 color: #000;
 background: #d0d0d0;
}
#submitbutton:hover {
 color: #fff;
 cursor: pointer;
 background: #ad0c00;
}
#form label.error {
 margin-left: 10px;
 width: auto;
 display: inline;
}

/*---- sIFR ---*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}
.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}
.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-active h1.title { 
 visibility:hidden; 
 font-size: 2px;
 line-height: 1em;
 padding-bottom: 0px;
 margin-bottom: -10px;
}

/* ModuleBegin::photo */
/* Photo Lister */
.photoListerWrapper { clear: both; }
.photoListerWrapper .itemList { margin-bottom: 20px;}
.photoListerWrapper span {display:block;}
.photoListerWrapper .photoImage {float: left;  padding-right: 20px;}
.photoListerWrapper .photoImage img {padding:5px; border: 1px solid #ccc;}
.photoListerWrapper .photoDescription { }

/* Photo Thumbnails */
.photoThumbnailWrapper { }
.photoIntro { padding-bottom: 10px; }
.photoOther { }
.photoThumbnail { float: left; width: 180px; height: 160px; text-align: center; }
.photoThumbnail img { border:1px solid #ccc; padding: 5px;}
.photoThumbnailWrapper .photoTitle { display: block; }

/* Photo Detail */
.photoDetailWrapper { }
.photoDetailWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoDetail span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoDetailWrapper .photoDescription { text-align: left; padding: 5px 0px; width: 400px; margin: 0 auto;} 
.photoRemote { width: 420px; margin: 0 auto; border: 0; clear: both;}
.photoRemote:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.photoRemote span{ border: 0; }
.photoRemote span a{display: block; width: 68px; padding: 4px 0px; border: 1px solid #ccc; text-decoration:none; text-align:center; float:left;}
.photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #000;}
.photoDetailWrapper .pagination { text-align: center; }

/* Photo Slide */
.photoSlidelWrapper { }
.photoSlideWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoSlide span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoSlideWrapper .photoRemote { width: 210px; margin: 0 auto; border: 0; clear: both; }
/* ModuleEnd::photo */

/* ModuleBegin::poll */
.pollSmallWrapper span, .pollDetailWrapper span { padding: 5px 0px; }
.pollSmallWrapper span.pollChoices { padding-bottom: 5px; }
.pollListWrapper { }
.pollDetailWrapper { }
span.pollQuestion { font-weight: bold; font-size: 110%; color: #fff; }
span.pollChoices { display: block; }
.pollLink { font-size: 120%; color: #fff; background: #000; padding: 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
span.pollResultQuestion { font-weight: bold; font-size: 110%; color: #fff; padding-bottom: 12px; }
.pollResultChoices { float: left; width: 100px; }
.pollBar { float: left; background-color: #b8bf83; height: 14px;}
.pollPercentage { float: left; font-size: 10px; color: #fff; margin-left: 10px; }
.results { margin: 4px 0 4px 0; height: 10px }

/* ModuleEnd::poll */

/* ModuleBegin::directory */
.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory */


/* RECAPTCHA */

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#e7e7e7 !important; //reCaptcha widget background color
}
 #recaptcha_table {
   border-color: #ffffff !important; //reCaptcha widget border color
}
 #recaptcha_response_field {
   border-color: #ffffff !important; //Text input field border color
   background-color:#ffffff !important; //Text input field background color
}

/* PROMO FORM */

table#promo td {
 padding-bottom: 8px;
}
#submitbutton {
 margin: 12px 0 0 0;
 width: 270px;
 padding: 6px;
 color: #fff;
 background: #ad0c00;
 border: 1px solid #ccc;
}
#submitbutton:hover {
 color: #000;
 cursor: pointer;
 background: #666;
}
div.submit {
 text-align: left;
}

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */

