/* @override 
	http://localhost/~MacMini/Engaged/www/bridal_event/css/styles.css
	http://www.engagedmagazine.com/bridal_event/css/styles.css
	http://engagedmagazine.com/bridal_event/css/styles.css
*/

/* Colors
--------------------------------------------------*/
/* Headings #709DC1; */
/* Links #666 */
/* Navigation Borders  #EDEDED*/
/* Ends
--------------------------------------------------
--------------------------------------------------*/




/* Reset
--------------------------------------------------*/
p, ul, li, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;}
/* Reset Ends
--------------------------------------------------
--------------------------------------------------*/




/* Layout
--------------------------------------------------*/
ul, li {list-style: none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 21px;
}

#wrap {
margin: 0 auto;
width: 875px;}

#header {
margin: 10px 0 0 -10px;
padding: 10px 0 65px;
background: url(../images/logo.jpg) no-repeat top left;}

#nav-main {
margin: 20px 0;
padding: 10px 0;
border-top: solid 1px #EDEDED;
border-bottom: solid 1px #EDEDED;}

#banner img{
border: 3px double #CCC;
margin-top: 20px;
margin-bottom: 20px;}

#nav-main ul {
text-align: left;
margin: 0 0 0 265px;
padding: 0}

#nav-main li {
	display: inline;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 18px;
}

#content {
float: left;
margin-bottom: 30px;}

#content-main {
float: right;
width: 600px;}

#cart #content-main {
width: 650px;
margin: 0 auto;
float: none;}

#checkout #content-main {
width: 475px;
float: left;}

#checkout #content-secondary {
float: right;
margin: 20px 0 0 60px;
width: 300px;}

#content-secondary {
float: right;
width: 250px;
padding-right:25px;}

#footer {
clear: both;
margin-top: 40%;
padding-top: 30px;
padding-botom: 20px;
border-top: solid 1px #EDEDED;
border-bottom: solid 1px #EDEDED;}

/* clear fix and float elements*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clear {
clear: both;}
/* clear fix and float elements end*/


#bookDescrip #col1 {
float: left;
width: 200px;}

#bookDescrip #col2 {
float: right;
width: 250px;}

#col2 h3{margin-bottom: 10px;}

#slideshow {margin-left: -75px;}
.spacer {margin-top:20px;}


/* Layout Ends
--------------------------------------------------
--------------------------------------------------*/




/* Form Styles
--------------------------------------------------*/
fieldset{
border:#D2D2D2 solid 1px;
padding:10px;
margin:20px 2px 0px 0px;
background-color:#EEE;}

legend{font-size:12px;}

label{
margin-top:10px;
padding-right: 15px;
display: block;
color: #709DC1;}

#tickets label{
float: right;
margin-top:10px;
padding-right: 15px;
display: block;
color: #709DC1;}

#formArea {width: 350px;}
input {border:#D2D2D2 solid 1px;}
select {border:#D2D2D2 solid 1px;}
textarea {border:#D2D2D2 solid 1px;}
.inputButton {margin-top:10px;}
.warning {color:#cc1213;}
.textInput {width: 200px;}
#state {width: 30px;}
#zip {width: 75px;}

/* Form Styles Ends
--------------------------------------------------
--------------------------------------------------*/




/* Table Styles
--------------------------------------------------*/
table {width: 475px;}
td {padding-bottom: 5px;}

#exhibitors table td {
padding: 5px;}

#exhibitors table {margin-top: 20px;}

#exhibitors td {
padding:.5em 3em;
border-bottom: solid 1px #ccc;}

#exhibitors th {
text-align: left;
color:#fff; 
background-color:#709DC1; 
padding:.5em;}

#exhibitors tr td {
color:#223; 
background-color:#fff;}

#exhibitors tr.odd td {
color:#223; 
background-color:#eee;}

#exhibitors  tr.highlight td {
color:#223; 
background-color:#DEEBFB;}

#insert_exhibitors td {
color: #709DC1;
padding: .5em 1.5em;
background-color: #DEEBFB;}
/* Table Styles Ends
--------------------------------------------------
--------------------------------------------------*/





/* Typography
--------------------------------------------------*/
p {
margin: 0 0 10px;}

#content {
	color: #5A5A5A;
	line-height: 1.5em;
}

.pre {white-space: pre; line-height: 120%;}

.emphasis  {
margin: 30px 0;
font-weight: normal;
border-top: solid 1px #EDEDED;
border-bottom: solid 1px #EDEDED;
padding: 10px 0;
line-height: 1.4em;
white-space: pre;}

#checkout .emphasis  {
margin: 0;
font-weight: normal;
border-top: solid 1px #EDEDED;
border-bottom: solid 1px #EDEDED;
padding: 10px 0;
line-height: 1.4em;
white-space: pre;}

.highlight {color: #709DC1;}
/* Typography Ends
--------------------------------------------------
--------------------------------------------------*/




/* Headings
--------------------------------------------------*/
h1, h2, h3, h4 {font-weight: normal; color: #709DC1; line-height: 110%;}
h1 {margin: 10px 0 30px; font-size: 1.8em;}
h2 {margin: 20px 0 2px; font-size: 1.4em;}
h3 {font-size: 1.2em;}

h1, #insert_exhibitors h2, #exhibitors h2, #tickets h2, #signup h2, #info h2 {
padding: 10px 0 10px 0;
margin-bottom: 10px;
border-top: solid 1px #DDD;
border-bottom: solid 1px #DDD;}

.address {color: #999; font-size: 12px;}

#checkout h2{margin-bottom: 7px;}

#content-secondary h3 {
margin-top: 20px; 
font-size:1.5em; 
border-bottom: 1px solid #DDD; 
padding-bottom:5px;}

#content-secondary p {padding-top:3px;}
.callout h2 {margin-top: 5px;}
/* Headings Ends
--------------------------------------------------
--------------------------------------------------*/



/* Lists
--------------------------------------------------*/
#locations-list li {padding-bottom: 3px;}
#content-main li {line-height: 140%; padding-bottom: 10px;}
/* Lists Ends
--------------------------------------------------
--------------------------------------------------*/



/* Design Elements
--------------------------------------------------*/
.emb {
height: 30px;
background: url(../images/embellishment.jpg) no-repeat center;}

#noVendors {
padding: 10px;
background: #DDD;
color: #314B70;}

.float-left {float:left; padding-right:15px;}

.callout {
background: url(../images/calloutbg.jpg) top left repeat-x; 
border: 3px double #709DC1; 
padding: 15px; 
margin: 20px 0;}

.hr {border-bottom: 1px solid #DDD; margin-bottom:10px;}
#content-secondary .hr {border-bottom: 3px double #DDD; margin-bottom:10px; width:85%;}

/* Design Elements Ends
--------------------------------------------------
--------------------------------------------------*/




/* Link
--------------------------------------------------*/
a {
color: #709DC1;
text-decoration: none;}

a:hover {color: #666;}

#nav-main a {
	font-size: 15px;
	color: #709DC1;
}

#nav-main a:hover {color: #999;}
/* Links Ends
--------------------------------------------------
--------------------------------------------------*/





/* IE 6 Hacks
--------------------------------------------------*/
*html #content-secondary {width: 240px;}
/* IE 6 Hacks Ends
--------------------------------------------------
--------------------------------------------------*/