@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 							{color:#424242; text-align:left; background:#fff url('images/.jpg') fixed; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial}
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:#2e78d1; font-weight:normal; text-decoration:none}
a:hover 						{color:#424242; 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}
p								{line-height:150%}
input                           {border: 1px solid #aaaaaa; padding:2px; background:#fff; font:normal 11px Arial; color:#424242}
.input-all                      {border: 1px solid #aaaaaa; padding:2px; background:#fff; font:normal 11px Arial; color:#424242}
.btn_bg                   	   {background: url('images/btn_bg.gif') repeat-x left top; border:1px solid #2e78d1; color:#fff; font-weight:bold; font-size:12px; cursor:pointer}    

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h1.Logo						{float:left; width:284px; padding:40px 0 0 40px}
#TopRgt						{float:right; width:624px; padding:20px 20px 0 0; text-align:right}
.TopbannerBg				{background:url('images/Topbanner_bg.gif') no-repeat top right; height:79px; padding-left:0; padding-right:20px; padding-top:9px; padding-bottom:0}


/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper{margin:20px auto; width:968px; background:url('images/body_bg.gif') repeat-y; }
#Roundtop{background:url('images/Round_top.gif') no-repeat top; width:968px; float:left}




/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont{background:#eaf0fe; float:left; width:920px; margin:0 14px; padding:10px; display:inline}
#pic1{float:left; margin-right:9px}
#StartBrowsing{float:left; width:283px; background:url('images/Startbrowse_bg.gif') no-repeat top; height:254px; font-size:12px; color:#000; padding-left:10px; padding-right:10px; padding-top:35px; padding-bottom:0}
#findmember{float:left; width:310px; margin-right:11px; margin-top:11px}
#signup{float:left; width:287px; margin-right:9px; margin-top:11px}
#offerbg{width:283px; height:93px; float:left; margin-top:0px; color:#2e78d1; padding:10px; line-height:150%}
#membervideo{float:left; width:320px; margin-right:10px;  margin-top:11px}
#recentmember{float:left; width:340px; margin-right:10px;  margin-top:11px}
#whatweoffer{float:left; width:240px;  margin-top:11px}

.greytableTL{background:url('images/grey_table.gif') no-repeat left top; padding-left:15px}
.greytableTL span{background:url('images/grey_table.gif') no-repeat right top; color:#2e78d1; text-transform:uppercase; display:block; padding-top:5px; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Arial}
.greytableTB{background:url('images/grey_table.gif') no-repeat left bottom; padding-left:15px}
.greytableTB span{background:url('images/grey_table.gif') no-repeat right bottom; display:block; padding-bottom:3px; text-align:right; padding-right:10px}
.greytableMDL{background:url('images/grey_tableMdl.gif') repeat-y left; padding-left:6px}
.greytableMDL table{background:url('images/grey_tableMdl.gif') repeat-y right; padding-top:3px; padding-right:6px}
.greytableMDL table table{background:#fff; border:solid 1px #c2c2c2;}


/*#innerLeft{float:left; width:260px; margin-right:10px;  margin-top:11px}
#innerRight{float:left; width:650px; margin-top:11px}
*/
#innerLeft{float:left; width:210px; margin-right:10px;  margin-top:11px}
#innerRight{float:left; width:460px; margin-top:11px}
#innernewright{float:left; width:230px; margin-left:10px;  margin-top:11px}
#innermiddel{float:left; width:853px; margin-top:11px; margin-left:33px;}

.login{width:600px; margin:10px auto;}
.login legend{font-size:18px; color:#2d6609}
#leftSideBar{float:left; width:24%; margin-right:10px; padding-top:10px; padding-bottom:10px}
#content{float:left; width:48%;  padding-top:10px;  text-align:center; text-align:center}
#rightSideBar{float:right; width:24%;  padding-top:10px}


 /*** pagination
 ***************************************************/
.pagination-cont{float:left; width:100%}
ul.pagination{ float: left; width:100%; margin-top:10px}
ul.pagination li{float:left; padding:3px}
ul.pagination li a{background:url('images/pagination.png') no-repeat left top; height:35px; padding-left:3px; padding-right:0px; padding-top:2px; padding-bottom:2px}
ul.pagination li a span{background:url('images/pagination.png') no-repeat right top; height:35px; padding-left:5px; padding-right:4px; padding-top:2px; padding-bottom:2px}
ul.pagination li a:hover{background:url('images/pagination-active.png') no-repeat left top; }
ul.pagination li a span:hover{background:url('images/pagination-active.png') no-repeat left top; }


/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/

#menuOne{float:left; width:940px; margin-top:6px; background:#c9e0fc; margin:0 14px; margin-top:10px; padding-top:5px; display:inline}
#menuOne ul{margin-left:14px; padding:0px; list-style-type:; background:#e0e0e0}
#menuOne ul li{display:inline; float:left; margin-right:5px; padding:0px}
#menuOne ul li a{padding-left:4px; background:url('images/Tab_off.gif') no-repeat; display:block}
#menuOne ul li a span{background:url('images/Tab_off.gif') no-repeat 100% 0%;
								display:block; cursor:pointer; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:9px}
#menuOne li a:hover{padding-left:4px;background:url('images/Tab_on.gif') no-repeat; display:block; text-decoration:none}
#menuOne ul li a:hover span{background:url('images/Tab_on.gif') no-repeat right; display:block; text-decoration:none; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:9px}
#menuOne ul li a.active{padding-left:4px;background:url('images/Tab_on.gif') no-repeat 0% -25px; display:block;color:#767676}
#menuOne ul li a.active span{background:url('images/Tab_on.gif') no-repeat 100% -25px; display:block; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:9px}


#horzMenu                 		{float:left;  width:60%; margin-top:10%; margin-left:70px}
#horzMenu ul			  		{background: url('images/menu-bg1.gif') repeat-x left top; float:left; height:29px}
#horzMenu ul li		      		{display:inline}
#horzMenu ul li a	      		{float:left; color:#fff; padding:6px 12px; font-size:13px; border-right: 1px solid #fff}
#horzMenu ul li span      		{float:left}
#horzMenu ul li a.leftcorner	{float:left; background:url('images/Lcorn.png') no-repeat top left; }
#horzMenu ul li a.rightcorner	{background:url('images/Rcorn.png') no-repeat top right; border-right:medium none; }


/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.brd-btm                         {border-bottom: 2px dotted #faf2e1}
.brd-btm1                        {border-bottom: 1px dotted #000}
.brdall                          {border: 2px dotted #faf2e1}
.brd-rgt                         {border-right: 1px dotted #000}
.OrgBg							{background:#e24b00; padding:5px; width:58%; float:right}
.OrgBgd							{background:#EAF0FE; padding:5px; width:35%; float:right}
.img-brd img{border:solid 1px #c2c2c2;}
.img-brd img:hover{border:solid 1px #2E78D1;}
.whitebox{background:#fff; border:solid 1px #c2c2c2;}



/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vrysmlTxt		 				{font-size:9px}
.vsmlTxt						{font-size:10px}
.smlTxt							{font-size:11px}
.para							{font-size:12px}

/*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 */
.redtext{color:#FF0000;}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.txtBox							{border:1px solid #2f680c; padding:3px}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer 						{width:938px;margin:0; color:#FFFFFF; background:#2256b5 url(images/footerBg1.gif) no-repeat top; height:146px; float:left; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0; margin-bottom:15px;}
#footer a						{color:#fff;}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
.pad		 				   {padding:6px}
.margin-Top  				   {margin-top:11px}
.padTop{padding-top:15px}


/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr							{clear:both}
#headbg						{color:#424242}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F5F5F5;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 400px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  400px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 352px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

