/** GENERAL **/
*         {  padding: 0; margin: 0; }
html, body{  min-height: 100%; width: 100%; }
body      {  padding: 0; margin: 0 auto; scrolling: auto;
	     background-image: url('../img/bg.jpg'); background-position: top center; background-repeat: repeat-x;
	     font-family: tahoma, arial, verdana, helvetica, Sans-serif; font-size: 11px; color: #333333;
}

a         {  color: #B72F2F; text-decoration: none; }
a:visited {  color: #B72F2F; }
a:active  {  color: #B72F2F; text-decoration: none; }
a:hover   {  color: #B72F2F; text-decoration: underline; }
h1        {  font-size: 10px; font-weight: normal; text-transform: uppercase; }

small     {  line-height: 10px; }

#page  {     position: absolute; padding: 0; margin: 0 auto; z-index: 2;
	     width: 100%; height: 100%; min-height: 100%; min-width: 760px; overflow: hidden auto;
	     text-align: center;
}

#main {      position: relative; padding: 0; margin: 0 auto; z-index: 5;
	     width: 760px; height: 100%;
             text-align: center; background-repeat: no-repeat;
}

/** HEADER + NAVI **/
#header {    position: relative; padding: 0; margin-top: 0 auto;
             width: 759px; height: 90px; overflow: visible;
	     background: #A2A9A8; border-right: solid 1px #786B75; border-bottom: solid 1px #9C8F8D;
	     -moz-border-radius-bottomleft: 20px;   -webkit-border-bottom-left-radius: 20px;
	     text-align: left; font-family: verdana, arial, Sans-serif;
}
#sitename {  position: absolute; margin-left: 30px; height: 89px; margin-top: -5px;
	     padding-left: 5px; padding-right: 5px;
             background: #405156;  font-family: tahoma, arial, verdana, sans-serif;
	     border-bottom: solid 1px #617981;
	     border-left: solid 1px #BCAFB7;
	     border-right: solid 1px #9B8D9A;
             font-size: 20px; color: #ffffff;
	     background-image: url('../img/stain_icon.gif'); background-repeat: no-repeat; background-position: 0px 24px;
}
#header h1 { position: absolute; margin-left: 257px; margin-top: 10px;
	     background: #A2A9A8;
             font-size: 10px; font-weight: normal;
	     }
#header h2 { position: absolute; margin-left: 335px;
	     background: #A2A9A8;
             font-size: 7px; font-weight: normal; color: #F2F2F2;
}

#navi      { position: absolute; margin-top: 63px; z-index: 20;
	     text-align: left; font-size: 12px; margin-left: 270px;
}
.navi_txt           { float: left; color: #ffffff;}
.navi_txt a         { color: #ffffff; font-weight: bold;
 	              background: #A2A9A8;
}
.navi_txt a:visited { color: #ffffff; text-decoration: none; }
.navi_txt a:hover   { color: #ffffff; text-decoration: none; }
#navi_1x, #navi_2x, #navi_3x, #navi_4x { position: relative; top: -4px; margin-right: 2px; color: #ffffff; font-size: 10px; background: #A2A9A8; align: left;}
#navi_1:hover #navi_1x, #navi_2:hover #navi_2x, #navi_3:hover #navi_3x, #navi_4:hover #navi_4x { color: #B72F2F; font-weight: bold; text-decoration: none; }
.navi_txt a:hover #navi_1x{ color: #B72F2F; }
.navi_shim { height: 1px; width: 90px; float: left; }

.submenu {list-style-type: none; margin: 0px; padding: 0px; }
.submenu span {margin: 0px; padding: 0px;
	       #position: relative;
}
.subnavi {margin: 0px; padding: 0px; list-style-type: none; line-height: 20px; text-align: left; white-space: nowrap;
	  font-family: arial, verdana, sans-serif; line-height: 15px;
	  position: absolute; display: none;
	  background: #A2A9A8; 
	  border-bottom: solid 1px #9E918F; border-right: solid 1px #7A6D77; border-top: solid 5px #A2A9A8;;
	  -moz-border-radius-bottomleft: 10px;   -webkit-border-bottom-left-radius: 10px;
	  padding-bottom: 9px;
}
.subnavi li  { position: relative; font-size: 11px; margin-left: 9px; margin-right: 8px; color: #333333;
}
.subnavi li a {color: #ffffff; font-weight: normal; }
.subnavi li:hover { text-decoration: none; }
.subnavi li:hover a, .subnavi a:hover { color: #B72F2F; text-decoration: none; }
#navi_2:hover .subnavi, .submenu:hover .subnavi { display: block; z-index: 20; }

/** CONTENT GENERAL **/
#content    { position: absolute; padding-top: 10px; z-index: 10; #position: relative;
	      width: 760px;
	      text-align: center;
}
#content h1 { font-family: verdana, arial, Sans-serif; font-size: 10px; font-weight: normal; }
#content h2 { font-family: arial, verdana, Sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #1C3531; }
.IE_cheat { display: none; padding: 0px; margin: 0px; #display: block; #height: 2px; #width: 100%; #position: relative;}

/** CONTENT LEFT **/
.content_col_left  { position: relative; float: left; padding: 0; margin: 0px;
		     width: 560px;
}
.content_main {      position: relative; padding: 5px; margin-bottom: 15px; margin-right: 10px;
		     border: solid 1px #A2A9A8; -moz-border-radius: 10px; -webkit-border-radius: 10px;
		     text-align: left; font-size: 12px; line-height: 18px;
		     background: #F1F4F4; overflow: visible; #overflow: hidden; #background: none; #background-color: #F1F4F4;
		     #padding-left: 220px;
}
.content_main img {  margin-right: 10px; #margin: 0px; #display: none;
		     #background-image: url('/inc/rd_image.php?image=breakfast.gif'); #background-repeat: no-repeat; #background-position: -263px -60px;

}
.content_headline {  position: relative; padding: 5px; margin-bottom: 15px; margin-right: 10px;
		     border-bottom: solid 1px #A2A9A8;
		     text-align: left; font-family: verdana, arial, Sans-serif;
		     color: #333333;
}
.content_main a.content_go     { position: absolute; right: 0px; bottom: 0px; #position: relative;
		   padding: 2px; 
		   border-top: solid 1px #A2A9A8; border-left: solid 1px #A2A9A8;
                   -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px;
		   #border: none;

}
.content_headline .rss { position: absolute; right: 0px; #right: 10px; }
.headline_link { position: absolute; right: 10px; top: 5px; }
.content_col {       position: relative; width: 50%; float: left; padding: 0; }
.content_box {       position: relative; padding: 5px; margin-bottom: 10px; margin-right: 10px;
		     height: 100px; #height: 110px;
		     border: solid 1px #A2A9A8;
		     -moz-border-radius: 10px; -webkit-border-radius: 10px;
		     text-align: left;
}
.content_box h2 {    margin-bottom: 5px; }
.content_box img {   margin-right: 5px; border: none; background: #dddddd;
}
.content_box a {
                     position: absolute; right: 0px; bottom: 0px; font-size: 15px; font-weight: bold;
                     border-top: solid 1px #A2A9A8;
                     border-left: solid 1px #A2A9A8;
		     -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px;
}

.content_box_wide {  position: relative; padding: 5px; margin-bottom: 10px; margin-right: 10px;
		     border: solid 1px #A2A9A8;
		     -moz-border-radius: 10px; -webkit-border-radius: 10px;
		     text-align: left;
}
.content_box_wide h2 {    margin-bottom: 5px; }
.content_box_wide_sub1 { position: relative; width: 355px; float: left; }
.content_box_wide_sub2 { position: relative; width: 180px; float: left; }

/** CONTENT RIGHT **/
.content_col_right { position: relative; float: right; padding: 0; margin: 0px;
		     width: 190px; padding-left: 10px;
}
.content_headline2 { position: relative; padding: 5px; margin-bottom: 15px;
		     border-bottom: solid 1px #A2A9A8;
		     text-align: left; font-family: verdana, arial, Sans-serif;
}
.dotline           { margin: 10px; font-size: 12px; font-weight: bold; padding-left: 20px; color: #A2A9A8;}
.content_updates   { position: relative; padding: 5px; margin-bottom: 10px; margin-top: 10px;
		     overflow: auto;
		     height: 295px;
		     /**background: #F1F4F4; **/
		     border: solid 1px #A2A9A8;
		     text-align: left; font-size: 11px;
}
.content_updates small, .content_box2 small { color: #A2A9A8; }
.content_updates h5 {color: #0F1213; font-size: 10px; font-weight: normal; text-transform: uppercase;}
.content_box2      { position: relative; padding: 5px; margin: 0px;
		     min-height: 20px;
		     border: solid 1px #A2A9A8;
		     text-align: left;
}
.content_intro      { position: relative; padding: 5px; margin-bottom: 10px;
		     min-height: 20px;
		     border: solid 1px #333333;
		     background: #ffffff; color: #333333;
}

/** CONTACT **/
#contact_orderform { position: relative; font-size: 12px; line-height: 20px; 
}
#contact_orderform .input_text, #contact_orderform textarea { border: solid 1px #A2A9A8; margin: 2px; }
#contact_orderform .radio { margin-right: 4px; 
}
#contact_orderform .input_text { width: 200px; }
#contact_orderform textarea {width: 100%; height: 100px; font-family: verdana, arial, verdana; font-size: 12px;}
#contact_orderform_right, #contact_orderform_left { float: left; text-align: left; margin-left: 5px; margin-right: 5px;
}
#contact_orderform_left { width: 350px; border-left: dashed 1px #A2A9A8; padding-left: 15px;}
#contact_orderform_right { width: 350px; margin-right: 15px;}
#contact_orderform_right small { line-height: 12px; }



/** RAINY DAYS **/

#rd {      position: relative; padding: 0px; margin-right: 10px;
	   border: solid 1px #A2A9A8;
	   -moz-border-radius: 10px;   -webkit-border-radius: 10px;
	   text-align: left; font-size: 12px; line-height: 18px;
}
#rd h3 {   margin-bottom: 5px; font-size: 15px; font-family: tahoma, verdana, arial; line-height: 30px;}
#rd_v {    position: relative; float: left; width: 79px; height: 330px; }
#rd_headline {
           position: relative; padding: 5px; padding-left: 15px;
	   border-bottom: dashed 1px #A2A9A8;
	   background-image: url('../img/rd_img/rainydaysv5_h.gif'); background-repeat: no-repeat; background-position: 150px 2px;
}
#rd_quickselect {
           width: 100px; padding: 0px; margin-top: -2px; margin-bottom: -2px; 
	   border: solid 1px #A2A9A8; height: 15px; #bottom: -2px;
	   font-family: tahoma, arial, verdana, helvetica, Sans-serif; font-size: 10px;
	   text-transform: uppercase;
}
#rd_image{ position: relative; float: left; padding: 0px; margin: 0px;
	   width: 468px; height: 330px;
	   background-position: top right; background-repeat: no-repeat;
	   border-left: solid 1px #A2A9A8; border-bottom: solid 1px #A2A9A8;
	   -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px;
}
#rd_image_sketch {
           position: relative; float: left; padding: 0px; margin: 0px;
	   width: 548px; height: 380px;
	   background-position: top center; background-repeat: no-repeat;
	   border-bottom: dashed 1px #D2C9CE;
}
#rd_image_sketch img {
	   width: 548px; height: 379px;
	   border-bottom: solid 1px #F3F1F2;
}
#rd_text { padding: 5px; padding-left: 85px; padding-bottom: 10px; }
#rd_text h1 { font-weight: bold; font-size: 15px; text-transform: capitalize; font-family: tahoma, verdana, arial; line-height: 30px; }
#rd_text h5 { font-size: 10px; font-family: tahoma, verdana, arial; line-height: 12px; }
#rd_text h3 { font-size: 11px; font-family: tahoma, verdana, arial; margin-top: -7px; margin-bottom: 5px; }

#rd_navi { position: relative; margin-right: 10px; margin-left: 10px; padding: 0px; padding-bottom: 2px; 
	   border-top: solid 1px #A2A9A8; border-left: solid 1px #A2A9A8; border-right: solid 1px #A2A9A8;
	   -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
	   -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
	   text-align: center; #height: 20px;
}
#rd_navi a.rd_comments { }
#rd_navi a.rd_previous { position: absolute; left: 10px; }
#rd_navi a.rd_next     { position: absolute; right: 10px; }

#rd_comments { position: relative; padding: 15px; border-top: dashed 1px #A2A9A8; margin-top: 2px; #background: none;
	      color: #333333; }
#rd_commenttext{ position: relative; float: left; text-align: left; width: 280px; }
#rd_commenttext p { margin-bottom: 15px; }
#rd_commentform { position: relative; float: left; text-align: left; margin-left: 15px; width: 200px; font-size: 12px;}
#rd_commentform textarea { line-height: 15px; width: 200px; height: 50px; border: solid 1px #A2A9A8; margin-top: 2px; margin-bottom: 7px; font-size: 12px; font-family: verdana;}
#rd_commentform .input_text { width: 200px; border: solid 1px #A2A9A8; margin-top: 2px; margin-bottom: 7px; }
#rd_commentform .radio { margin-left: 2px; margin-right: 2px; }
#rd_commentform .submit { border: solid 1px #A2A9A8; width: 100px; margin-top: 5px; background: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 10px; }
.comment_error {
           display: block; padding: 5px; margin-bottom: 15px; margin-right: 15px;
           border: solid 1px #ff0000; color: #ff0000;
}


#rd_share{ position: absolute; right: 21px; margin: 0px; padding: 2px; padding: 5px;  padding-bottom: 2px; padding-top: 4px; 
	   background: #ffffff; border: solid 1px #A2A9A8; border-top: none;
	   -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
	   -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;**/
	   z-index: 40;
	   font-size: 10px; text-transform: uppercase; font-family: verdana;
}

.rd_box {  position: relative; float: left; margin-bottom: 10px; margin-right: 10px;  padding: 5px;
	   height: 100px;
           border: solid 1px #A2A9A8;

           text-align: left;
}
.rd_thumb{ float: left; margin-right: 12px; margin-bottom: 12px; padding: 0px; #margin-right: 7px; #margin-bottom: 7px;
	   -moz-border-radius: 3px; -webkit-border-radius: 3px;
	   background: #ffffff; background-repeat: no-repeat; background-position: center center;
	   display: block;
}
.rd_thumb img {
           border: solid 3px #A2A9A8;
           -moz-border-radius: 3px; -webkit-border-radius: 3px;
	   #border: none;
}
.rd_thumb img:hover { border: solid 3px #333333; #border: none; }
.rd_thumb a { #width: 77px; #height: 77px; #display: block; #border: solid 3px #A2A9A8; }
.rd_thumb a:hover { #border: solid 3px #333333; }

.rd_dt_bg {
    position: relative; float: left; margin-right: 15px;
}

/** RD ECARDS **/

#rd_ecard_create_left {
           position: relative; float: left; margin-left: 15px; padding: 0px; margin-top: 5px;
	   width: 176px;
	   text-align: left; font-size: 12px; line-height: 18px;
}
#rd_ecard_create_left img { border: solid 1px #A2A9A8; padding: 1px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; }
#rd_ecard_select {
           width: 160px; padding: 0px; margin-bottom: 5px;
	   border: solid 1px #A2A9A8;
	   font-family: tahoma, arial, verdana, helvetica, Sans-serif; font-size: 12px; text-transform: capitalize;
}
#rd_ecard_create_left input {
           margin: 0px; margin-bottom: 5px; padding: 2px;
	   width: 160px; height: 20px;
           border: solid 1px #A2A9A8;
	   font-family: tahoma, arial, verdana, helvetica, Sans-serif; font-size: 12px;
}
#rd_ecard_create_error {
           display: block; width: 154px; padding: 2px;
           border: solid 1px #ff0000; color: #ff0000;
}
#rd_ecard_create_error ul li { margin-left: 15px; }

#rd_ecard_create_right {
           position: relative; float: left; margin: 0px; padding-left: 14px;  margin-top: 5px;
	   width: 342px;
	   border-left: solid 1px #E7E2E4;
	   text-align: left; font-size: 12px; line-height: 18px;
}
#rd_ecard_create_right textarea {
           width: 325px; height: 150px; margin: 0px; padding: 2px;
           border: solid 1px #A2A9A8;
	   font-family: tahoma, arial, verdana, helvetica, Sans-serif; font-size: 12px;
}
.rd_ecard_create_stamp {
           position: relative; float: left; margin: 0px; padding: 0px;
}
.rd_ecard_create_stamp input { margin-left: 5px; }


/** RD ECARD (PRE)VIEW**/
#rd_ecard_view_bg {
           position: fixed; top: 0%; left: 0%; z-index: 1500; #position: absolute;
	   width: 100%; height: 100%;
           background: #000000;
           -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60);
}
#rd_ecard_view_frame {
           position: absolute; top: 0%; left: 0%; z-index: 1550;
	   width: 100%; height: 100%;
           text-align: center;
}
#rd_ecard_view_frame input {
           width: 100px; margin-right: 5px;
}
#rd_ecard_view_box {
           position: relative; margin-top: 146px; margin-bottom: 15px; padding: 0px; z-index: 1600; overflow: hidden;
	   width: 468px; height: 330px;
           background: #FEFBF2; border: 1px solid #ECE5D0;
           -moz-border-radius: 10px; -webkit-border-radius: 10px;
	   text-align: center; font-size: 11px;
}
#rd_ecard_left {
           float: left; padding: 5px; margin: 0px;
	   width: 235px; height: 320;
	   text-align: left;
	   overflow: auto;
}
#rd_ecard_left img {
           margin-bottom: 5px;
}
#rd_ecard_left a {
           position: absolute; bottom: 20px; left: 20px;
}
#rd_ecard_right {
           float: left; padding: 5px; margin: 0px;
	   width: 208px; height: 100%;
	   border-left: dashed 1px #ECE5D0;
	   text-align: left;
}
#rd_ecard_date {
           position: relative; float: left; padding-top: 23px;
           width: 132px; height: 75px;
           background-image: url('../img/rd_img/stamp_left.gif'); background-repeat: no-repeat; background-position: top right;
	   text-align: right; letter-spacing: 2px;
}
#rd_ecard_stamp {
           position: relative; float: left;
           width: 65px; height: 75px;
           background-repeat: no-repeat; background-position: top left;
	   text-align: left;
}
.rd_ecard_address {
           margin: 20px;
	   width: 170px;
	   border-bottom: solid 1px #ECE5D0;
}
#rd_ecard_copy {
           position: absolute; bottom: 0px; left: 40px;
	   font-size: 9px; color: #999999;
}
#rd_ecard_expire {
           position: absolute; bottom: 0px; right: 40px;
	   font-size: 9px; color: #999999;
}
#rd_ecard_viewform {
text-align: center; position: relative; width: 210px;
}
.ecard_viewform { position: relative;
           float: left;
}

/** RD SEARCH **/
#rd_search_main {
    margin: 15px; margin-bottom: 0px; margin-top: 5px; overflow: hidden;
}
.rd_search_input {
    width: 100px; height: 18px; float: left; margin-right: 3px;
    border: solid 1px #A2A9A8; line-height: 18px;
}
.rd_search_submit {
    width: 65px; height: 20px; float: left;
    background: #ffffff; border: solid 1px #A2A9A8;
    font-weight: bold; text-transform: uppercase; font-size: 10px;
    line-height: 18px;
}
.rd_search_radio {
    margin-top: 2px;
}
#rd_coloursearch{
border: solid 1px #A2A9A8;
}
.rd_search_result { position: relative;
    float: left; margin-right: 10px; margin-bottom: 15px; padding: 1px;
    width: 265px; height: 95px; #width: 270px;
    border: 1px solid #A2A9A8;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
    text-align: left;
}
.rd_search_result img {
    float: left; margin: 3px; margin-right: 5px;
    border: none;
}
.rd_search_title {
    text-transform: capitalize; font-size: 12px;
}
.rd_search_snippet {
    color: #999999;
}
.rd_search_link {
                     position: absolute; right: 0px; bottom: 0px; font-size: 15px; font-weight: bold;
                     border-top: solid 1px #A2A9A8;
                     border-left: solid 1px #A2A9A8;
                     -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px;
}

/** RD SHOP **/

#rd_shop {      position: relative; padding: 15px; margin: 0px; border-bottom: dashed 1px #A2A9A8; padding-top: 5px; }
#rd_shop img {  margin-right: 10px; margin-top: 15px;}
#rd_orderform { position: relative; text-align: left;
		margin: 0px; padding: 0px; 
}

#rd_orderform_right { position: relative; float: left; width: 215px; margin: 15px; }
#rd_orderform_right small { line-height: 12px; }

#rd_orderform_left { position: relative; float: left; border: solid 1px #cccccc; border-top: none; padding: 15px; margin-bottom: 15px; margin-right: 15px;}
#rd_orderform_left textarea { font-family: tahoma, arial; height: 100px; border: solid 1px #A2A9A8; margin-top: 2px; margin-bottom: 7px; font-size: 12px; width: 220px; }
#rd_orderform_left .input_text { width: 200px; border: solid 1px #A2A9A8; margin-top: 2px; margin-bottom: 7px; #margin: 0px; }
#rd_orderform_left .radio { margin-left: 2px; margin-right: 2px; }
#rd_orderform_left .submit { border: solid 1px #A2A9A8; width: 100px; margin-top: 5px; background: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 10px; }

.orderform_error {
           margin-top: 5px;
           display: block; padding: 5px; 
           border: solid 1px #ff0000; color: #ff0000;
}

/** RD SIGNUP **/

#rd_signup {      position: relative; padding: 15px; margin: 0px; padding-top: 5px; }
#rd_signup .signup_addy {
border: solid 1px #A2A9A8; margin-top: 2px; margin-bottom: 7px; margin-right: 4px; height: 20px;
}
#rd_signup .submit { border: solid 1px #A2A9A8; margin-top: 2px; background: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 10px; height: 20px; }
#rd_signup img {
 margin-right: 15px; margin-top: 15px;
}


/** RD FAQ **/
#rd_faq {padding: 15px; padding-top: 5px;}
#rd_faq h4 { font-size: 12px;
}

/** FOOTER **/
#footer           { position: relative; z-index: 10; padding: 5px;
		    width: 750px; #width: 760px; 
		    border-top: solid 1px #A2A9A8;
		    text-align: center; color: #A2A9A8;
}

#pagebg {  position: relative; z-index: 2;
	   background-repeat: no-repeat; background-position: bottom center;
	   height: 500px; width: 100%; margin-top: -500px; top: 600px;
	   #top:; #left: 0; #bottom: 0px; 
}