/************************************************/
/* Sunrise Kids Nepal - Copyright 2009			*/
/* Designed by Twice creative			*/
/* www.twicecreative.com			*/
/* email: hello@twicecreatve.com 		*/
/************************************************/


body {
	margin: auto;
	font-family: verdana;
	font-size: 0.75em;
	color: #000000;
	background-color: #f5f5f5;
}

img {
	border:0;
}

a:link {
	color: #ec3239;
	text-decoration: underline;
	
}
a:visited {
	color: #ec3239;
	text-decoration: underline;
}
a:hover {
	color: #ec3239;
	text-decoration: none;
}
a:active {
	color: #ec3239;
	text-decoration: none;
}

h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 25px;
	color: #0757b7;
}

h2{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #0757b7;
}

h3{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	color: #0757b7;
}

h4{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 26px;
	color: #0757b7;
}

h5{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 13px;
	color: #0757b7;
}

h6{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 0.81em;
	font-weight: normal;
	color: #fea118;
}

h1 span {
	margin: 5px 0px 5px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #ec3239;
	color: #130a0d;
	font-size: 11px;
}

h1 span a:link {
	color: #000000;
	text-decoration: none;
}

h2 span{
	margin: 0px 0px 15px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #fe9900;
	color: #ffffff;
	font-weight: normal;
	font-size: 32px;
}

h1.homepageintro{
	margin-top:0;
	color:#000000;
	font-size:14px;
	font-weight:normal;	
}

h1.homepageintro span{
	margin-top:0;
	color:#333;
	font-size:14px;
	font-weight:bold;	
	color:#ec3239;
	background:#ffffff;
	padding-left:0;
}

h4{
	color:#8ae115;
}

.green{
	color:#ec3239;
}

p span{
	font-size:14px;
	font-weight:bold;
}

img.right{
	float:right; 
	padding:0 0 5px 10px;
}

hr{
	clear:both;
	color:transparent;
	padding:10px 0;
}
	

/*####### MAIN CONTENT WRAPPERS - DO NOT TOUCH UNLESS YOU ARE INCREASING OR DECREASING THE OVERALL TEMPLATE WIDTH #######*/

#wrap{
	width: 960px;
	margin: auto;
}

#main{
	float: left;
	margin: 0px;
	width: 960px;
}

/*####### PART ABOVE THE HEADER WHERE THE SHOPPING CART INFO IS #######*/

#masthead{
	float: left;
	width: 926px;
	height: 50px;
	margin: 0px;
	padding: 20px 17px 0px 17px;
}

#cartwrap{
	color: #0757b7;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#cartwrap a:link, #cartwrap a:visited, #cartwrap a:active{
	color: #0757b7;
	text-decoration: none;
}

#cartwrap a:hover, {
	color: #0757b7;
	text-decoration: underline;
} 


#basket{
	float: left;
	margin: 0px;
	padding: 13px 10px 5px 10px;
	height: 22px;
	background-color: #fdf5ea;
	font-weight: bold;
	font-size: 0.94em;
	border-top: 1px solid #e8e9ea;
	border-bottom: 1px solid #e8e9ea;
	border-left: 1px solid #e8e9ea;
}

#item{
	float: left;
	margin: 0px;
	display: inline;
	padding: 12px 10px 5px 5px;
	height: 23px;
	background-color: #ffffff;
	border-top: 1px solid #e8e9ea;
	border-bottom: 1px solid #e8e9ea;
}

#price{
	float: left;
	margin: 0px;
	display: inline;
	padding: 7px 10px 5px 5px;
	height: 28px;
	font-weight: bold;
	font-size: 20px;
	background-color: #ffffff;
	border-top: 1px solid #e8e9ea;
	border-right: 1px solid #e8e9ea;
	border-bottom: 1px solid #e8e9ea;
}

/*####### HEADER IMAGE #######*/

#header{
	float: left;
	margin: 0px 17px 0px 0px;
	width: 960px;
	height: 134px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

/*####### TOP NAVIGATION #######*/

#topnav{
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 40px;
	width: 960px;
	height: 31px;
	color: #ffffff;
	font-size: 1.06em;
	font-weight: bold;
	background-image: url(../images/topnav.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

#topnav a:link, #topnav a:visited, #topnav a:active{
	color: #ffffff;
	text-decoration: none;
} 

#topnav a:hover{
	text-decoration: underline;
}

/*####### ROUNDER CORNER TOP PART OF THE CONTENT AREA #######*/

#bodytop{
	float: left;
	width: 960px;
	height: 20px;
	margin: 0px;
	background-image: url(../images/bodytop.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

/*####### MAIN CONTENT #######*/

#bodybg{
	float: left;
	width: 926px;
	margin: 0px;
	padding: 0px 17px 0px 17px;
	background-image: url(../images/bodybg.jpg);
}

#homepageintro{
	padding: 5px 0 0 0; 
	width: 860px; 
	height: 80px; 
	margin-bottom: 5px;
}	

#content{
	float: left;
	width: 896px;
	margin: 0px;
	padding: 0px 15px 0px 15px;
}

#contentl{
	float: left;
	margin: 0px;
	width: 550px;
}

#content-full{
	float: left;
	margin: 0px;
	width: 100%;
}

#content2{
	float: left;
	margin: 0px;
	width: 100%;
}

#rightcol{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: inline;
	width: 326px;
}

#contentr{
	float: left;
	margin: 0px;
	display: inline;
	width: 550px;
}

#leftcol{
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	width: 326px;
}

.blankButton {
	width: 117px;
	height: 28px;
	margin: 0;
	background-image: url(../images/blankButton.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding: 5px 0 0 0;

}

.blankButton a:link a:hover {
	color: #000000;
	padding: 50px 0 0 0;
	text-decoration: underline;
	font-weight: bold;
}

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

div.blankButton a {
    color:#000000;
}
 
div.blankButton a:hover{
    text-decoration:underline;
}


/*####### HOME PAGE FEED #######*/

.hpintrowrap{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 326px;
	height: 90px;
}

.hpintrowrap h2{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.15em;
	color: #ec3239;
}

.hpintrowrap p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.introimage{
	float: left;
	margin: 0px 10px 0px 0px;
	width: 90px;
	height: 90px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.introtext{
	float: left;
	display: inline;
	width: 226px;
	height: 90px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.hpintrowrap a:link, .hpintrowrap a:visited, .hpintrowrap a:active{
	color: #ec3239;
	text-decoration: underline;
} 

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

/*####### ABOUT US #######*/

#recommends{
	position:absolute;
	/*float:left;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 266px;
	height: 276px;
	padding: 60px 30px 20px 35px;
	color: #ffffff;
	/*background-image: url(../images/about1.jpg);*/
	background-repeat: no-repeat;
	overflow: hidden;
}

#recommends h2{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.50em;
}

#recommends p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#recommends a:link, #recommends a:visited, #recommends a:hover, #recommends a:active{
	color: #ffffff;
	text-decoration: none;
} 

/*####### NEWS PAGE #######*/

.recentnewswrap{
	float: left;
	margin: 20px 0px 0px 0px;
	width: 326px;
	height: 90px;
}

.recentnewswrap h2{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25em;
	color:#8ae115;
}

.recentnewswrap p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.recentnewsimage{
	float: left;
	margin: 0px 30px 0px 0px;
	width: 90px;
	height: 90px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: #f0efed;
}

.recentnewstext{
	float: left;
	display: inline;
	width: 206px;
	height: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.recentnewswrap a:link, .recentnewswrap a:visited, .recentnewswrap a:hover, .recentnewswrap a:active{
	color: #8ae115;
	text-decoration: none;
} 

/*####### PRODUCTS #######*/

.productwrap{
	width:240px;
	float:left;
	padding-right:50px;
}

.proddesc{
	width:240px;
}

#productdetails{
	float: left;
	margin: 35px 0px 0px 0px;
}

#things{
	float: left;
	margin: 0px;
	width: 550px;
	height: 270px;
	font-size: 17px;
	padding: 30px 10px 10px 10px;
	background-image: url(../images/things2.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#things ul{
	font-size: 15px;
	padding:0;
	margin:10px 0 0 0;
}

#things li{
	list-style-type: none;
	background:url(../images/bullet.gif) 0 5px no-repeat;
	padding: 0px 15px 15px 15px;
}

ul.bullets{
	padding:0 0 0 0;
	margin:10px 0 0 0;
}

li.bullet{
	list-style-type: none;
	background:url(../images/bullet.gif) 0 5px no-repeat;
	padding: 0px 15px 15px 15px;
}


#addtobasketwrap{
	float: left;
	width: 326px;
	margin: 20px 0px 0px 0px;
}

#select{
	float: left;
	width: 250px;
	height: 50px;
}

.producttitle{
	font-size:1em;
	font-weight:bold;
	margin:25px 0 10px 0;
	padding:0;	
	color: #ec3239;
}

#productprice{
	float: left;
	width: 76px;
	height: 50px;
	display: inline;
	font-weight: bold;
	font-size: 18px;
}

#addtobasket{
	float: left;
	width: 326px;
}

/*#######  LINKS PAGE  #######*/

.linkcolumns p{
	width:448px;
	float:left;
}

/*####### ROUNDER CORNER BOTTOM PART OF THE CONTENT AREA #######*/

#bodybottom{
	float: left;
	width: 960px;
	height: 20px;
	margin: 0px;
	background-image: url(../images/bodybottom.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

/*####### FOOTER #######*/

#footer{
	float: left;
	clear: both;
	margin: 0px;
	width: 926px;
	color: #0757b7;
	padding: 10px 17px 0px 30px;
	font-size: 0.9em;
	text-align:center;
}

#footer a:link, #footer a:visited, #footer a:active{
	color: #0757b7;
	text-decoration: none;
} 

#footer a:hover {
	color: #0757b7;
	text-decoration: underline;
} 

/** Tabs **/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #ec3239;
color: #333333;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
/*top: 1px;	  */
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

ul.nepal{
	margin:10px 0;
	padding:0;
	list-style:none;
}

ul.nepal li{
	background:url(../images/bullet.gif) 0 4px no-repeat;
	padding: 0 0 5px 20px;
}

.trustee{
	float:left;
	padding-right:10px;
}