@charset "utf-8";
/* CSS Document */



body{
margin-left:0px;
margin-top:0px;
background-color:#eeeeee;


}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin-top:13px;
margin-bottom:5px;}

a{
color:#000000;
}
#top{
background-color:#000000;
width:1020px;
vertical-align:middle;
height:120px;
}

#image{
width:1020px;
}


#tip{
padding-left:15px;
padding-right:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


#bar{
width:1020px;
background-color:#000000;
height:30px;
}



	#footer {
        clear:both;
        float:left;
        width:1020px;
		background-color:#000000;
		height:50px;
    }
    #footer p {
        padding-left:15px;
		padding-top:5px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color:#ffffff;
        margin:0;
    }

#website{
background-color:#ffffff;
width:1020px;
}


#nav{
background-color:#ffffff;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;

}

.navitem{
background-image:url(images/navback.png);
background-repeat:no-repeat;
width:216px;
height:22px;
padding-top:2px;
padding-bottom:1px;
text-decoration:none;
}

.navitem a{
font-size:13px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
padding-left:5px;
text-decoration:none;
color:#684454;
}

.navitem  a:hover{
text-decoration:underline;
}


.navitemon{
background-image:url(images/navbackon.png);
background-repeat:no-repeat;
width:216px;
height:22px;
padding-top:2px;
padding-bottom:1px;
text-decoration:none;
}

.navitemon a{

font-family:"Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
padding-left:5px;
text-decoration:none;
color:#ffffff;
}

.navitemon  a:hover{
text-decoration:underline;
}

	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:1020px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#ffffff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#ffffff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#Ffffff;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 360px 0px 250px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	padding-top:0px;
	}
		.holygrail .col4 {
        margin:0 0px 0px 250px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	padding-top:0px;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
		padding-top:15px;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:350px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
	padding-top:20px;

    }

#maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
padding-right:10px;
text-align:justify;
}


#italicheading
{
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
font-style:italic;
line-height:16px;
color:#684454;
}

#italicheadingrose
{
font-family:"Times New Roman", Times, serif;
	font-size:18px;
font-weight:bold;
font-style:italic;
line-height:16px;
color:#ffffff;
background-color:#684454;;
width:230px;
height:45px;
line-height:20px;
padding-top:6px;
padding-left:10px;
}

#italicheadingpott
{
font-family:"Times New Roman", Times, serif;
	font-size:16px;
font-weight:bold;
font-style:italic;
line-height:16px;
color:#ffffff;
background-color:#684454;;
width:230px;
height:45px;
line-height:20px;
padding-top:6px;
padding-left:10px;
}


#italicheadingrosefull
{
font-family:"Times New Roman", Times, serif;
	font-size:18px;
font-weight:bold;
font-style:italic;
line-height:16px;
color:#ffffff;
background-color:#684454;;
width:730px;
height:45px;
line-height:20px;
padding-top:6px;
padding-left:10px;
}


#italicheadingblack
{
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
font-style:italic;
line-height:16px;
color:#000000;
padding-left:10px;
}

#italicheadingblacksmall
{
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
font-style:italic;
line-height:20px;
padding-bottom:10px;

color:#000000;

}


#largeboxgreen
{

}

#insidegreen
{background-color:#D8D8B4;
width:369px;
padding-top:8px;
padding-left:20px;}
#smallboxgreen
{

}

#insidegreensmall
{background-color:#D8D8B4;
width:233px;
padding-top:8px;
padding-left:20px;}

#photos{
float:right;
}


#largeboxpeach
{
margin-top:10px;
}

#insidepeach
{
background-color:#EAD1B6;
width:349px;
margin-top:0px;
padding-top:8px;
padding-left:20px;
padding-right:20px;
padding-bottom: 5px;
}


#rosebox
{

margin:5px;
float:left;
}
#rosedesc
{
margin: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
height:130px;
text-align:justify;}

#rosedescfull
{
margin: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;}


#insiderose
{background-color:#D7B5C5;
width:240px;
padding-top:8px;
padding-left:0px;}

#roseboxfull
{

margin:5px;
float:left;
}

#insiderosefull
{
background-color:#D7B5C5;
width:740px;
padding-top:8px;
padding-left:0px;
float: left;
}




#largeboxgrey
{margin-top:10px;}

#insidegrey
{background-color:#f0f0f0;
width:369px;
margin-top: 0px;
padding-top:8px;
padding-left:20px;
padding-bottom: 5px;
}



#tip2{
position:absolute;
left:685px;
top:130px;
width:311px;
}


#tipinside{
   filter:alpha(opacity=68); 
   -moz-opacity: 0.68; 
   opacity: 0.68; 
   width:309px;
   background-color:#ffffff;
   border-left-style:solid;
   border-left-width:1px;
   border-left-color:#000000;
      border-right-style:solid;
   border-right-width:1px;
   border-right-color:#000000;

   }
   
   
   
#topnav{
position:absolute;
left:450px;
top:90px;
width:600px;
}

#basket{
position:absolute;
left:780px;
top:10px;
width:215px;
}


#basketinside{
width:205px;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:10px;

   }
   
#buttons{
   font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:20px;
color:#000000;
   }
   
   
   #searchbutton{
font-family:"Times New Roman", Times, serif;
font-size:17px;
font-weight:bold;
font-style:italic;
color:#ffffff;
border-bottom-style:none;
border-left-style:none;
border-right-style:none;
border-top-style:none;
background-color:#000000;
   }
   
   
   #searchbox{
position:absolute;
left:20px;
top:283px;
}

#searchinputbox{
font-size:12px;
width:130px;
height:18px;
}


#footerextra{
float:right;
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:18px;
font-weight:bold;
color:#ffffff;
padding-right:15px;
padding-top:5px;
}


#roseprice{
position:relative;
left:170px;
top:20px;
}

#rosepricefull{
position:relative;
left:670px;
top:20px;
}


#rosename{
position:relative;
left:0px;
top:-20px;
}

#rosetext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
font-weight:bold;
color:#684454;
padding-right:5px;
padding-top:5px;
float:right;
width:110px;
margin-right:5px;

}


#roselink{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;

font-style:italic;
line-height:18px;
font-weight:bold;
color:#684454;
padding-left:20px;
}


#rosecover{
position:relative;
left:-100px;
top:-100px;
}

#rosephoto{
float:left;
position: relative;
}


#theform{
margin-top:0px;
padding-top:0px;
}




#baskettop{
background-color:#D7B5C5;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#basketrose{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#basketrosename{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:17px;
font-weight:bold;
color:#000000;
}

#formbutton{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
background-color:#684454;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
width:60px;
}
#formbuttonwide{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
background-color:#684454;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
width:120px;
}


#qty{
font-size:11px;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-width:1px;
border-bottom-color:#cccccc;
border-top-color:#cccccc;
border-left-color:#cccccc;
border-right-color:#cccccc;
width:35px;
font-family:Arial, Helvetica, sans-serif;

}

#baskettopdark{
background-color:#684454;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

#baskettoplighter{
background-color:#8A6676;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

#baskettopnopadd{
background-color:#D7B5C5;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}


#baskettopnopaddpeach{
background-color:#EAD1B6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}


#inputbox{
font-size:11px;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-width:1px;
border-bottom-color:#cccccc;
border-top-color:#cccccc;
border-left-color:#cccccc;
border-right-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
}

#register{
margin-left:25px;

}

#errortext{
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
margin-left:20px;
}


#errortextred{
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}


#selectbox{
font-size:11px;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-width:1px;
border-bottom-color:#cccccc;
border-top-color:#cccccc;
border-left-color:#cccccc;
border-right-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
width:60px;
}

#padding{
padding:10px;}