/***************************************************** 

	Design and Code by Humongous One
	Prepared by Scott Arnold
	Last Updated: 02.18.10


	Table Of Contents:
	01. Universal
	02. Navigation
	03. Collection
	04. About
	05. Order
	06 Journal
	07. Brides
	08. Press
	09. Style
	10. Contact


/***************************************************** 
	01. Universal
*****************************************************/


body {
	font size: 62.5%;	
	background-color: #a3e1cd;
	text-align: center;
}

.clear {clear: both;}

#logo {
	width: 251px;
	height: 36px;
	display: block;
	margin: 45px auto 13px;
	text-indent: -9999px;
	background-image: url(/_images/quailBridal_logo.jpg);
	
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #756f6f;
	text-decoration: underline;
}

input {
	background: #e4e2e2;
	padding: 5px;
	border: 0;
}

textarea {
	background: #e4e2e2;
	padding: 5px;
	border: 0;
}

/***************************************************** 
	02. Navigation
*****************************************************/

.navWrapper { 
	margin: 0 auto;
	text-align: center;
	display: block;
	height: 38px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

 ul#topnav {
	margin: 0 auto;
	padding: 4px 0 0 0;
 	width: 871px;
	height: 30px;
 	list-style: none;
 	font-size: 1.1em;
	background-color: #a3e1cd;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 30px;
}

/*-- Collection -*/
ul#topnav a.collectionNav {
	background: url(/_images/nav3.png) 0 0 no-repeat;
	width: 118px;
	margin: 0 0 0 14px;
}
ul#topnav a:hover.collectionNav {
	background: url(/_images/nav3.png) 0 -29px no-repeat;
}

/*-- About -*/
ul#topnav a.aboutNav {
	background: url(/_images/nav3.png) -136px 0 no-repeat;
	width: 59px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.aboutNav {
	background: url(/_images/nav3.png) -136px -29px no-repeat;
	width: 59px;
}

/*-- Order -*/
ul#topnav a.orderNav {
	background: url(/_images/nav3.png) -216px 0 no-repeat;
	width: 59px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.orderNav {
	background: url(/_images/nav3.png) -216px -29px no-repeat;
	width: 59px;
}

/*-- Journal -*/
ul#topnav a.journalNav {
	background: url(/_images/nav3.png) -296px 0 no-repeat;
	width: 78px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.journalNav {
	background: url(/_images/nav3.png) -296px -29px no-repeat;
	width: 78px;
}

/*-- Buzz -*/ 
ul#topnav a.buzzNav {
	background: url(/_images/nav3.png) -396px 0 no-repeat;
	width: 46px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.buzzNav {
	background: url(/_images/nav3.png) -396px -29px no-repeat;
	width: 46px;
}

/*-- Style -*/ 
ul#topnav a.styleNav {
	background: url(/_images/nav3.png) -463px 0 no-repeat;
	width: 52px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.styleNav {
	background: url(/_images/nav3.png) -463px -29px no-repeat;
	width: 52px;
}

/*-- Contact -*/ 
ul#topnav a.contactNav {
	background: url(/_images/nav3.png) -536px 0 no-repeat;
	width: 84px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.contactNav {
	background: url(/_images/nav3.png) -536px -29px no-repeat;
	width: 84px;
}

/*-- Quail -*/ 
ul#topnav a.quailNav {
	background: url(/_images/nav3.png) -640px 0 no-repeat;
	width: 57px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.quailNav {
	background: url(/_images/nav3.png) -640px -29px no-repeat;
	width: 57px;
}

/*-- Shop -*/ 
ul#topnav a.shopNav {
	background: url(/_images/nav3.png) -715px 0 no-repeat;
	width: 48px;
	margin: 0 0 0 29px;
}
ul#topnav a:hover.shopNav {
	background: url(/_images/nav3.png) -715px -29px no-repeat;
	width: 48px;
}

ul#topnav li .sub {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	position: absolute; /*--Important--*/
	top: 34px; left:0;
	margin: 0 auto;
	background: #cbeee3;
	padding: 5px;
	z-index: 10;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0 auto; padding: 0;
	width: 130px;
	float: left;
	z-index: 100;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	border-bottom: 1px solid #fff;
}
ul#topnav .sub ul li:last-child {
	border: none;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #756f6f;
}
ul#topnav .sub ul li a:hover {
	color: #000;
}

/***************************************************** 
	00. Home
*****************************************************/

#homeGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	background-color: #fff;
}

.homeGalleryImage {
	height: 450px;
	margin: 0 auto 2px;
}

#bottomWrapper {
	margin: 0 auto;
	padding: 0;
	width: 876px;
}
#mailingList {
	margin: 12px 12px 5px 0;
	padding: 12px;
	width: 264px;
	height: 79px;
	background-color: #cbeee3;
	border: 2px solid #fff;
	float: left;
}

span.label {
	color: #fff;
	width: 100px;
}

#quote {
	margin: 12px 0 5px;
	background-color: #cbeee3;
	width: 556px;
	border: 2px solid #fff;
	padding: 6px;
	height: 91px;
	float: left;
}

#quote img {
	float: left;
}

#quoteText {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 10px 23px 0 0;
	float: right;
	width: 312px;
	color: #756f6f;
}

#quoteText .name {
	margin: 6px 0 0 10px;
	font-size: 0.9em;
}


/**** START MAILING LIST ****/

span.label,span.spacer,span.multiple span {width:100px;float:left;} 
span.label {margin: 13px 0 9px;display: block;color: #756f6f;width: 264px; text-align: center; font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size: 0.8em; letter-spacing: 2px; font-weight: bold;
}
span.multiple {float:left;} 
span.inputBox {float: left; margin: 7px 0 0 7px; }
span.inputBox input {background: #fff;}
span.button {margin: 7px 7px 0 0;float: right;} 
div.clear {clear:both;padding-top:5px;}

/**** END MAILING LIST ****/

#sizechart {display: none;}
#contest {display: none;}

.secondaryNavWrapper ul#secondaryNav li a {
	color: #fff;
	text-decoration: none;
}

.secondaryNavWrapper ul#secondaryNav li a:hover {
	color: #756f6f;
}

ul#secondaryNav {
	display: inline-block;
	margin: 0 auto;
	font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

ul#secondaryNav li {
	margin: 15px 10px 5px;
	float: left;
}

.secondaryNavWrapper #address {
	clear: both;
	margin: 0 auto 14px;
	font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

/***************************************************** 
	00. About
*****************************************************/

#aboutGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	background-color: #fff;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

.aboutGalleryImage {  
    height: 350px; 
	max-height: 350px;
	margin: 0;
} 

#aboutGallery p {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: #fff;
	margin: 0 0 13px 0;
}

#aboutGallery #signature {
	display: block;
	width: 202px;
	height: 87px;
	margin: 0 0 0 30px;
	text-indent: -9999px;
	background-image: url(/_images/about_signature.jpg);
}

#aboutText {
	width: 468px;
	margin: 16px auto 13px;
}

#aboutText p {
	line-height: 1.8em;
	color: #756f6f;
}

#quotesGallery {
	margin: 0 auto;
	width: 830px;
	padding: 5px;
	background-color: #fff;
}

.quotes {
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	color: #756f6f;
	height: 408px;
	margin: 0 0 20px 0;
}

.quotesImagel {
	float: left;
	margin: 3px;
}

.quotesImager {
	float: right;
	margin: 3px;
}

.quotesTextl {
	float: left;
	text-align: left;
	width: 460px;
	margin: 65px 30px 0;
}

.quotesTextr {
	float: right;
	text-align: left;
	width: 460px;
	margin: 65px 30px 0;
} 

.sig {
	margin: 10px 0 0 0;
}

.lastQuotes {
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	color: #756f6f;
	height: 408px;
	margin: 0 0 8px 0;
}

/***************************************************** 
	00. Order
*****************************************************/

#orderGallery {
	color: #756f6f;
	overflow: hidden;
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-color: #fff;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

#orderForm {
	text-align: left;
	width: 350px;
	float: left;
	margin: 20px 0 0 0;
}

#orderTitle {
	text-indent: -9999px;
	background-image: url("/_images/order_header.jpg");
	width: 150px;
	height: 78px;
	display: block;
	margin: 20px auto 19px;
}

#orderInstructions {
	margin: 20px 40px 0 170px;
	width: 270px;
	float: left;
}

#orderInstructions li {color: #000; font-weight:bold;}

#orderInstructions li .orderDetails {
	color: #756f6f;
	font-weight: normal;
	width: 180px;
	font-size: 0.8em;
	margin: 0 0 0 23px;
}

#orderInstructions h2 {
	margin: 0 0 15px 0;
}

#orderInstructions ol li {
	list-style-type: none;
	margin: 0 0 20px 0;
}

#orderInstructions ol li .numb {
	font-weight: normal;
	font-style: italic;
	font-size: 0.6em;
	margin: -2px 10px 0 0;
	color: #756f6f;
}

#orderSubmit {
	margin: 20px 0 0 0;
}

#orderIntroText {
	text-align: center;
	width: 660px;
	margin: 0 auto 20px;
}

label.numBrides {margin: 0 0;}
.cmxform {
margin: 0 0 0;
}

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
text-align: left;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 0px; /* Width plus 3 (html space) */
}

li.orderSize {

}

/***************************************************** 
	00. Style
*****************************************************/

#styleGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-color: #fff;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

.styleCol {
	width: 242px;
	float: left;
	padding: 0 21px;
	margin: 0 0 10px 0;
}

.styleCol ul li {
	margin: 20px 0;
	list-style-type: circle;
	font-size: 0.9em;	
	color: #756f6f;	
	list-style-position: outside;
}

ul li.styleTitle {
	color: #000;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 10px 0;
	list-style-type: none;
}

.styleInfo {
	font-size: 1.0em;
	line-height: 1.7em;
	text-align: justify;
	margin: 20px 0 30px;
	color: #756f6f;
}

.styleInfoSocal {
	font-style: italic;
	font-size: 0.9em;	
	color: #756f6f;	
	text-align: center;
}

.styleInfo strong {
	color: #000;
}

#styleIntroText {
	width: 660px;
	margin: 0 auto 20px;
}

.asterik {
	display: inline;
	color: #E12918;
	padding: 0;
	margin: 0;
}

.asterikInfo {
	display: block;
	font-style: italic;
	list-style-type: none;
}

/***************************************************** 
	00. Journal
*****************************************************/

#journalGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	background-color: #fff;
}

#blogCol{
	float: left;
	width: 564px;
}

#blogCol img {
	max-width: 554px;
	padding: 4px;
	border: 1px solid #EAE6EE;
}

.posts {
	text-align: left;
	margin: 10px 0 40px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cbeee3
	
}

.posts h3 {
	color: #000;
	padding: 0 20px;
	float: left;
	margin: 0 0 12px 0;
	font-style: italic;
	font-weight: bold;
	font-size: 1.3em;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
}

.posts .date {
	display: inline;
	float: left;
	color: #a3e1cd;
	margin: 9px 0 0 0;
	font-size:  0.8em;
	letter-spacing: 0.3em;
}

.posts p {
	margin: 12px 14px;
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	color: #756f6f;
}

.posts p img {
	display: block;
	margin: 10px auto;
}

#blogInfoCol {
	float: left;
	text-align: left;
	width: 250px;
	margin: 0 0 0 12px;
	padding: 20px 0 0 12px;
}

#blogInfoCol ul li {
	list-style: circle;
	list-style-position: inside;
	margin: 0 0 13px 0;
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #756f6f;
}

#blogInfoCol ul.links li {list-style: none;}

#blogInfoCol ul.links {
	margin: 10px 0 0 0;
}

#blogInfoCol h2 {
	font: italic bold 0.9em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	color: #000;
	
}

/***************************************************** 
	00. Collection
*****************************************************/

#collectionGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	background-color: #fff;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

.tooltip {
	position: absolute;
	z-index:3;
	display: none;
	color: #000;
	padding: 5px;
	background-color: #cbeee3;
	font:  11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

.color:hover {
	cursor:crosshair;	
}

#galleryLoader  {
	display: block;
	float: left;
	width: 468px;
	height: 700px;
	margin: 0 12px 0 0;
	font:  11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #756f6f;
}

#productBlock #mainProduct {
	float: left;
	margin: 0 0 8px 0;
}

ul#coverThumbs li {
	float: left;
	margin: 0 6px 0 0;
}

#infoBlock {
	text-align: left;
	width: 372px;
	color: #756f6f;
	float: right;
}

#infoBlock h2 {
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	margin: 20px 0;
}

#infoBlock p {
	font:  11px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 24px 0;
}

#infoBlock #thumbs {
	text-align: center;
}

.color {
	width: 18px;
	height: 18px;
	display: block;
	margin: -12px 2px 25px 0;
	float: left;
}

#storeButton {
	font: bold 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 10px;
	background-color: #a3e1cd;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	text-align: center;
	width: 300px;
	margin: 20px auto 0;
}

#storeButton:hover {
	color: #000;
	background-color: #cbeee3;
}

a #storeButton  {text-decoration: none;}

a:hover #storeButton {
	text-decoration: none;
}

#customization p {
	margin: 0 0 20px 0;
	display: inline-block;
}

#customization p:hover {
	cursor: pointer;
}

/*
#headerOrderBottomWrapper {
	background: url(/_images/bg-fog.png) bottom left repeat-x;
	position: fixed;
	width: 372px;
	z-index: 1000;
}

#orderBottomWrapper {
	width: 372px;
	height: 99px;
	background: red;
	bottom: 0;
	display: inline-block;
} 
*/
/***************************************************** 
	00. FAQ
*****************************************************/

#faqGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-color: #fff;
	color: #756f6f;
}

#faqCol1 {
	float: left;
	width: 276px;
	margin: 0 96px 0;
}

#faqCol2 {
	width: 276px;
	float: left;
} 

#faqGallery h3 {
	color: #000;
	font-style: italic;
	font-size: 0.8em;
	margin: 7px 0;
}

#faqGallery p {
	font-size: 0.8em;
	margin: 0 0 25px;
}

/***************************************************** 
	00. Buzz
*****************************************************/

#buzzGallery {
	margin: 0 auto;
	width: 852px;
	padding: 12px 12px 24px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-color: #fff;
	color: #756f6f;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

.bridalQuoteCol {
	width: 278px;
	float: left;
	margin: 0 3px 0;
	font-size: 0.9em;
}

.bridalQuoteCol p {
	padding: 5px 20px 0;
	text-align: left;
}

.sig {
	font-style: italic;
	font-weight: bold;
}

#pressTitle {
	text-indent: -9999px;
	background-image: url("/_images/press_header.jpg");
	width: 320px;
	height: 109px;
	display: block;
	margin: 20px auto 19px;
}

#bridesTitle {
	text-indent: -9999px;
	background-image: url("/_images/brides_headerb.jpg");
	width: 201px;
	height: 119px;
	display: block;
	margin: 20px auto 19px;
}

#buzzGallery ul {
	margin: 0 auto;
	padding: 0;
}

#buzzGallery ul li {
	float: left;
	margin: 0 4px 4px;
}

ul#press li a:link, ul#press li a:visited {
	border-bottom: 2px solid #e4e2e2;
}

ul#press li a:hover {
	border-bottom: 2px solid #a3e1cd;
}

/***************************************************** 
	00. Contact
*****************************************************/

#contactGallery {
	margin: 0 auto;
	width: 852px;
	padding: 13px;
	background-color: #fff;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
}

#contactForm {
	width: 372px;
	overflow: hidden;
	float: left;
	text-align: left;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
}

#contactForm input {
	margin: 7px 0;
	
}

#contactForm p {
	display: block;
}

#contactInfo {
	width: 276px;
	margin: 0 0 0 96px;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	width: 276px;
	float: left;
	color: #756f6f;
	text-align: left;
}

#contactInfo p strong em {
	color: #000;
}

#contactInfoDetails {
	padding: 5px;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
}

#contactEmail {
	font-size: 0.7em;
	margin: 14px 0;
	line-height: 1.3em;
}

#contactInfo h3 {
	font-size: 0.7em;
	color: #000;
	font-style: italic;
	margin: 0 0 8px 0;
}

#contactInfo p {
	font-size: 0.7em;
	font-style: normal;
	margin: 0 0 19px 0;
}

#googleMap {
	display: block;
	height: 348px;
	margin: 0 0 18px 0;
}


.contactFormLabel {
	display: block;
}

#contact-area input {
	width: 200px;
}

#contact-area input.submit-button {
	width: 60px;
}