* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
	background: #fefefe;
	color: #333;
	}

p {	
	margin: 15px 0;
	}

a {
	outline: none;
	}


a:link, a:visited {
	color: #fe0000;
	text-decoration:none
	}

a:hover, a:active {
	color: #fe0000;
	text-decoration:underline;
	}

img {
	border:0px;
	padding:0px;
	}


/* Page Structure
------------------------------------------------------------------------*/
#head {
	background:#fefefe;
	width:958px;
	margin:0px auto;
	margin-top:15px;
	font-size:11px;
	position:relative;
	_position:static;
	}


#page {
	border:#dbdbdb 1px solid;
	width:940px;
	margin:0px auto;
	padding:9px;
	background:#ececec;
	font-size:0.7em;
	}

#content {
	border:#dbdbdb 1px solid;
	width:738px;
	min-height:476px;
	background:#fff;
	margin-left:0px;
	padding:9px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}

.content-left {
	float:left;
	width:348px;
	padding:10px;
	font-size:1 em;
	}
	
.content-right {
	float:left;
	width:348px;
	padding:10px;
	font-size:1 em;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}

/* Text      
------------------------------------------------------------------------*/

h1 {
	font-weight:bold;
	font:2.4em Arial, Helvetica;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	color:#fe0000;
	position:relative;
	}
.h1-span {
	font-weight:bold;
	font:2.0em Arial, Helvetica;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	color:#fe0000;
	}

#tagline h1 {
	font-weight:bold;
	font:1.5em Arial, Helvetica;
	letter-spacing:0em;
	display:block;
	padding-bottom:5px;
	}
.cat-desc{
margin:-3px 0px 0px 0px;
	padding:0px 0px 5px 5px;
	font: 11px Arial, Helvetica;
	text-align:justify;
	width:725px;
	line-height: 14px;
	color:#444;
}
h2 {
	font: 100% Arial, Helvetica;
	font-weight:bold;
	}
.h2-span{
	font: 100% Arial, Helvetica;
	font-weight:bold;
	}
h3 {
	font: 100% Arial, Helvetica;
	font-weight:bold;
	color: #fe0000;
	}

h4 {
	text-align:center;
	margin:0;
	font-weight:bold;
	font-size:1.2em;
	}
	
h5 {
	font-weight:bold;
	font:1.3em Arial, Helvetica;
	display:block;
	padding-bottom:5px;
	}

h5.phone_number span{
	font-weight: lighter;
	font:28px Arial, Helvetica;
}

h6 {
	font-size: 12px;
	background: #ffffff; 
	opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	position: absolute; 
	bottom:-78px;
	left:10px;
	width: 155px;
	font-weight:bold;
}

.legal {
	margin: 0 auto;
	font-size:0.8em;
	color:#666;
	padding-top:10px;
	padding-bottom:10px;
	}

.red {
	color:#fe0000;
	font-weight:bold;
	}

/* Header, Navbar, Sidebar
------------------------------------------------------------------------*/
#logo {
	width:257px;
	height:58px;
	padding:0px;
position:absolute;
left:-7px;
bottom:36px;
z-index:10000;
	}

#headnav {
	text-align:right;
	padding: 0px;
	margin:0px 0px -3px 0px;
	}

#tagline {
	width:380px;
	margin-top:10px;
	margin-right:10px;
	padding:5px;
	}

img#facebook {
	position:absolute;
	right:3px;
	top:5px;
	}

img#twitter {
	position:absolute;
	right:3px;
	top:40px;
	}
/* Navigation Bar
------------------------------------------------------------------------*/

#searchform {width:190px; float:right; text-align:right; padding-top:8px; margin-right:10px; margin-top:-35px;}
#navbar {margin:0 auto; margin-top:5px; padding:0px; text-transform:uppercase; background:#2c2c2c url(images/navbar.gif); border:#595959 1px solid;}
#page-bar {width:752px; height:35px; position:relative; z-index:100; background:#2c2c2c url(images/navbar.gif);}
#page-bar ul {padding:0; margin:0; list-style-type:none;}
#page-bar ul ul {width:122px;}
#page-bar li {float:left; width:auto; position:relative;}
#page-bar a, #page-bar a:visited {display:block; text-decoration:none; color:#fff; border-right:1px solid #333; border-left:1px solid #444; padding:10px 13px; font-weight:bold;}
#page-bar ul ul a.drop, #page-bar ul ul a.drop:visited {background:#2b2b2b;}
#page-bar ul ul a.drop:hover{background:#2b2b2b;}
#page-bar ul ul :hover > a.drop {background:#2b2b2b;}
#page-bar ul ul {visibility:hidden; position:absolute; height:0; top:32px; left:0; width:149px;}
#page-bar table {position:absolute; top:0; left:0; border-collapse:collapse;;}
#page-bar ul ul a, #page-bar ul ul a:visited {background:#2b2b2b; color:#ffffff; height:auto; line-height:1em; padding:5px 10px 5px 18px; width:128px; border-top: 1px solid #C0C0C0;text-transform:none; }
#page-bar a:hover, #page-bar ul ul a:hover{color:#ffffff; background:#fe0000;}
#page-bar :hover > a, #page-bar ul ul :hover > a {color:#ffffff; background:#fe0000;}
#page-bar ul li:hover ul, #page-bar ul a:hover ul{visibility:visible; }

/* Sidebar -----------------------------------------------------------*/
#sidebar {
	border:#dbdbdb 1px solid;
	width:168px;
	float:left;
	margin:0px 10px 0px 0px;
	}

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-content {
	width:158px;
	float:left;
	padding:0px 5px 10px 5px;
	background:#fff;
	}

#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:1px dotted #ffffff;
	display:block;
	padding:0px;
	}

#sidebar a, #sidebar a:visited {
	font:1.1em Arial;
	font-weight:bold;
	display:block;
	padding:3px 0px 3px 13px;
	}

#sidebar li ul li a, #sidebar li ul li a:visited {
	font:1.1em Arial;
	font-weight:bold;
	display:block;
	padding:3px 0px 3px 26px;
	}

#sidebar li ul li:hover {
	background:#fe0000 url(images/pointer.jpg) no-repeat right;
	}

#sidebar li.first a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	background:#fe0000 url(images/pointer.jpg) no-repeat right;
}

#sidebar li ul li a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	background:#fe0000 url(images/pointer.jpg) no-repeat right;
	}

/* Index Page and Category page
------------------------------------------------------------------------*/

/* Top Section
------------------------------------------------------------------------*/

#top {
	padding:0;
	position:relative;
	}

#mySlides {
	overflow:hidden;
	height:281px;
}

.headline {
	border:#dbdbdb 1px solid;
	width:608px;
	height:278px;
	float:left;
	background:#fff;
	margin:0px;
	padding:0px;
	display:inline;
	}

.headline a img{
	margin:0px;
	padding:0px;
	}

#featured {
	height:280px;
	width:320px;
	position:absolute;
 	top:0;
 	left:620px;
	}

#featured a img {
	border:#dbdbdb 1px solid;
	padding: 4px;
	margin-bottom:5px;
	background: #fefefe;
	}

#myController span.jFlowSelected img {
	border: 0px ;
	padding: 5px 5px 5px 28px;
	margin-left: -23px;
	background: url(images/headlines.gif) left no-repeat;
}

.hidder-cl{
	height:1px;
	visibility:hidden;
	overflow:hidden;
}
/* Middle Section
------------------------------------------------------------------------*/

#middle {
	border:#dbdbdb 1px solid;
	width: 938px;
	background:#fff;
	float:right;
	padding:0px;
	margin:10px 0;
	position:relative;
	}

.category {
	border:1px #FeFeFe solid;
	width:95px;
	float:left;
	margin:0px;
	padding:10px;
	background:#fff;
	display:inline;
	min-height:135px;
	}

.category a {
	color:#fe0000;
	display:inline;
	background:none;
	}


.category:hover {	border:1px #fe0000 solid;}


/* Bottom Section 
------------------------------------------------------------------------*/

#bottom {
	width: 938px;
	border:#dbdbdb 1px solid;
	}

#bottom .jFlowPrev2 img {
	padding:0px;
	position:absolute;
	top: 100px;
	left: -22px;
}

#bottom .jFlowNext2 img {
	padding:0px;
	position:absolute;
	top: 100px;
	left: 935px;
}

#flower-list {
	width:918px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	position:relative;
	}

#bottom2 {
	width: 938px;
	border:#dbdbdb 1px solid;
	}

#bottom2 .jFlowPrev3 img {
	padding:0px;
	position:absolute;
	top: 100px;
	left: -22px;
}

#bottom2 .jFlowNext3 img {
	padding:0px;
	position:absolute;
	top: 100px;
	left: 935px;
}

#flower-list2 {
	width:918px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	position:relative;
	}

.flower {
	border-top: #dbdbdb 1px solid;
	border-left: #dbdbdb 1px solid;
	border-right: #9a9a9a 1px solid;
	border-bottom: #9a9a9a 1px solid;
	width:165px;
	height:222px;
	float:left;
	margin:3px;
	padding:5px ;
	background:#fff;
	position:relative;
	display:inline;
	overflow:hidden;
	}

.flower a {
	color:#fe0000;
	display:block;
	background:none;
	display:inline;
	}

.flower img {
	display:inline;
	}

.flower a:hover {
	text-decoration:none;
	}

.flower:hover {
	border: #fe0000 1px solid;
	}

.list-price {
	width:100%;
	position:absolute;
	bottom:0px;
	left:2px;
	}

.price {
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	}

.not-price {
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	text-decoration:line-through;
	}

.sales-price {
	color: #fe0000;
	font-weight:bold;
	font-size:1.8em;
	text-align:left;
	}

.on_sale {
	position:absolute;
	top:30px;
	left:2px;
	}

/* Individual Flower Page 
------------------------------------------------------------------------*/

.flower-selection {
	width:245px;
	float:left;
	margin:0px;
	padding:0px;
	background:#fff;
	text-align:center;
	font-weight:bold;
	font-size:1 em;
	}

.triple {
	padding: 0px 0px 10px 0px;
}

/* Information and Billing Pages 
------------------------------------------------------------------------*/

#content ul, #content ol{
	margin-bottom:15px;
	}

#content ul li {	
	list-style:disk;
	margin-left:20px;
	}

#content ol li {	
	list-style:decimal;
	margin-left:20px;
	}

#content ol li ul li {	
	list-style:disk;
	margin-left:20px;
	}


.creditcard {
	width:50px;
	float:left;
	margin:0px;
	padding:3px;
	text-align:center;
	}

/* Form Elements 
------------------------------------------------------------------*/

select {
	width:250px;
	}

#search select {
	widows:125px;
	}

.add_gift {
	width:38px;
	}

.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:150px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Footer
------------------------------------------------------------------------*/
#blog {
	margin-top:10px;
	background:#FFFFFF;
	width: 928px;
	border:#dbdbdb 1px solid;
	padding:10px 0px 10px 10px;
	}
.post {
	width: 275px;
	height:130px;
	padding:10px;
	margin-right:10px;
	float:left;
	border-top: #dbdbdb 1px solid;
	border-left: #dbdbdb 1px solid;
	border-right: #9a9a9a 1px solid;
	border-bottom: #9a9a9a 1px solid;
	}
.post h2{
	font-weight:bold;
	font:1.3em Arial, Helvetica;
	display:block;
	padding-bottom:5px;
}
#cities {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#2c2c2c;
	margin: 0 auto;
	padding:10px;
	}

#footer {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#2c2c2c;
	margin: 0 auto;
	padding:10px;
	}

.footer {
	width:164px;
	float:left;
	margin:10px 5px;
	padding:5px;
	}

.footer a {
	color:#fff;
	}

.footer ul {
	margin-top:0px;
	}

.footer ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

.footer ul li:hover {
	color:#fff;
	text-decoration:underline;
	}

.footer ul li:first-child  {
	border-top:1px dotted #fff;
	}

#legal {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}

/* Cart CSS -----------------------------------------------------------------------------
*/

table.steps{
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	background-color: #EEEEEE;
}
table.steps td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #999999;
}

table.sub-steps td{
	border-width: 0px;
	padding: 0px;
}

table.steps td.active, table.sub-steps td.active{
	background-color: #FFFFFF;
}

.item-number {
	padding-bottom:10px;
	font-style:italic;
}

span.active {
	font-weight:bold;
	text-decoration:underline;
}

table.options{
	padding:10px;
	width: 100%;
	border:1px solid #999999;
	border-collapse: collapse;	
}

table.options td{
	padding:10px;
}

table.options td.step{
	width: 120px;
	border:1px solid #999999;
	background-color: #EEEEEE;
	border-collapse: collapse;
}

table.confirmed{
	width: 100%;
	border:1px solid #999999;
	border-collapse: collapse;	
}

table.confirmed td{
	padding:2px;
}

table.confirmed td.step{
	padding:10px;
	width: 120px;
	border:1px solid #999999;
	border-collapse: collapse;
	background-color: #EEEEEE;
}

.expiration select{
	width:60px;
}

/* Validation -----------------------------------------------------------------------------
*/


.formError {
		position:absolute;
		top:300px; left:300px;
		width:150px;
		padding-bottom:15px;
		display:block;
		z-index:5000;
	}

.formError .formErrorContent {
	width:100%; 
	background:#fe0000;
	color:#fff;
	font-family:tahoma;
	font-size:10px;
	box-shadow: 1px 1px 6px #000000;
	-moz-box-shadow: 1px 1px 6px #000000;
	-webkit-box-shadow: 1px 1px 6px #000000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	
}

.formError .formErrorArrow div{
	box-shadow: 1px 4px 5px #000000;
	-moz-box-shadow: 1px 4px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	font-size:0px; 
	
}

.formError .formErrorArrow .line10{width:15px;height:1px; background:#fe0000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#fe0000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#fe0000;margin:0 auto;display:block;} 

/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
#ajax img{
	visibility:hidden;
}
.delivery-day{
width:40px;
}
.delivery-month{
width:100px;
}
.delivery-year{
width:60px;
}
.spanbtns{
	float:left;
}
#descBack{
	margin:0px 0px 0px 0px;
	text-decoration:none;
	float:right;
}
.td-button{
	height:25px;
}
#top-bcf{
background-color:#FFFFFF;
height:280px;
width:937px;
overflow:hidden;
}
#top-bcf-wrapper{
background-color:#FFFFFF;
height:280px;
width:1230px;
display:inline;
overflow:hidden;
float:left;
position:relative;
}

.twitter{
float:left;
width:200px;
color:#000;
background:#fff;
}
.twitt-msg-cwf, .twitt-msg-cbcf{
padding: 1px 3px;
}
.twitt-msg-cwf{
	border-bottom:1px dashed #fe0000;
}
.twitt-msg-cbcf{
	border-bottom:1px dashed #f76daf;
}
.cw-flowers,.twitt-msg-cwf a{
	color:#fe0000;
}
.cbcf-run,.twitt-msg-cbcf a{
	color:#f76daf;
}
.twitter a{
	margin: 15px 20px 0px 20px;
}
.flowers{
float:left;
width:928px;
background:#fff;
margin:4px 0px 4px 4px;
}
.facebook{
background:#fff;
color:#000;
float:left;
width:193px;
padding:1px 3px;
}
.fcb-name-cwf{
color:#fe0000;
}
.fcb-name-cbcf{
color:#f76daf;
}
.fcb-cwf{
	padding:1px 2px;
	border-bottom:1px dashed #fe0000;
}
.fcb-cbcf{
	padding:1px 2px;
	border-bottom:1px dashed #f76daf;
}
.cbcf-first{
width:173px;
}
.first{
	padding: 7px 0px;
}
.first h3{
	font-size:18px;
}
.flower-cbcf .left{
	width:173px;
	
}
.flower-cbcf {
	border-top: #dbdbdb 1px solid;
	border-left: #dbdbdb 1px solid;
	border-right: #9a9a9a 1px solid;
	border-bottom: #9a9a9a 1px solid;
	width:165px;
	height:222px;
	float:left;
	margin:4px;
	padding:5px ;
	background:#fff;
	position:relative;
	display:inline;
	overflow:hidden;
	}

.flower-cbcf a {
	color:#fe0000;
	display:block;
	background:none;
	display:inline;
	}

.flower-cbcf img {
	display:inline;
	}

.flower-cbcf a:hover {
	text-decoration:none;
	}

.flower-cbcf:hover {
	border: #fe0000 1px solid;
	}
#bottom-cbcf {
width: 938px;
margin:10px 0px 0px 0px;
background:#fff;
}
.flower-desc{
text-align: justify;
white-space:pre-wrap;
width:346px;
}
.flower-style{
	font-weight:bold;
	color:#444;
	font-size:14px;
}
.cbcf-img-wrp{
	width:1870px;
	height:280px;
	display:inline;
	float:left;
}
.cbcf-img-wrp img{
	display:block;
	float:left;
}
/*--Main Container--*/
.main-view {
	float: none;
	width:913px;
	height:263px;
	position: relative;
	margin:0px 0px 20px 5px;;
}
/*--Window/Masking Styles--*/
.window {
background-color:#FFFFFF;
height:263px;
width:913px;
display:inline;
overflow:hidden;
float:left;
position:relative;

}
#filler-one{
padding:11px 5px 5px 11px;
float:left;
height:270px;
width:920px;


margin:-10px 0px 0px -6px;
}
#filler-two{
float:left; 
height:264px;
width:914px;
border:3px solid #f76daf;
}
.image-reel {
	position: absolute;
	top: 0; left: 0;
}
.image-reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 0px; right: -69px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	/*background: url('http://www.canadawideflowers.ca/images/paging_bg2.png') no-repeat;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
background:url("http://canadawideflowers.ca/images/ribben.png") no-repeat scroll 0 0 transparent;
color:#444444;
font-size:14px;
padding:5px;
text-decoration:none;
}
.paging a.active {
	font-weight: bold;
	color:#fe0000;
	
}
.paging a:hover {font-weight: bold;}
.like{
	margin:10px 0px 0px 0px;
	width:300px;height:58px;
}
.pink-ribbon{
	position:absolute;
	margin:0px 0px 0px 10px;
}
.hand{
cursor:pointer;
color:#fe0000;
}