@charset "utf-8";
/* jquery UI */
.ui-tabs .ui-tabs-hide {
     display: none;

}
/* jquery UI end */
/* ipus (fixing browsers difference) */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
	list-style-type:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6,th,td {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/* end ipus */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/* background:#F9F9F9;
	background-image:url(images/backs.png); */ /* THIS IS THE BACKGROUND (*&@#^$(*&@!^#(*&@!(*&)$^*#&$*(  */
	background-repeat:repeat-x;
	background-position:top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333333;
}


A:link {
text-decoration:none;
color:#0065D5;
}
A:visited {
text-decoration:none;
color:#0065D5;
}
A:hover {
text-decoration:underline;
color:#FF0065;
}
.busiinfo {
font-size:11px;
}
p.smalltext { font-size:9px; margin-left:20px; }
p.smalltextbottom { font-size:9px;}
p.smalltextbottom A:link {color:#333333;}
p.smalltextbottom A:visited {color:#333333;}
.foobar {
	/* top bar */
	
position:relative;
top: 2px;
}

.oneColElsCtr #container {
	width: 800px;
	padding-top:10px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-top:1px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/* background-image:url(images/bigbacktop.png); */
	background-repeat:repeat-x;
	background-position:top;
	z-index:0;

}

.oneColElsCtr #bannercontainer {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top:1px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/* background-image:url(images/bigbacktop.png); */
	background-repeat:repeat-x;
	background-position:top;
	z-index:0;

}

.oneColElsCtr #mainContent {
	padding: 0px 0px;
	
	
}
.categoriesmpback{
background-image:url(images/bigtab.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpback1{
background-image:url(images/bigtab1.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpback2{
background-image:url(images/bigtab2.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpback4{
background-image:url(images/bigtab4.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpback5{
background-image:url(images/bigtab5.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpback6{
background-image:url(images/bigtab6.png);
background-repeat:no-repeat;
background-position:top left;
}
.categoriesmpinnertb {
float:right;
}

.categoriesmp {
font-size:12px;
vertical-align:top;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
border-collapse:collapse;

width:550px;
}
.innermptab {
font-size:12px;
vertical-align:top;
padding-top:0px;
padding-left:20px;
padding-right:5px;
padding-bottom:0px;
border-collapse:collapse;
width:310px;
}


.categories {
font-size:12px;
vertical-align:top;

}
.categorieslike {
font-size:12px;
vertical-align:top;
padding-bottom:0px;
border-collapse:collapse;
vertical-align:top;


}
.showdetails {
font-size:12px;
background-image:url(images/rightbacktop.png);
background-position:top right;
background-repeat:no-repeat;
vertical-align:top;
/* border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC; */
margin-left:0px;
width: 100%;
table-layout: fixed;
}

.backrighttop {
background-image:url(images/rightbacktop.png);
background-position:top right;
background-repeat:no-repeat;
}

.leftbottombusi {
background-image:url(images/leftbackbottom.png);
background-position:bottom left;
background-repeat:no-repeat;
}
.showdetails td{
padding-top:3px;
padding-right:3px;
}

.logo {
float: right;
padding: 0 0;
}
.slogen {
color:#003366;
}

.oneColElsCtr #toparea
{
padding: 0 10px;
/* background-color:#81663F; */
}

.oneColElsCtr #topbanner
{
padding: 0 0 0 0px;
/* background-color:#81663F; */
}
 
/* Menu */
.menuimageopen {
float:left;
}
ul.menu {
float:right;
list-style-type:none;
width:290px;
display:block;
height:20px;
font-size:.7em;
background:url(images/menubarback.png) repeat-x top left;
font-family:Arial,sans-serif,Verdana,Helvetica;
border-top:0px solid #0066FF;
border-bottom:0px solid #999999;
margin:0px;
padding:0px 0px;
text-align:center;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding-left: 15px;
/* background:url(images/button.png); */
background-repeat:no-repeat;
/* width:150px; */

}

ul.menu li a {
/* width:118px; */
float:left;
font-size:11px;
color:#666666;
text-decoration:none;
height:20px;
padding:2px 1px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#FF0065;
text-decoration:none;
/* background:url(images/button_p.png); */
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

ul.menu .seperate {

background:url(images/menubarseperate.png);
background-position:right;
background-repeat:no-repeat;
padding-right:15px;
}


/*RED*/
ul.menu.red{
	
}
ul.menu.red li a:hover, .menu.red li.current {
	
}
.catmenuhead {
padding-left:18px;
padding-top:21px;
padding-bottom:31px;
color:#333333;
background-image:url(images/ayacathead.png);
background-repeat:no-repeat;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
vertical-align:middle;
}
.catmenubott {
padding-left:18px;
border-bottom:1px solid #E4E4E4;
width:172px;
height:14px;
color:#333333;
background-position:left;
background-image:url(images/catmenubottom.png);
background-repeat:no-repeat;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
vertical-align:middle;
}
.catmenuheadimg {
}
/* Cat Menu */
.catmenuouter
{
	z-index:5;
	list-style:none;
	margin:0px 0px;
	padding:0px 0px;
	position:relative;
	right:0px; /* without ipus = 40 */
	top:0px;
}
#catmenu
{
	width: 190px;
	list-style:none;
	border-right:1px solid #999999;
	

	

}
#catmenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	
}
.catmenubottom {
background-image:url(images/ayacatbott.png);
background-repeat:no-repeat;
text-decoration: none;
font-weight:normal;
font-size:14px;
padding-bottom:10px;
padding-top:5px;

}
.catmenubottoml {
width:190px;
}
.catmenubottom a:link, .catmenubottom a:visited {
color:#666666;
text-decoration: none;
padding-bottom:10px;
padding-top:5px;
padding-left:10px;
}
.catmenubottom a:hover {
color:#FF0065;
text-decoration: none;
background-image:url(images/ayacatbotth.png);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:10px;
padding-top:5px;
padding-left:10px;
padding-right:190px;
}

#catmenu li a {
	border-left:1px solid #999999;	
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	font-size:14px;
	
	}
	
#catmenu li a:link, #catmenu li a:visited {
	color:#666666;
	display: block;
	background: url(images/item.png);
	background-repeat:no-repeat;
	padding: 6px 0 0 10px;
}
#catmenu li a:hover {
	color: #FF0065;
	background: url(images/itemdown.png);
	background-repeat:no-repeat;
	padding: 6px 0 0 10px;
	}
	
#catmenu li a:active {
	color: #666666;
	background: url(images/item.png);
	background-repeat:no-repeat;
	padding: 6px 0 0 10px;
}                    
                                        
                    
/* BOXES */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ /* z-index:0; background: transparent url(img.php.png) no-repeat bottom right */}
.cssbox{ /* intended total box width - padding-right(next) */ width:800px !important; /* IE Win = width - padding */ width: 1px; /* the gap on the right edge of the image (not content padding) */ padding-right:0px; /* use to position the box */ margin:1px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:0px; /* right-image-gap + right-inside padding */ padding-right:0px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:00px 0 0px 00px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:0px; /* interior-padding right */ padding:0px 20px 19px 20px} /* mirror .cssbox_head right/left */ 

/* END BOXES */
.lookingcaption {
color:#0033FF;
}
.titlesfooter {
background:url(images/arrowdown.png) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;

font-size:12px;
}
.titles {
background-color: #AFDDFA;
width: 450px;
padding: 10px;
}

/* Buttons */


.formbutton{
	cursor:pointer;
	border:outset 0px #ccc;
	background:none;
	background:transparent;
	color:#000000;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	height:33px;
	width:120px;
	

}



/* END BUTTONS */

/* rating */
.rating_bar {
  width: 120px;
  background: url(images/001_17.png) 0 0 repeat-x;
}
.rating_bar span {
position:absolute;
}
ul#ratmen {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
}
ul#ratmen li
{

	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul#ratmen li a
{
	display:block;
	float:left;
}
ul#ratmen li a:hover
{
background:transparent url(images/rate.png) 0 0  no-repeat;

visibility:visible;
border:0px solid black;	
}
ul#ratmen li a.current
{

}
.rating_bar div {
  height: 24px;
  background: url(images/001_15.png) 0 0 repeat-x;
}

/* end rating */

/* inner divs containers */
 #rightside{ /* NOT IN USE */ 
  

  width: 130px;
  padding:0px;

  float: right;
  z-index:0;
}
 #realrightside{ /* oops this is the left side really */
  

  width: 210px;
  

  float: left;
  z-index:2000;
}
.leftsidereal {
  width: 210px;
  float: left;
  z-index:2000;
}

#maincats{
  
  background-color: teal;
  width: 600px;
  height: 80%;
  position: absolute;
  top: 100px;
  right: 150px;
} 
/* end of inner divs */
fieldset
{
/* border: 1px solid #0033CC;
width: 97%;
background:#FBFBFB; */
}

hint
{
background:#FEFFCC	;
padding: 5px 5px;
padding-left:2px;
padding-right:5px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
}


legend
{
padding: 2px 6px;
font-weight:900;
} 
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.formstd
{
font-size:12px;
vertical-align:top;
}


input, textarea, select
{
color:#333333;
background:#FFFFFF;
border: 1px solid #333333;
}
/* advs */
.cubeleft1
{
position:fixed;
float:left;
}
.buttonform {
border:0px solid black;
background-color:#FFFFFF;
background:#FFFFFF;
}
.cubeleft2
{
position:fixed;
top:220px;
float:left;
}

/*Comment Boxes */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 500px;
font-size:10px;

}
textarea
{

}
.moreoptions { /*
background:url(images/moreoptions.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding:15px;
width:760px;
margin:10px 0px;
position:relative;
left:-20px;
*/
}


input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

.cssboxback
{
width:750px;

padding-top:10px;
padding-bottom:14px;
padding-left: 20px;
background:url(images/searchbox.png);
background-repeat:no-repeat;

}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.titlelinks {
color:#209D00;
}


.search{
border:none;
/*background:url(images/inputback.png);*/
background:white;
background-position:center;
width: 330px;
height:22px;
font-size:20px;
font-weight:bold;
padding:4px;
border:1px solid #666666;
font-family:Arial, Helvetica, sans-serif;
}
.roundeds { /* Search box */
padding-right:15px;
padding-left:0px;
width:342px;
}

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! s3Slider !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#s3slider {
   width: 365px; /* important to be same as image width */
   height: 123px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
width: 600px; /* important to be same as image width or wider */
position: absolute;
top: 0px;
margin-left: 0px;
left: 0px;
border: 0px;
float: left;
margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position:absolute; /* important */
   left: 152px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   vertical-align:top;
   padding: 5px 5px;
   width: 300px;
 /*background-color:#FFFFFF;
   filter: alpha(opacity=90);
   -moz-opacity: 0.9;
   -khtml-opacity: 0.9; 
   opacity: 0.9; */
   color:#000000;
   display: none; /* important */
   bottom: 2px;



   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
.top {
	top: 0;
	left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	height: 112px;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
/* s3Slider END */

.jqtop
{
background-image:url(images/jqtop.png);
background-position:left top;
background-repeat:no-repeat;
padding:0px 0px 0px 5px;
margin-top: 0;
margin-bottom: 0;
padding-bottom:0;
}

.imgchkbox {
cursor:pointer;
}
.hidchkbox {
visibility:hidden;
position:absolute;
}

table {
border-collapse:collapse;
}



/* menu index */
.menuindex {
	list-style:none;
	margin:0px 0px;
	padding:0px 0px;
	display:block;
	
}

ul.menuindex {
	list-style:none;
	margin:0px 0px;
	padding:0px 0px;
	position:relative;
	right:0px; /* without ipus = 40 */
	top:0px;
	float:left;
	
	
}

.tabsouter {
	height:460px;
	display:block;
	list-style:none;
	margin:0px 0px;
	padding:0px 0px;
	color:#333333;
}
.firsttab {
position:relative;
top:1px;
}

ul.menuindex li {
padding:0px 0 0 0;
margin:0px;
height:75px;
position: relative;
right:-1px;
width:240px;
text-align:left;
line-height:60px;
/* height:77px; */

}


ul.menuindex li a {
/* width:118px; */
display:block;
float:left;
font-size:12px;
color:#666666;
height:77px;
background:url(images/menuindex.png);
background-repeat:no-repeat;
padding:0px 0px 0px 0px;

text-decoration:none;
width:240px;
}
ul.menuindex li a:hover {
color:#FF0065;
}
ul.menuindex .current {
color:#333333;
margin:0;
background:url(images/menuindexh.png);
background-repeat:no-repeat;
width:240px;
display:block;
}
.pink
{
color:#FF0065;
}


/* end menu index */

/* SHADOW CONTAINER
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin: 0 auto;
	width:803px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
		
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
		
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
	
	


/* */

a.buttonArea:link, a.buttonArea:visited {
	color:#666666;
	display: block;
	width:180px;
	background: url(images/item.png);
	background-repeat:no-repeat;
	padding: 9px 0 7px 10px;
	font-size:12px;
}
.bubbleInfo a.buttonArea:hover {
	color: #FF0065;
	background: url(images/itemdown.png);
	background-repeat:no-repeat;
	padding: 9px 0 7px 10px;
	z-index:20;
	}

.itemcat a:link, .itemcat a:visited {
color:#333333;
}
.itemcat a:hover {
color:#FF0065;
}
.itemcat {
background-color:#FCFCFC;
background-image:url(images/catboxback.png);
background-repeat:repeat-x;
background-position:top;
text-align:left;
width:178px;
margin:0;
padding:5px;
text-transform:capitalize;
font-size:11px;
border-top:1px solid #EEEEEE;
border-right:1px solid #F4F4F4;
border-left:1px solid #F4F4F4;
}


.ui-accordion .ui-accordion-header { cursor: pointer; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }


/* Icons
----------------------------------*/

/* states and images */

.bubbleInfo {
    position: relative;
	z-index:20;
}

.popup {
	color: #555;
	position: absolute;
	display: none; /* keeps the popup hidden if no JS available */
	width: 180px;
	padding:10px;
	padding-left:15px;
	height: 85px;
	font-size:11px;
	background-image: url(images/tooltip.png);
	background-repeat: no-repeat;
}

.popup p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height:12px !important;
	text-align:left;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.popup a {
	color: #555;
}

.popup a:hover {
	color: #FF0065;
	text-decoration: none;
}

.resultstable {
padding:5px;
}

.abovemenu a {
color:#999999;
}
.abovemenu a:visited {
color:#CCCCCC;
}
.abovemenu {
color:#CCCCCC;
}
.abovemenu a:hover {
text-decoration:none;
color:#FF0065;
}
.bottomback {
background-image:url(images/bottomback.png);
background-repeat:no-repeat;
margin-left:20px;
padding-top:20px;
padding-bottom:40px;
}

/*
pre {
font-family: inherit;
white-space: pre-wrap; 
white-space: -moz-pre-wrap !important; 
display: inline;
word-wrap: break-word;
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
white-space : normal;
width:95%;
table-layout:fixed;
} 
*/
pre {
  display: inline;
  font-family: inherit;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap !important; 
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
}

table.paddedtable td {padding:2px;}

.reviewform input{
font-size:10px;
color:#006699;
border:1px solid #3b6e22;
}
.reviewform textarea {
font-size:10px;
color:#006699;
border:1px solid #3b6e22;
}
.reviewform td {
vertical-align:top;
font-size:9px;
border-spacing:5px;
}

.reviewform {
border-spacing:5px;
padding:5px;
border-collapse:separate;
}

.pages {
font-size:11px;
}

#titleeffect{ font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; color:#FF0045; }

#articles ul, #articles li{
	margin:0;
	padding:0;
	list-style:none;
	}
#articles, #articles li{ 
	text-align:left;
	padding:0px;
	padding-top:7px;
	width:331px;
	height:360px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}		

.articlelittle {
color:#FFFFFF;
padding:7px;
margin-left:6px;
}