@charset "utf-8";
* {
   margin: 0;
   padding: 0; }
body {
   color: #555555;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   background: url(img/pinkback.png)#df6e91 repeat-x; }

/******** Content variations ********/
#head { 
   background-color: #000; }
#outerwrapper {
   width: 960px; 
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   color: #404040; }
#innerwrapper {
   float: left; 
   margin-left:5px;
   width:760px;}

#contentmid {
   float: right;
   margin-right: 10px;
   width: 510px; 
   text-align: justify;}
#leftsidebar { 
   margin-right: 10px; 
   width: 230px;
   float: left; }
#rightsidebar {
   float: right; 
   margin-right: 5px; 
   width: 180px; }

/***** General Styles *****/
a {
   text-decoration: none;
   color: #8e1a3c;
   }
a:hover {
   color: #df6e91;
   text-decoration: none; }
p {
   margin-bottom: 10px;
   margin-top: 0px ;
   }
.style1 {
font-weight: bold;}
th {
   background: #fff5f8; 
   color: #df6e91; 
   text-align: left; }
form {
   background: #fff5f8; 
   margin: 10px auto; 
   padding: 5px; 
   border: 1px solid #ffdcf8; }
input {
   padding: 2px; 
   border: 1px solid #ffdcf8; }
textarea {
   display: block; 
   padding: 2px; 
   border: 1px solid #ffdcf8;
   }
input.button {
   margin: 0px;
   color: #df6e91;
   padding: 2px 3px; 	
   border: 1px solid #ffdcf8; }
input, select, textarea {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 1.0em; }
h1 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.5;
    }
h2 {
   font-size: 1.25em;
   font-weight: bold;
   line-height: 1.2;
   margin-bottom: 5px ; }
h3 {
   font-size: 1.15em;
   font-weight: bold; 
   margin-bottom: 10px;} 
h4 {
   margin-bottom: 10px; 
   font-size: 1em; 
   font-weight: bold; }
ul, ol {
   list-style-position: inside; }
   
/***** Identity ******/
#topbar {
   width: auto !important; 
   width:760px; 
   height: 45px;
   border: 0px; }
#identity {
   height: 45px;
   width: 410px;
   border: 0px;
   float: left; }
#identity h1 {
   font-size: 15px;
   padding: 5px 0 0 3px; }
#identity h1 a, #identity h1 a:hover {
   color: #fff;
   text-decoration: none; }
#identity p.head2 {
   color: #fc1840;
   padding-left: 3px; 
   font-weight: normal;
   line-height: 1.7; }

/****** Top Navigation ******/
#topnav {width: 350px; 
   height: 45px;
   color: #d7620a;
   float: right; }
#toplinks {
	text-align: right;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: .1em;
	text-transform: uppercase;
	vertical-align: bottom;
}
#toplinks a {
	color: #d34303;
	text-decoration: none;
	font-weight: 600;
}
#logo {
   height: 165px;
   width: 960px;
   background: #b9122f; }
#scroll {
	height: 145px;
   	width: 960px;
   	border: 0px #b9122f;
   	position: relative;
   	overflow: hidden;
   	padding: 0px;
   	margin-left: 10px;
   }
#scroll .subtitle {
	position: absolute;
	top: 0px;
	visibility: hidden;
}
/****** Navigation ******/
#navigation { width: 960px; background: #fc1840; height: 36px; border-top: #fc1840 solid 2px; border-bottom: #fc1840 solid 2px; margin-bottom: 20px;}
#menu {width: 100%; height: 33px; float: left; padding-left: 240px; }
#menu ul {
	list-style: none; 
} 
#menu ul li {
	float : left;   
	padding: 10px 0px 10px 0px;  
	position: relative;   
} 
#menu ul li a:link, #menu ul li a:visited { 
	color: white;   
	font-weight: bold;
	text-decoration: none;
	padding: 13px 20px 13px 20px;
} 
#menu ul li a:hover {
	color: black;   
} 
#menu #current a{ /*currently selected tab*/
background-color: #ec647c; }
#menu ul ul { 
	display: none;    
	position: absolute;  
	left: 0px;
	top: 36px;
	background-color: #ec647c;   
	margin: 0px;
	text-align: left;
} 
#menu ul li:hover { 
	background: #ff6c85;   
} 
#menu ul li:hover ul { 
	display: block; 
} 
#menu ul ul li { 
	border-bottom: 1px dashed #ff6c85;     
	border-left: 1px dashed #ff6c85;
	width: 131px;    
	margin: 0px;
	padding: 8px 6px 8px 0px;
} 
#menu ul ul li:first-child {border-left: 1px dashed #ff6c85;}
#menu ul ul li a:link, #menu ul ul li a:visited { 
	color: white;    
	font-weight: normal;
} 
#menu ul li:hover ul li a:hover { 
	color: black;     
	text-decoration: none;
}
/****** Searchbox ******/
#sitesearch {
   width: 220px;
   height: 35px;
   float: right;
   margin: 5px 5px 20px 0; }
#sitesearch form {
   background: url(img/fgsearch.png)url(img/fgsearch.png) center center no-repeat;
   height: 30px;
   border: 0;
   margin: 0;
   width: 225px;
   text-align: right;
   padding: 5px 0 0 0;
   font-size: 1.0em; }
#sitesearch input {
   color: #337766;
   width: 150px; 
   margin-right: 58px;
   margin-top: 2px;
   border: none;
   padding: 2px; }
/****** Catalogue ******/
#catalogue {
	padding: 0px;
	margin: 0px	;
	margin-bottom: 15px;
	float: left;
}
#vert{
	width: 220px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#vert ul {
	font: 13px;
	font-weight: 600;
	padding: 0;
	margin: 0px;
	list-style: none;
}
#vert li {
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;
}
#vert a {
	text-decoration: none;
	display: block;
}
#vert a:hover, #vert li:hover{color: #ff00ff;}	
#vert ul li ul {
	margin: 0px;
	width: 9em;
	position: absolute;
	}
body #vert ul li ul {display: none;}
#vert ul li ul li{display: block;
	width: 100%;
	left: 50px;
	}
#rose{
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: 100px;
}
#rose ul {display: block; position: absolute;
	padding: 0;
	margin: 0px;
	list-style: none;
	background-color: #fafafa;
}
#rose li {
	margin: auto ;
	padding: 0;
}
#rose a {
	text-decoration: none;
	}
#rose a:hover, #rose li:hover{color: #ff55ff;}	

/******** News ********/
#newsbrief {
	width: 220px;
	margin-bottom: 10px;
}
#newsbrief ul {
	padding: 0;
	margin: 0px;
	list-style: none;
}
#newsbrief li {
	margin: 0 2px 0 0;
	}
#newsbrief a {
	text-decoration: none;
	}
#newsbrief a:hover {color: #ff44aa;}

/******** Newly Introduced ********/
#rightintro {
	text-align: center;
	text-decoration: none;
	margin-bottom: 25px;
}
#rightintro ul {
	padding: 0;
	margin: 0px;
	list-style: none;
}
#rightintro li {
	font: 13px bold;
	font-weight: 600;
}
#rightintro a {
	text-decoration: none;
}
#bestbuy {
	width: 960px;
	height: 70px;
	color: #000000;
	}
/******** Footer ********/
#footer {
   clear: both;
   width: 960px; 
   color: #777;
   height: 25px;
   font-size: 0.8em;
   font-weight: bold;
   margin: 0px auto; }
#footer p {
   font-weight: bold;
   border-top: 1px solid #aaa;
   padding: 5px 0 5px 3px; }
#footer p span {
   padding-right: 3px; }
#footer a {
   color: #777;
   text-decoration: underline; }
#footer a:hover {
   color: #444; }
#id { }
/******** Content with tables ********/
#contenttable { 
   margin-right: 10px;
   margin-top: 0px;
   width: 610px; 
   float: left;
   text-align: justify;
}
table {
   border-collapse: collapse; 
   margin-bottom: 10px;
   }
tr, td {border: 1px solid #e876b9;

} 
#contenttable a {}
#contenttable a:hover {}
td {
   padding: 3px; 
   height: auto; }
tr.odd {
   background: #fadada; }
tr.even { background: #fafafa; }
tr.white { border-color: white; }
/****leftmenu****/
#leftmenu { float: left; margin-bottom: 20px; padding-left: 10px; width: 210px; }  
#leftmenu ul {
	font: 13px;
	font-weight: 600;
	padding: 0;
	margin: 0px;
	list-style: none;
}
#leftmenu li {
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;
}
#leftmenu a {
	text-decoration: none;
}
#leftmenu a:hover, #leftmenu li:hover{color: #ff00ff;}