/*****************************************************************************+/
 +-----------------------------------------------------+
 |T  CSS Designed and written by Tony Rouse            |
 |A  http://www.tonrou.com/                            |
 |G                                                    |
 +-----------------------------------------------------+
*/
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Georgia, Times New Roman, sarif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

h1 { font-size: 2em; }
h2 { 
 font-size: 1em; 
 color: darkred;
}
h3 { 
 font-size: 1.4em; 
 color: darkred;
 border-bottom: 1px solid darkred;
 padding-left: 10px;
 margin: 0;
}

h3 {
 text-decoration: none;
}

a {
 color: darkred;
}

a:hover {
 color: #DE1C1C;
}

h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .8em; }

dl {
        margin: 0px;
}

li, dd, blockquote {
        margin-left: 1em;
}

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
        border: 1px solid darkred;
		margin: 0;
}

input[type="submit"] {
 background: #FFC9C9;
 border: 1px solid darkred;
 margin: 0;
}

textarea {
 width: 100%;
 height: 125px;
 border: 1px solid darkred;
}

.clearboth {
 clear:both;
}

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

body {
 text-align: center;
 background: #ffc9c9 url(../images/bg.png);
}

#main {
 position: relative;
 margin: 10px auto;
 width: 900px;
 text-align: left;
 z-index: 1;
}

#header {
 position: relative;
 margin-left: 185px;
 height: 156px;
 background: url(../images/header.gif) no-repeat;
}

#flower_bottom {
 position: absolute;
 top: 156px;
 left: 20px;
 
 width: 270px;
 height: 137px;
 background: url(../images/flower_bottom.gif) no-repeat;
 z-index: 2;
}

#middle {
 clear: both;
 background: url(../images/middle_bg.gif) repeat-y;
 width: 747px;
 float: right;
}

#menu {
 position: absolute;
 width: 185px;
 float: left;
 margin-top: 33px;
 margin-left: -153px;
 z-index: -1;
}

#menu dl {
 display: block;
}

#menu dt a {
 display: block;
 border: 1px solid black;
 margin: 8px 0px;
 padding: 5px;
 color: white;
 background: darkred;
 text-decoration: none;
 font-weight: bold;
 padding-right: 40px;
}

#menu dt a:hover {
 color: darkred;
 background: #FDD;
 
}

#submenu {
 position: absolute;
 bottom: -37px;
 right: 6px;
 height: 30px;
 width: 560px;
 border-bottom: 1px solid darkred;
 z-index: 1;
}

#submenu .spacer{
 float: right;
 color: darkred;
 line-height: 35px;
 font-weight: bold;
}

#submenu a {
 display: block;
 float: right;
 line-height: 35px;
 font-weight: bold;
 font-size: 1.3em;
 padding: 0px 15px;
 text-decoration: none;
 color: darkred;
}

#submenu a:hover {
 color: #DE1C1C;
}

#content { 
 min-height:300px;
 height:auto !important;
 height:300px;
 
 margin-left: 12px;
 margin-right: 7px;
 margin-bottom: 65px;
 padding: 25px;
 padding-top: 147px;
 border-top: 1px solid #6c6c6c;

 background: url(../images/main_bgtr.png) no-repeat top right;
}

#footer {
 position: relative;
 height: 182px;
 background: url(../images/bottom_strip.gif);
 margin-right: 7px;
}

#footer_bottom_detail {
 position: absolute;
 width: 22px;
 height: 45px;
 left: 0px;
 bottom: 0px;
 background: url(../images/bottom_detail.gif) no-repeat;
}

#bottom_flowers {
 position: absolute;
 width: 367px;
 height: 318px;
 top: -63px;
 right: 0;
 background: url(../images/bottom_flowers.gif) no-repeat;
}

#copyright {
 clear: both;
 margin-left: 150px;
 text-align: center;
 font-weight: bold;
 color: darkred;
}

#shopping_cart_view {
 position: absolute;
 width: 300px;
 right: 65px;
 top: 200px;
}
#shopping_cart_view h3 {
 font-size: 1.2em;
 padding-right: 10px;
 text-align: right;
 margin: 0;
 
}
#shopping_cart_view p {
 margin: 0;
 padding: 5px;
 text-align: center;
 font-size: .8em;
}
#shopping_cart_view a {
 float: right;
 width: 96px;
 height: 16px;
 background: url(../images/checkout.gif) no-repeat;
}
#scv_content {
 background: #fff;
}


#product_browse {
 margin:10px auto;
 position:relative;
 text-align:left;
 padding: 10px 0;
 border-bottom: 1px dashed darkred;
 font-size:.7em;
}
#product_browse h3 {
 margin: .5em;
}
#prod_info {
 margin-left: 135px;
 position:relative;
 text-align:left;
}
#prod_img {
 cursor:pointer;
 float:left;
 margin:0;
 position:relative;
 text-align:center;
 width:135px;
}
#prod_img img {
 border: 1px solid darkred;
 padding: 5px;
}
.prod_buttons {
 float:right;
 position:relative;
 text-align:left;
 width:150px;
 padding: 5px;
 margin: 10px;
 margin-top: 0;
 border:1px solid darkred;
 background: #FFC9C9;
}
.prod_buttons input {
 margin:1px;
 border:1px solid darkred;
}
.prod_buttons input[type="text"] {
 width: 30px;
}

a#cartbuttons.remove {
 cursor: pointer;
 border: 1px solid darkred;
 position: absolute;
 width: 10px;
 height: 10px;

 top: -1px;
 right: -12px;
 background: url(../images/remove.gif) no-repeat top left;
}
a#cartbuttons.remove:hover {
 background-position: bottom left;
}

a#cartbuttons.addone {
 cursor: pointer;
 border: 1px solid darkred;
 position: absolute;
 width: 10px;
 height: 10px;

 top: 30px;
 right: -12px;
 background: url(../images/addone.gif) no-repeat top left;
}
a#cartbuttons.addone:hover {
 background-position: bottom left;
}

a#cartbuttons.remove1 {
 cursor: pointer;
 border: 1px solid darkred;
 position: absolute;
 width: 10px;
 height: 10px;

 top: 45px;
 right: -12px;
 background: url(../images/remove1.gif) no-repeat top left;
}
a#cartbuttons.remove1:hover {
 background-position: bottom left;
}

#checkoutinfo {
 text-align: right;
}

#checkout_buttons a {
 margin: 10px;
}

#checkout_buttons a#submit_red {
 float: right;
 font-weight: bold;
}

#reg_info {
 float: left;
 width: 400px;
 text-align: center;
 padding: 5px;
}
#reg_info table {
 text-align: left;
 margin: 0px auto;
}
#reg_info h3 {
 margin: 0;
}

#reg_login {
 padding: 5px;
 border:1px solid darkred;
 background: #FFC9C9;
 float: right;
 width: 230px;
}
#reg_login h3 {
 margin: 0;
}
#infoTitle {
 font-size: .8em;
 border-bottom: 1px solid darkred;
}
#info {
 border-bottom: 1px dashed darkred;
}
.checkoutinfoCheckout {

}
#newsletter {
 width: 310px;
 padding: 10px;
 margin: 10px;
 margin-left: 40px;
 font-size: .8em;
}
#newsletter img {
 float: left;
 margin: 0 10px;
 margin-top: -5px;
}
#newsletter p {
 font-size: .75em;
}
#newsletter h3 {
 text-align: right;
 padding: 0 10px;
}
#newsletter input[type="text"] {
 width: 130px;
 margin-right: 5px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/_layouts/redpetal/images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/_layouts/redpetal/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}