body {
width:auto;
height:800px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

p, ul, li, div, form, input, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}


/*...............................wrapper css starts here......................................*/
#wrapper {
width:100%;
height:auto;
margin:0 auto;
padding:0;
clear:both;
}
/*...............................wrapper css ends here......................................*/

/*...............................header css starts here......................................*/
#header {
width:994px;
height:auto;
padding: 0 0 0px 40px;
clear: both;
/*overflow: hidden;*/
}
#header .top-link{
width:400px;
margin:0;
padding:0 0 10px 16px;
float:left;
border-left: 1px solid #fd3b9b;
z-index: 3000;


}
#header .top-link h1{
font-weight:normal;
font-size:18px;
margin:0;
padding:20px 0 10px 0;
color:#999999;
}
/*
#header .top-link ul{
margin:0;
padding:0;
}
#header .top-link ul li{
width:115px;
height:16px;
margin:0 4px 0 0;
padding:0;
list-style:none;
float:left;
}
#header .top-link ul li a{
width:110px;
height:16px;
display:block;
margin:0;
padding:0 0 0 6px;
float:left;
text-decoration:none;
color:#515151;
}
#header .top-link ul li a:hover{
text-decoration:none;
color:#fff;
width:110px;
height:16px;
margin:0;
padding:0 0 0 6px;
float:left;
background:#e54f94;
}*/
#header .gallery-link {
margin:0 0px 0 0;
padding:13px 0 0 0;
float:right;
width:140px;
}
#header .gallery-link p{
margin:0;
padding:55px 2px 0 0;
float:left;
width:auto;
height:auto
}
#header .gallery-link p a{
width:auto;
height:auto;
text-align:center;
display:block;
margin:0;
padding:0 0;
text-decoration:none;
color:#515151;
float:left;
}
#header .gallery-link p a:hover{
width:auto;
height:auto;
text-align:center;
display:block;
margin:0;
padding:0 0;
text-decoration:none;
color:#fff;
background:#e54f94;
float:left;
}
#header .gallery-link .pic{
width:97px;
height:76px;
margin:0;
padding:7px 0 0 0;
float:left;
text-align:center;
background:url(../images/gallery-pic-bg.jpg) no-repeat left top;
}
#logo-main{
width:994px;
padding: 15px 0 10px 20px;
clear:both;
display:table;
background:url(../images/top-flowers-bg.jpg) no-repeat 457px 5px;
}
#logo-main .logo{
width:215px;
height:45px;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
clear:both;
background:url(../images/tutumoi-logo.jpg) no-repeat left top;
}
#logo-main .logo a{
width:215px;
height:45px;
float:left;
}
#logo-main p.item{
margin:-28px 20px 0 0;
height:24px;
padding:-20px 30px 0 0;
float:right;
color:#a5a5a5;
background:url(../images/item-icon.jpg) no-repeat right top;
}
#logo-main p.item span{
color:#e54f94;
}

/*...............................header css ends here......................................*/

/*...............................content css starts here......................................*/
.sc_content {
	clear: both;
	position: relative !important;
}

#continer {
position: relative;
clear: both;
height:453px;
margin:0;
padding:0;
background:#eaeaea;
/*display:table;*/
overflow: auto;
}
#content {
height: 417px;
padding:0;
}

#maincontent{
height: 417px;
border:0;
margin:0;
padding: 0 0 0 40px;
}
#maincontent li{
list-style-type:none;
width:auto;
height:417px;
padding:0px 3px 0px 0px;
float:left;
}

#portfolio {
	position: relative;
	z-index: 1 !important;
}

ul#portfolio li img{
	position: relative;
	padding-left:50px;
	margin-right:auto;
}



/*#content ul{
margin:0;
padding:0;
}
#content ul li{
margin:0 0 0 4px;
padding:0;
float:left;
width:auto;
height:417px;
list-style:none;
}

*/ .details{
width:285px;
height:147px;
margin:0;
clear:both;
padding:0;
color:#FFFFFF;
}
/*.details h3{
font-size:24px;
margin:0;
padding:0;
clear:both;
line-height:normal;
}
.details p.ss{
margin:10px 0 0 0;
padding:0;
color:#FFFFFF;
text-align:left;
}
.details p.vv{
width:80px;
margin:25px 0 0 180px;
padding:0;
color:#7be2ff;
text-align:right;
font-weight:bold;
border-bottom:1px solid #7be2ff;
}
.details p.vv a{
text-decoration:none;
color:#FFFFFF;
}
*/#content .one{
width:290px;
height:auto;
margin:25px 26px 0 0;
padding:0 0 0 0;
float:left;
}
#content .two{
width:290px;
height:auto;
margin:25px 19px 0 0;
padding:0;
float:left;
}
#content .three{
width:360px;
height:auto;
margin:25px 0 0 0;
padding:0 0 45px 0;
float:left;
}
#content .three .image-bg{
width:284px;
height:247px;
margin:0;
padding:43px 0 0 61px;
background:url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/about-pic-bg.jpg) no-repeat left top;
}
#content h1{
margin:0;
padding:0 0 35px 0;
font-weight:normal;
font-size:18px;
color:#86d910;
}
#content p{
margin:0;
padding:0;
color:#535353;
line-height:18px;
}
#content h2{
width:270px;
margin:5px 0 0 65px;
padding:0 0 15px 0;
font-weight:bold;
font-size:12px;
line-height:16px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#d138b3;
font-style:italic;
border-bottom:1px #33c1d5 dashed
}
#content .collection1{
width:285px;
height:auto;
margin:0;
padding:0;
float:left;
}
#content .collection1 .image{
width:285px;
height:419px;
margin:0;
padding:0;
float:left;
}
#content .collection1 ul{
margin:0;
padding:0 4px;
width:123px;
height:419px;
float:left;
background:#FFFFFF;
}
#content .collection1 ul li{
margin:0;
padding:0 0;
list-style:none;
width:123px;
height:137px;
}
#content .collection2{
width:310px;
height:auto;
margin:0;
padding:27px 0 0 50px;
float:left;
}
#content .collection2 h1{
font-size:21px;
margin:0;
padding:0 0 18px 0;
font-weight:normal;
color:#3ca5b5;
}
#content .collection2 p.cost{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#f540d3;
margin:25px 0 0 0;
padding:0;
float:left;
}
#content .collection2 p.qty{
color:#373737;
margin:25px 13px 0 50px;
padding:0 ;
float:left;
font-weight:bold;
}
#content .collection2 p.qty-value{
color:#373737;
margin:25px 0 0 0;
padding:0 15px;
float:left;
font-weight:bold;
background:#FFFFFF;
}
#content .collection2 form{
width:200px;
height:auto;
margin:0;
padding:25px 0 0 0;
clear:both;
}
#content .collection2 .col{
margin:0;
padding:0;
clear:both;
width:200px;
}
#content .collection2 .col1{
margin:0 0 35px 0;
padding:0;
clear:both;
width:200px;

}
#content .collection2 .txt{
width:50px;
height:auto;
margin:0;
padding:8px 0 0 0;
float:left;
}
#content .collection2 .input{
width:140px;
height:auto;
margin:0;
padding:5px;
float:left;
background:#f5f5f5;
}
#content .collection2 p.addto{
width:188px;
height:19px;
margin:35px 0 0 0;
padding:0 0 0 5px;
color:#fff;
clear:both;
background:#e54f94 url(../images/add-to-cart-bg.jpg) no-repeat right top;
}
#content .collection2 p.addto a{
text-decoration:none;
color:#FFFFFF;
width:188px;
height:19px;
float:left;
}
#content .collection2 p.addto a:hover{
text-decoration:none;
color:#000;
}
/*...............................content css ends here......................................*/





/*...............................content css starts here......................................*/
#continer2 {
width:100%;
height:auto;
padding:0;
clear:both;
background:#eaeaea;
/*display:table;*/
float: left;
overflow: auto;
}
#content2 {
width:994px;
height:auto;
margin:0 auto;
padding:2px 0px 0px 40px;
clear:both;
float: left;

}
/*#content ul{
margin:0;
padding:0;
}
#content ul li{
margin:0 0 0 4px;
padding:0;
float:left;
width:auto;
height:417px;
list-style:none;
}

*/ .details{
width:285px;
height:147px;
margin:0;
clear:both;
padding:0;
color:#FFFFFF;
}
/*.details h3{
font-size:24px;
margin:0;
padding:0;
clear:both;
line-height:normal;
}
.details p.ss{
margin:10px 0 0 0;
padding:0;
color:#FFFFFF;
text-align:left;
}
.details p.vv{
width:80px;
margin:25px 0 0 180px;
padding:0;
color:#7be2ff;
text-align:right;
font-weight:bold;
border-bottom:1px solid #7be2ff;
}
.details p.vv a{
text-decoration:none;
color:#FFFFFF;
}
*/#content2 .one{
width:290px;
height:auto;
margin:25px 26px 0 0;
padding:0 0 0 0;
float:left;
}
#content2 .two{
width:290px;
height:auto;
margin:25px 19px 0 0;
padding:0;
float:left;
}
#content2 .three{
width:360px;
height:auto;
margin:25px 0 0 0;
padding:0 0 45px 0;
float:left;
}
#content2 .three .image-bg{
width:284px;
height:247px;
margin:0;
padding:43px 0 0 61px;
background:url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/about-pic-bg.jpg) no-repeat left top;
}
#content2 h1{
margin:0;
padding:0 0 35px 0;
font-weight:normal;
font-size:21px;
color:#78cc00;
}
#content2 p{
margin:0;
padding:0;
color:#535353;
line-height:18px;
}
#content2 h2{
width:270px;
margin:5px 0 0 65px;
padding:0 0 15px 0;
font-weight:bold;
font-size:12px;
line-height:16px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#d138b3;
font-style:italic;
border-bottom:1px #33c1d5 dashed
}
#content2 .collection1{
width:430px;
height:auto;
margin:0;
padding:0;
float:left;
}
#content2 .collection1 .image{
width:285px;
height:419px;
margin:0;
padding:0;
float:left;
}
#content2 .collection1 ul{
margin:0;
padding:0 4px;
width:123px;
height:419px;
float:left;
background:#FFFFFF;
}
#content2 .collection1 ul li{
margin:0;
padding:0 0;
list-style:none;
width:123px;
height:137px;
}
#content2 .collection2{
width:285px;
height:auto;
margin:0;
padding:27px 0 0 30px;
float:left;
}

#content2 .collection3{
width:100px;
height:auto;
margin:0;
padding:27px 0 0 0px;
float:left;
}


#content2 .collection2 h1{
font-size:21px;
margin:0;
padding:0 0 18px 0;
font-weight:normal;
color:#3ca5b5;
}
#content2 .collection2 p.cost{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#f540d3;
margin:25px 0 0 0;
padding:0;
float:left;
}
#content2 .collection2 p.qty{
color:#373737;
margin:25px 13px 0 50px;
padding:0 ;
float:left;
font-weight:bold;
}
#content2 .collection2 p.qty-value{
color:#373737;
margin:25px 0 0 0;
padding:0 15px;
float:left;
font-weight:bold;
background:#FFFFFF;
}
#content2 .collection2 form{
width:200px;
height:auto;
margin:0;
padding:25px 0 0 0;
clear:both;
}
#content2 .collection2 .col{
margin:0;
padding:0;
clear:both;
width:200px;
}
#content2 .collection2 .col1{
margin:0 0 35px 0;
padding:0;
clear:both;
width:200px;

}
#content2 .collection2 .txt{
width:50px;
height:auto;
margin:0;
padding:8px 0 0 0;
float:left;
}
#content2 .collection2 .input{
width:140px;
height:auto;
margin:0;
padding:5px;
float:left;
background:#f5f5f5;
}
#content2 .collection2 p.addto{
width:188px;
height:19px;
margin:35px 0 0 0;
padding:0 0 0 5px;
color:#fff;
clear:both;
background:#e54f94 url(../images/add-to-cart-bg.jpg) no-repeat right top;
}
#content2 .collection2 p.addto a{
text-decoration:none;
color:#FFFFFF;
width:188px;
height:19px;
float:left;
}
#content2 .collection2 p.addto a:hover{
text-decoration:none;
color:#000;
}
/*...............................content css ends here......................................*/


/*...............................footer css starts here......................................*/
#footer {
width:994px;
height:143px;
margin:0 auto;
padding:0 0 0 40px;
clear:both;
color:#1b1b1b;
font-size:11px;
background:url(../images/bottom-flowers-bg.jpg) no-repeat 400px top;
float:left;

}
#footer p{
float:right;
margin:0;
padding:40px 0 0 0;
}
#footer p span{
color:#0fa6ec;
}
#footer .sub{
margin:40px 0 0 8px;
padding:5px 0 5px 16px;
float:left;
border-left:1px solid #77edfb;
}
#footer ul{
margin:0;
padding:0;
}
#footer ul li{
margin:0 20px 0 0;
padding:0 0 0 0;
float:left;
list-style:none;
/*border-left:1px solid #77edfb;
*/}
#footer ul li a{
text-decoration:none;
color:#1b1b1b;
}
#footer ul li a:hover{
text-decoration:none;
color:#ec008c;
}
/*...............................footer css ends here......................................*/
/*-------------------------------Slider Hover for images----------------------------------*/

	.boxgrid{ 
				width: 285px; 
				height: 417px; 
				margin:0px; 
				float:left; 
				overflow: hidden; 
				position: relative;
				padding-right:3px;
			}
			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 0px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #ec008b; 
				height: 220px; 
				width: 285px; 
				
				z-index: 700;
				
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
			
			.boxcaption h3{ color:white; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; margin:0px; padding:3px 0px 0px 10px;}
			
			.boxcaption p a{ color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:normal; font-size:11px; margin:0px;} 
			
 				.captionfull .boxcaption {
 					top: 420px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				

#bottomnav{background-image: url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/shadow.png); background-repeat: no-repeat; background-position: top; height: 10px;}

ul.topnav {
	list-style: none;
	padding: 0 20px 0;	
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/topnav_bg.gif) repeat-x;
	position: relative;
	height: 35px;
	z-index:10;
	
}
ul.topnav li {
	background: url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/link-separator.jpg) top right no-repeat;
	float: left;
	margin: 0;	
	padding: 0 10px 0 10px;
	position: relative; /*--Declare X and Y axis base--*/
/*	height: 32px; */
}
ul.topnav li a {
	
	display: block;
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
/*ul.topnav li a:hover{
	background: url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/topnav_hover.gif) no-repeat center top;
}*/
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/subnav_btn.gif) no-repeat center top;
	z-index: 100;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
	z-index: 100;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	z-index: 100;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(http://www.tutumoi.com/squirrelcart/themes/tutumoi/images/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}

