/*[fmt]A010-100B-3*/
/*.... css reset ....*/
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
{ list-style: none;}

caption, th
{ text-align: left;}

h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}

q:before, q:after
{ content: '';}

abbr, acronym
{ border: 0;}

/*.... end of css reset ....*/
img
{ border: none;}

a
{ text-decoration: none; outline: none;}

.clearBoth
{ clear: both;}

.noBorder
{ border: 0px !important; /*[e]0px*/}

body
{ font-size: 62.5%; font-family: arial, tahoma, helvetica, "lucida grande", sans-serif; background: url(../images/bodybg.gif) repeat-x top;}

#container
{ width: 950px; margin: 0px auto; padding-bottom: 20px;}

/*~~~~~~~~~Slideshow~~~~~~~~*/
#slidecontainer
{ position: absolute; text-align: center; top: 0; width: 100%; height: 508px; overflow: hidden; left: 0;}

#slidecontainer img
{ display: block; margin: 0 auto;}

#slideshow, #slideshow div
{ width: 100%;}

#slideshow div
{ padding-top: 84px; background: url(../images/bg_mainpage_head.gif) repeat-x top;}

#slideshow div p
{ position: absolute; top: 410px; z-index: 1000; width: 951px; margin: 0 auto; font-size: 18px; left: 50%; margin-left: -475.5px;}

#slideshow div p a
{ background: url(../images/btn_blank.png); float: right; width: 125px; line-height: 34px; padding-right: 20px; color: #3ABBD1; font-weight: bold; letter-spacing: -0.5px; margin-right: 28px;}

#slideshow div p a:hover
{ color: #1590AE;}

div#img1
{ background-color: #FF9701;}

div#img2
{ background-color: #9FCB58;}

div#img3
{ background-color: #36BAD3;}

div#img4
{ background-color: #E51E2F;}

div#img5
{ background-color: #FECA14;}

#slidecontrols
{ position: relative; top: 450px; z-index: 1000; width: 920px; margin: 0 auto; text-align: right; padding: 20px 30px 20px 0;}

#slidecontrols span, #slidecontrols div
{ float: right;}

#pager a, #next, #prev
{ background: no-repeat center center; width: 14px; height: 14px; margin-right: 2px; opacity: .5; text-indent: -4000px; text-align: center; filter: alpha(opacity=50); cursor: pointer;}

#pager a
{ float: left; background-image: url(../images/bg_slidepager.png); #background-image: url(../images/bg_slidepager.gif);}

#prev
{ background-image: url(../images/bg_slideprev.png); #background-image: url(../images/bg_slideprev.gif);}

#next
{ background-image: url(../images/bg_slidenext.png); #background-image: url(../images/bg_slidenext.gif);}

#pager a:hover, #next:hover, #prev:hover
{ opacity: .7; filter: alpha(opacity=70);}

#pager a.activeSlide
{ opacity: .8; filter: alpha(opacity=80);}

#slidecontrols span
{}

/*~~~~~~~~ HEADER STYLES ~~~~~~~~*/
#header
{ width: 950px; height: 107px; margin-bottom: 15px; background: url(../images/sec_02.jpg) no-repeat;}

.logo
{ float: left; margin: 45px 0 0;}

ul#topNav
{ float: right; height: 22px; padding-top: 8px;}

/*~~~~~~~~ FOOTER STYLES ~~~~~~~~*/
.navRound
{ display: block;}

#footer
{ height: 42px; background: url(../images/footerbg.gif) no-repeat bottom;}

#footer ul
{ display: inline; float: right; margin: 10px 15px 0 0;}

#footer li
{ display: inline; font-size: 11px; color: #7E7E7E; margin-left: 8px;}

#footer li a
{ color: #7E7E7E;}

#footer li a:hover
{ color: #10B2CA;}

.copyright
{ float: left; display: inline; font-size: 11px; color: #7E7E7E; margin: 10px 0 0 15px;}

.copyright a
{ color: #7E7E7E;}

.copyright a:hover
{ color: #10B2CA;}

/*mainPage*/
body#mainPage
{ font-size: 62.5%; font-family: arial, tahoma, helvetica, "lucida grande", sans-serif; background: none repeat-x top;}

#container
{ width: 950px; margin: 0px auto; padding-bottom: 20px;}

body#mainPage #header
{ width: 950px; height: 84px; margin-bottom: 432px; background: none; position: absolute; top: 0; z-index: 100;}

#flashHolder
{ margin-bottom: 9px;}

#flashHolder img
{ display: block;}

#mainPageContent
{ margin-bottom: 9px;}

#mainSearchBar
{ position: relative; height: 49px; background: url(../images/bg_main_search.gif) no-repeat left top; margin-bottom: 9px;}

#mainPage #mainSearchBar
{ margin-top: 515px;}

#mainSearchBar .text
{ position: absolute; left: 25px; top: 15px; width: 530px; font-size: 13px; color: #484848; border: none !important; /*[e]none*/ background: transparent !important; /*[e]transparent*/}

#mainSearchBar .submit
{ position: absolute; width: 46px; height: 49px; top: 0px; left: 569px; border: none; background: transparent; cursor: pointer;}

#mainSearchBar .createMatchGroup
{ position: absolute; top: 0px; left: 641px; width:293px; height:49px}

#mainPageContent #featuredMatchGroups, #mainPageContent #popularMatchGroups
{ float: left; display: inline; padding: 0px 4px; width: 310px; height: 363px; background: url(../images/bg_groupsbox.gif) no-repeat top;}

#mainPageContent #featuredMatchGroups
{ margin-left: -4px; margin-right: 2px;}

#mainPageContent #popularMatchGroups
{ margin-right: 6px;}

#mainPageContent #featuredMatchGroups .header, #mainPageContent #popularMatchGroups .header
{ position: relative; padding-top: 15px; padding-left: 17px; height: 26px;}

#mainPageContent #featuredMatchGroups .more, #mainPageContent #popularMatchGroups .more
{ padding-left: 8px; background: url(../images/arrow_blue_small.gif) no-repeat 0px 4px; color: #A6A6A6; font-size: 10px; position: absolute; top: 17px; left: 260px;}

#mainPageContent #featuredMatchGroups .more:hover, #mainPageContent #popularMatchGroups .more:hover
{ color: #0FCAE6;}

#mainPageContent #featuredMatchGroups ul, #mainPageContent #popularMatchGroups ul
{ width: 97%;}

#mainPageContent #featuredMatchGroups li, #mainPageContent #popularMatchGroups li
{ height: 92px; padding-top: 13px;}

#mainPageContent #featuredMatchGroups li a, #mainPageContent #popularMatchGroups li a
{}

#mainPageContent #featuredMatchGroups li .thumb, #mainPageContent #popularMatchGroups li .thumb
{ float: left; display: block; width: 110px;}

#mainPageContent #featuredMatchGroups li .thumb img, #mainPageContent #popularMatchGroups li .thumb img
{ border: 1px solid #00A0B8; padding: 3px; float: none; display: block; margin: 0px auto;}

#mainPageContent #featuredMatchGroups li .title a, #mainPageContent #popularMatchGroups li .title a
{ display: block; font-size: 16px; font-weight: bold; color: #10B2CA;}

#mainPageContent #featuredMatchGroups li .categories a, #mainPageContent #popularMatchGroups li .categories a
{ display: block; font-size: 11px; color: #3C3C3C; margin-bottom: 5px;}

#mainPageContent #featuredMatchGroups li .description, #mainPageContent #popularMatchGroups li .description
{ display: block; font-size: 10px; color: #979696; margin-bottom: 5px;}

#mainPageContent #featuredMatchGroups li .users a, #mainPageContent #popularMatchGroups li .users a
{ display: block; font-size: 10px; color: #10B2CA; text-align: right;}

#mainPageContent #allCategories
{ float: left; display: inline; width: 310px; position: relative; top: 3px;}

#mainPageContent #allCategories li
{ float: left;}

#mainPageContent #allCategories li img
{ display: block;}

/*Adjust categories grid to images Width and Height - VAFA*/
#mainPageContent #allCategories input[type="image"]
{
    display:block ; border:solid #F1F1F1;Width:141px; Height:94px    
}