﻿body 
{
    font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	background: url(../images/interface/isobel-the-florist-header.jpg) no-repeat top center;
	color: #00364A;
}
img {border:0}
abbr {border-bottom-width: 1px; border-bottom-style: dotted; cursor:help}
form {padding:0; margin:0}
hr {height:1px; color:#000; background-color:#000; padding:0}
a {color:#5C4148}

#pagecontainer {
	width:950px;
	margin:120px auto 0;
	font-size:1.2em;
}
#windowcontainer {
	font-size:1.2em;
}

#headerbar 
{
    margin:0;
    background-color:Transparent;
    color:#6C373F;
    font-weight:bold;
}
#headerbar a {color:#6C373F; text-decoration:none}
#headerbar #headernavigation
{
	width:735px;
    float:left;
    padding:0;
    border-bottom:1px solid #fff;
    }

#headerbar #headernavigation ul
{
    margin:0;
    padding:0;
    }
#headerbar #headernavigation li
{
    margin:0;
    background: url(../images/interface/navigation-tab.gif) no-repeat bottom left;
    padding:0;
	width:147px;
	height:47px;
    float:left;
    list-style-type:none;
    text-align:center;
    }
#headerbar #headernavigation li a {display:block;padding-top:20px}    
        
#headerbar #headerbasket 
{
    width:210px;
    height:47px;
    background: url(../images/interface/navigation-basket.png) no-repeat top left;
    float:right;
    text-align:center;
    padding:0;
    color:#fff;
    }
#headerbar #headerbasket .basket {display:block;padding:19px 0 0 30px; color:#fff; font-weight:bold;}
#headerbar #headerbasket a {color:#fff; text-decoration:underline}

#headersubbar
{
    clear:both;
    height:40px;
    background:#C2EB85 url(../images/interface/header-subbar.jpg) repeat-x top center;
    text-align:right;
    margin-bottom:8px;
}
#headersubbar #headermessage
{
    float:left;
    width:600px;
    text-align:left;
    padding-top:12px;
    padding-left:12px;
    color:#6c373f;
}
#headersubbar #headersearch
{
    float:right;
    width:300px;
    text-align:right;
    padding-top:8px;
}
#headerbar #headersearch .search 
{
    background:url(../images/interface/button-search.jpg) no-repeat top left;
    width:66px;
    border:0;
    padding:0    
}


#sidebar {float:left; width:210px;	background-color:#fff;}
#body {float:left; width:740px;	background-color:#fff; border:0px solid red}
#content {padding:0 0 0 4px;color:#5C4148; border:0px solid orange}
#footer {clear:both; margin-top:8px;border-top:1px solid #F5DBE4; padding-top:4px}

#content #breadcrumbs {font-size:0.9em;font-weight:normal; margin:0}
#content h1 {color:#6B3A40;font-size:1.5em; margin:8px 0 12px 0}
#content h2 {color:#6B3A40;font-size:1.4em; margin:0 0 12px 0}
#content h3 {color:#6B3A40;font-size:1.3em; margin:0 0 2px 0}
#content h4 {color:#6B3A40;font-size:1.1em; font-weight:bold; margin:4px 0 2px 0}
#content #home h5 {color:#fff; background:url(../images/interface/home-tab.gif) no-repeat top left; font-size:1.1em; font-weight:bold; margin:0; padding:10px 6px}
#content h5 {color:#fff; background:url(../images/interface/heading-tab.gif) no-repeat top left; font-size:1em; font-weight:bold; margin:4px 0 0; padding:4px 6px}
#content h6 {color:#6B3A40;font-size:0.9em; font-weight:normal; margin:8px 0 4px 0}

#content label {font-size:1em; font-weight:normal;}
#content hr {background-color:#c0c0c0; height:1px; margin:0; padding:0; border:0px solid #c0c0c0}

#sidebar h2 {font-size:1.8em; color:#fff; margin-bottom:4px}
#sidebar h3 {font-size:1.1em;color:#fff; padding:10px; margin:0; background:#6C373F url(../images/interface/sidebar-tab.gif) repeat-x top center;}
#sidebar h3 a {color:#fff; margin-bottom:4px; text-decoration:none}
#sidebar h4 {font-size:1.0em;color:#fff; margin:4px 0}
#sidebar h4 a {color:#fff; margin-bottom:4px; text-decoration:none}

#sidebar .box {
	border-right:1px solid #F9DBE3; 
	border-bottom:1px solid #F9DBE3; 
	border-left:1px solid #F9DBE3; 
	margin:0 0 6px 0;
	text-align:center;
}	
	
#sidebar .box p {text-align:center; margin:8px 0;}
#sidebar .box img {margin:8px}
ul.submenu {margin:0; padding:0;text-align:left;} 
ul.submenu li 
{
    color: #ff6600; 
	margin:0;
	border-top:1px solid #F3DCE4;
	padding:7px;
	list-style: none;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer
	
}
ul.submenu li a 
{
    background:#fff url(../images/interface/sidebar-icon.gif) no-repeat center left;
    color: #6C373F;
    padding-left:20px;
    text-decoration:none}

#headerbar #headersearch .buttonsubmit 
{
    background:url(../images/interface/button-submit.jpg) no-repeat top left;
    border:0;
    width:66px;
    padding:0
}


/* Classes */
#home .homebox 
{
    margin:0;
	border:1px solid #F9DBE3; 
	background:url(../images/interface/box-bg.gif) repeat-x top left;
	padding:0;
	text-align:center;
}


#productselection .box 
{
    float:left;
    width:162px;
    height:280px;
    margin:12px 0 0 12px;
	border:1px solid #F9DBE3; 
	padding:0;
	text-align:center;
}
#productsrelated .box h4 {margin:8px}
#productsrelated .box img {margin:4px 8px}

#productsrelated .box 
{
    float:left;
    width:162px;
    margin:12px 0 0 10px;
	padding:0;
	text-align:center;
}
#productselection .box h4 {margin:8px}
#productselection .box img {margin:4px 8px}



#productdetails {margin:4px 0 16px 0; border:0px solid yellow}
#productdetails .productdetailsimage {float:left; width:310px; text-align:center}
#productdetails .productdetailsinfo {float:left; width:420px; border:0px solid yellow}
.productkey 
{
    clear:both;
    margin:18px 0 0  0;
    padding:0; 
    width:100px;
    font-weight:bold;
    text-align:right;
    float:left;
}
.productvalue
{
    margin:18px 0 0  12px;
    padding:0; 
    width:290px;
    text-align:left;
    float:left;
}
.productvalue p {margin:0 0 4px 0;}


.standardbox 
{
    margin:0 0 12px 0;
	border-top:0; 
	border-right:1px solid #F9DBE3; 
	border-bottom:1px solid #F9DBE3; 
	border-left:1px solid #F9DBE3; 
	padding:8px;
	text-align:center;
}

.buttonred /* Normal Button Size */
{
    display:block;
    margin:6px auto; 
    background:#fff url(../images/interface/button-red.gif) no-repeat left; 
    padding:6px 0; 
    width:100px;
    color:#fff;
    font-weight:bold;
    text-align:center
    }
.buttonred a {color:#fff; text-decoration:none} 
.buttonred:link {color:#fff; text-decoration:none} 

 

.button 
{
    font-size:1.0em;
    color:#00364A; 
    background-color:#ff6600; 
    padding:2px; 
    margin:0; 
    text-align:center; 
    border:0; 
    font-weight:bold
}
       
/* Form tags */
.forminput
{
    border-top:2px solid #808275;
    border-right:2px solid #FAF9F5;
    border-bottom:2px solid #FAF9F5;
    border-left:2px solid #808275;
    padding:2px
}

.standardtable {margin:0; padding:0}
.standardtable th {font-weight:bold; font-size:1.1em; margin-bottom:8px; border-bottom:1px solid #c0c0c0; padding:0 4px 8px; }
.standardtable td {font-weight:normal; padding:8px 4px 4px}
.standardtable .buynow {color:#FF8706}
.standardtable input {border-top:1px solid #666; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-left:1px solid #666; padding:4px}
.standardtable textbox {border-top:1px solid #666; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-left:1px solid #666; padding:4px}
 

.warning
{
    color:Red;
    font-weight:bold;
    font-size:1.6em
    }
.pdflink {
	background:#fff url(../images/interface/adobeicon.gif) no-repeat top left;
	padding:0 0 0 20px;	margin:0 0 4px 0
	}
.tick {
	background:#fff url(../images/icons/accept.png) no-repeat top left;
	margin:0 0 4px 0;
	border:1px solid #B9E365;
	padding:8px 8px 8px 40px;
	color:#2D6422;
	font-weight:bold;	
	}    	
.error {
	background:#fff url(../images/icons/warning.png) no-repeat top left;
	margin:0 0 4px 0;
	border:1px solid #F3B006;
	padding:8px 8px 8px 40px;
	color:#9F5310;
	font-weight:bold;	
	} 
	
.inlineerror 
{
    float:left;
	background:#fff url(../images/icons/warning.png) no-repeat top left;
	padding:16px;
	color:#fff;
	font-size:1px;	
	} 
	

/* Helper Classes
   ----------------------------------------------------------*/
.clearboth {
	clear:both;
	padding:0;
	margin:0
}

/* For Image Preview */
/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#00364a;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
