@charset "utf-8";

/* CSS Document */

/*  search for anything

global declarations 	= GENERIC,

H1 TO H6 styling 			= HEAD,

changeable content 		= CONTENT,

navs / listings 			= NAVS,

mdoules 							= ARTICLE,

plain bg colors 			= BGS,

gradients							= GRADS,

borders								= BORDERS

visual containers			= ROUNDS,

text, fonts,					= TEXTALL,

form, input						= INPUT,

footer								= FOOTER,

Miscellaneous					= MISC,

/*



/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)

**********************************************************/

body 				{font:normal 12px Verdana !important; color:#151515; text-align:left; background:#000;}

body,form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}

h1,h2,h3,h4,h5,h6,label,a			{text-transform:capitalize; text-decoration:none;}

a 					{color:#94329c; font-weight:bold; text-decoration:none;}

a:hover 		{color:#000; text-decoration:underline;}

a:active, a:focus {outline:0} /* to avoid link borders on new browsers */

img					{border:none;}

ul,li				{padding:0; margin:0; list-style:none;}

li					{display:inline;}

label				{color:#000; font-weight:bold;}



/** HEADER ELEMENTS STYLING	(id=HEADERS) **/

h3.pinku		{color:#94329c; font-size:13px; text-transform:uppercase;}

h3.black		{color:#000; text-transform:uppercase; font-weight:bold; font-size:13px;}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)

**********************************************************/

#mainWrapper			{margin:0 auto; width:952px;}

#header						{width:100%; padding-top:15px;}

#logo							{float:left; width:246px;}

#welcome					{float:right; width:70%;}

#loginBox					{float:left; width:100%; color:#FFF;}

#loginBox label		{color:#FFF;}

#loginBox a:hover {color:#FFF;} 		 





/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)

**********************************************************/

#maincont					{padding:10px; background:#FFF;}

#leftSideBar			{float:left; width:23%;}

#content					{float:right; width:76%;}





/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)

**********************************************************/

/* top menu */ 

#topMenus				{float:left; width:100%; margin-top:25px;}

#topMenus ul.first		{float:left; width:23%;}

#topMenus ul.two		{float:left; width:18%;}

#topMenus ul.four		{float:left; width:23%;}





#topMenus li		    {float:left; width:100%;}

#topMenus li a	        {display:block; padding:5px 0 5px 15px; background:url(../images/arrow-pink.png) left no-repeat; color:#ff01fe; font-weight:normal;}

#topMenus li a:hover	{color:#FFF;}



/* global menu */

#menu					{float:left; width:100%; padding-top:2px; background:url(../images/sprite.png) center top no-repeat;}

#menu	a				{background:url(../images/divider.png) right top no-repeat; display:block; float:left; padding:10px 19px; font-size:14px; color:#FFF;}

#menu	a.blank	{background:none;}



/* left side sidebar */

.arrowlistmenu		{width: 100%; float:left; /*width of accordion menu*/}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font-size:13px; color:#05050; background: #993BA2 url(../images/titlebar-active.png) repeat-x top; margin-bottom:1px; /*bottom spacing between header and rest of content*/

text-transform: capitalize; padding: 7px 4px 6px 10px; /*header text is indented 10px*/ cursor: hand;cursor: pointer;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(../images/titlebar-active.png);color:#FFFFFF;}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/background:#dbefc6 !important;}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/background:#dbefc6 !important;}

.arrowlistmenu ul li a{color: #000; background: url(../images/arrowb.gif) no-repeat center left; /*custom bullet list image*/ display: block; padding: 5px 0px; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold;  font-size: 90%; margin-left:10px;/*border-bottom:1px solid #dadada;*/}

.arrowlistmenu ul li a:visited{color:#686766;}

.arrowlistmenu ul li a:hover{ /*hover state CSS background-color: #F3F3F3;*/ text-decoration:underline;}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/background:#dbefc6;}


/* sitemap */
ul.sitemap 			{margin-left:15px; margin-bottom:5px;}	
ul.sitemap li a {display:block; padding:3px 0 3px 15px; background:url(../images/arrowb.gif) left no-repeat;}
ul.sitemap li ul li	{margin:5px;}
ul.sitemap li ul li a	{font-weight:normal; background:url(../images/arrow-small.gif) left no-repeat; border-bottom:1px dotted #DADADA; padding:4px 0 4px 15px;}






/* 	MODULES (id=ARTICLE)

**********************************************************/





/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)

**********************************************************/

.btmRound			{background:url(../images/sprite.png) 0 -44px no-repeat; height:13px;}

 



/* 	RESUBALE GRADIENTS  (id=GRADS)

**********************************************************/  



/* 	ALL BORDER CSSs		(id=BORDERS)

**********************************************************/

.borlnrgrey				{border:solid #6d6d6d; border-width:0 1px;}

.userPic img			{border:1px solid #903099; padding:1px; background:#FFF; }
.userPic		        { text-align:center; width:150px;}	

.bordBlk					{border-right:1px dashed #000;}

.bordBtmGrey			{border-bottom:1px dashed #999999;}
/*
.infoBoxProducts img	{border:1px solid #903099; padding:1px; background:#fff;}
.infoBoxProducts		{background:#CCCCCC; border:1px solid #903099; text-align:left; width:150px;}	



.infoBoxSpecial img	{border:1px solid #903099; padding:1px; background:#fff;}
.infoBoxSpecial		{background:#CCCCCC; border:1px solid #903099; text-align:center; width:150px;}	*/

/* 	MAKE ME ROUND (id=ROUNDS)

**********************************************************/

.module01TL,.module01TR,.module01BL,.module01BR,.module02TL,.module02TR,.module02BL,.module02BR		{background:url(../images/sprite.png) no-repeat;}

/* pink corners */

.module01TL					{background-position:left top; height:44px;}

.module01TR					{background-position:right top;}



/*grey rounded corners */

.module02TL					{background-position:0 -57px; height:49px; padding-left:10px;}

.module02TR					{background-position:100% -57px; padding-right:10px;}

.module02BL					{background-position:0 -106px; height:13px;}

.module02BR					{background-position:100% -106px;}





/* 	ALL TEXT CSS	(id=TEXTAll)

**********************************************************/

/* font SIZES */

.vsmlTxt			{font-size:10px;}

.smlTxt			  {font-size:11px;}

.para					{font-size:12px;}

.big					{font-size:15px;}



/*font WEIGHTS */

.strong				{font-weight:bold;}

.normTxt		 	{font-weight:normal;}



/* text TRANSFORMS */

.allCaps			{text-transform:capitalize;}

.textU				{text-decoration:underline;}

.upperCase		{text-transform:uppercase;}



/* text ALIGN & content ALIGN for inline level ELEMENTS */

.centerAll		{text-align:center;}

.alignLeft		{text-align:left;}

.alignRight		{text-align:right;}

.justify		  {text-align:justify;}

/* colored text */

.whtTxt				{color:#FFF;}

.pinkTxt			{color:#903099;}

.blkTxt				{color:#000;}





/* 	ALL INPUT & FORM CLASSES	(id=INPUT)

**********************************************************/

.input				{background:#FFF; border:1px solid #000; padding:4px; font-size:11px;}

input.button 	{border:0; background:url(../images/button.png) no-repeat center top; color:#FFF; position:relative; cursor:pointer; font-weight:bold; text-transform:uppercase; padding:3px; font-size:12px; border:1px solid #FFF;}

.buttonEnding {position:absolute; display:inline; width:3px; height:25px; background:url(../images/button.png) no-repeat right top;}



input.button1 	{border:0; background:url(../images/button.png) no-repeat center bottom; color:#FFF; position:relative; cursor:pointer; font-weight:bold; text-transform:capitalize; padding:3px; font-size:12px; border:1px solid #000;}

.buttonEnding1 {position:absolute; display:inline; width:3px; height:25px; background:url(../images/button.png) no-repeat right bottom;}







/* 	FOOTER 	(id=FOOTER)

**********************************************************/

#footer 				{margin:10px 0px 10px 0px; color:#FFF; line-height:175%;}	

#footer a				{color:#FFF; font-weight:normal;}





/* 	REQUIRED PADDINGS / MARGINS (id=PADS)

**********************************************************/

.padOne					{padding:8px;}

.marginTop			{margin-top:10px;}
.bbb			{ border:1px solid #C475CB;}

.padBtm					{padding-bottom:8px;}

			



/* 	MISCELLANEOUS (id=MISC)

**********************************************************/

.clr	{clear:both; margin:0px !important; overflow:hidden;}

.heightOne		{height:50px}

.minHeightTwo	{min-height:158px;}
*html .minHeightTwo	{height:158px}
.minHeightone	{min-height:38px;}
*html .minHeightone	{height:38px}
.minHeight	{min-height:220px;}
*html .minHeight	{height:220px}
.minHeight1	{min-height:233px;}
*html .minHeight1	{height:233px}