*{ margin: 0 ; padding: 0 ; }
body{ font-family: "Lucida Sans", Arial, Helvetica, sans-serif ; font-size:80%; background: #000; color: #fff; }
a:link {color: #99CC33;	text-decoration: none; font-weight:normal; font-size:12px ;}
a:visited {color: #99CC33;	text-decoration: none; font-weight:normal; font-size:12px ;}
a:active {color: #99CC33;	text-decoration: none; font-weight:normal; font-size:12px ;}
a:hover {color: #cc0000;	text-decoration: underline; font-weight:normal; font-size:12px ;}
br {line-height: 10px}
p { margin-bottom:15px}
H1 {font-size:163%;}
H2 {font-size: 130%; color:#99CC33;}
H3 {font-size: 130%; }
H4 {font-size: 115%; color:#99CC33; }


/* misc */
.clearer{ clear: both ; }

/* main-nav */
#menu{ width: 960px ; margin: 0 auto 0 auto ; margin-bottom:15px; }
#main-nav{ list-style: none ; margin: 0 auto ;    }
#main-nav li{ display: inline ;padding-bottom:10px;}
#main-nav li a{ float: left ; width: 192px ; text-align: center ; line-height: 30px ; background: #000 url(../media/img/top-nav-back.gif) repeat-x ; color: #fff ; font-size: 12px ; text-decoration: none ; }
#main-nav li a:hover {background: #000 url(../media/img/top-nav-back-hover.gif) repeat-x ; color:#000000; }


/* header */
#header {width:960px; margin:0 auto; height:120px;}
#headerlogo {width:333px; background:url(../media/img/yortile-logo.gif) no-repeat left top; float:left; height:120px;}
#headerright {width:627px; background:url(../media/img/headerrightback.gif) top right no-repeat; float:right; height:120px;}
#topnav {width:960px; margin:0 auto;  background:#000; margin-bottom:15px;}
#topnavlink { list-style: none ; display: inline ;line-height: 30px ;}
#topnavlink a{ float: left ; width: 192px ; text-align: center ;  background: #000 url(../media/img/top-nav-back.gif) no-repeat ; color: #fff ; font-size: 12px ; text-decoration: none; font-weight: bold;  }
#topnavlink a:hover{ background: #000 url(../media/img/top-nav-back-hover.gif) no-repeat; }

/*Content*/
#outerwrapper {width:960px; margin:0 auto;}
/*Left*/
#left{width:185px; float:left;text-align:right; }
#left ul{ list-style: none ;  }
#left ul li{ line-height: 30px;}
#left ul li a{ text-decoration: none ; color: #333 ; font-size:90%; padding-right:25px; color:#FFFFFF; background:url(../media/img/left-nav-static.gif) no-repeat right top; display:block; }
#left ul li a:hover{  color:#000; background:url(../media/img/left-nav-hover.gif) no-repeat right top; display:block; padding-right:25px; }



/*Right*/
#right{width:765px; margin:0 auto; padding-left:10px; float:right;}
#right-col1 {width: 235px;  float:left;}
#right-col2 {width: 275px; padding: 10px; float:left;}
.footnote {width:265px; padding:5px;  background:#99CC33 url(../media/img/greentxtbx-footnote.gif) no-repeat bottom right; color:#000000 }
#right-col3 {width: 235px;  float:left;}
#right-col4{width: 510px;  float:left; padding:10px;}

.right-2col1{width: 585px;  float:left; padding:10px; padding-top:10px;}
.right-2col2{width: 160px;  float:left; padding-top:10px;}
.right-2col-botborder {width:100%; border-bottom:1px dashed #FFFFFF; float:left; margin-bottom:10px;}

.right-3col1{width: 370px;  float:left; padding:10px; padding-top:10px;}
.right-3col2{width: 365px;  float:left; padding-top:10px; border-left:1px dotted #fff; padding-left:5px;}
.right-3col1a{width: 4px;  float:left; padding-top:10px; }

.store-2col1{width: 230px;  float:left; padding:10px; padding-top:10px;}
.store-2col2{width: 510px;  float:left; padding-top:10px;}
.store-image {width:160px; padding-left:5px; padding-right:5px; padding-bottom:5px; float:left;}
.delivery-image {width:245px; padding-left:5px; padding-right:5px; padding-bottom:5px; float:left;}
.delivery {width:245px; padding-left:5px; padding-right:5px; padding-bottom:5px; float:left;}
.map-image {width:75; padding-left:5px; padding-right:5px; padding-bottom:5px; float:right;}

.map-2col1{width: 360px; padding:10px; padding-top:10px; float:left;}

/*FP*/
.fp-cta {width:245px; padding:5px; float:left;}

/*GreenTextBox*/
#greentxtbx{width:745px; padding:10px; background:#99CC33 url(../media/img/greentxtbx-footer.gif) no-repeat bottom right; margin-top:460px;}

#footer {width:960px; font-size:90%; color:#666666; margin:0 auto; margin-top:5px; }


/*Form*/
form {padding: 0 0 0 0 ;}
label{ float: left ; width: 115px ;	line-height: 15px ;	font-weight: bold ;	font-size: 12px ; padding:1px;}
.contact_input{	width: 175px ;}
textarea{	width: 290px;	margin-bottom: 10px ;	height: 150px ;}
select{	width: 175px ; margin-bottom: 10px ;}
.contact_btn{	width: 175px ;	border: 0 ;	background-color: #999;	color: #fff ; font-family:Arial, Helvetica, sans-serif;	font-weight: bold ;}
.contact_btn_sml{	width: 193px ;	border: 0 ;	background-color: #0f4778;	color: #fff ; font-family:Arial, Helvetica, sans-serif;	font-weight: bold ;}
.error {  font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:10px; margin-left:115px;}
.error-exhib {  font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:10px; }
input {	margin-bottom: 10px;}

/*Special Offers*/
.specofferbox {width:138px; margin-top:10px; float:left;}
.superscript { vertical-align:super;}
.offerprice { font-weight:bold; color:#99CC33;}




/* Fade Cycle Front Images */
#fade-container {width: 250px; border: 1px solid  #B8DB7C; margin-top: 10px; float:left; background: #006699;}
.fade {  height:450px;  width:   235px;  float:left;	overflow: hidden ;  } 
.fade img{width:  235px;	height: 450px;}
.fade1 {  height:450px;  width:   235px;  float:left;	overflow: hidden ;  } 
.fade1 img{width:  235px;	height: 450px;}

/* Postcard */
.postcard-layout {width: 190px; padding:2px; margin:10px; float:left; }
.postcard { border:0px; }
.postcard-send {width: 185px; margin:2px; float:left; border:#CC0000 1px dashed;}
.postcard-send a { background:#E4F1FC; display:block; }
.postcard-send a:hover {background:#CC0000; color:#FFFFFF; text-decoration:none;}
#postcard-mail { width: 350px; margin:0 auto; border:#CC0000 1px solid; padding:5px; float:right;}
#postcard-left { width: 300px; margin:0 auto; padding:5px; float:left;}
#postcard-left img { border:#CC0000 1px solid; padding:5px;}
#postcard-mail form { width:350px; margin:0 auto; text-align:center;}
#postcard-mail label {margin:0 auto; text-align:right;}
.postcard-privacy {float:left; width: 300px; font-size:10px; color:#CC0000;}
