html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
    color: #595959;
    background-color: #fff;
}
h1, h2, h3, h4, h5
{
    color: #EEA204;
    margin: 0 0 1em;
}
h2
{
    font: 22px Arial, Helvetica, sans-serif;
    color: #EEA204;
}
h3
{
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #EEA204;
}
h3 img{display: block;}
h4{color: #EEA204;}
p{margin: 0 0 1em;}
a,
a:link,
a:visited{color: #333;}
a:hover,
a:active{color: #D90E27;}
a img{border: none;}
form{margin: 0;}
fieldset{padding: 0;}
hr
{
    height: 1px;
    border: none;
    color: #444;
    background: #444;
    margin-bottom: 1em;
}

/* ~~~ === POSITIONING SELECTORS ===================================== ~~~ */
#wrapper
{   
    position: relative;
    z-index: 1;
    width: 870px;
    margin: 0 auto;
}
#masthead
{
    position: relative;
    z-index: 13;
    height: 286px;
    background:  url(../images/10743_web_banner_p2.jpg) no-repeat 0 0;
}
#home_template #masthead{background-image: none;}
#masthead h1,
#masthead h2{display: none;}
#flash_container
{
	
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 870px;
    height: 260px;
    overflow: hidden;
}
#nav
{
    position: absolute;
    top: 260px;
    width: 870px;
    z-index: 6;
    height: 25px;
    background: url(../images/menu_bg.jpg) no-repeat 0 0;
}
#search
{
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/search_bg.jpg) no-repeat 0 0;
    width: 170px;
}
#search p
{
    height: 25px;
    margin: 0;
}
#search p input{vertical-align: middle;}
#search input.input
{
    border: none;
    width: 115px;
    background-color: transparent;    
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #B0B0B0;
    padding: 0 10px; 
}
#leftcol
{
    width: 170px;
    float: left;
}
#main
{
    width: 506px;
    float: left;
    padding: 24px 7px 30px;
    margin: 0 5px;
}
#rightcol
{
    width: 170px;
    float: right;
    padding: 0;
}
#footer
{
    width: 520px;
    clear: both;
    margin: 0 auto 24px;
    color: #333;
    font-size: 10px;
}
#footer a{color: #333;}
#footerLinks
{
    border-bottom: 1px dotted #FFB724;
    padding-bottom: 10px;
}
#footerLinks a
{
    background: url(../images/footer_bullet.gif) no-repeat 0 50%;
    padding-left: 7px;
    text-decoration: none;
}
#footerLinks a:first-child
{
    background-image: none;
    padding: 0;
}
#copyright p{margin: 0;}


/* ~~~ === MAIN NAVIGATION ================================================ ~~~ */
#nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li
{
    float: left;
    position: relative;
}
#nav a
{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    padding: 0 12px 0 6px;
    background: url(../images/menu_arrow.png) no-repeat 100% 0;
    margin: 0 0 0 4px; 
    outline: none;   
}
#nav ul ul
{
    display: none;
    position: absolute;
    top: 25px;
    left: auto;
    background-color: #5C5C5C;
    width: 180px;
    padding: 6px 0;
    z-index: 6;
}
#nav ul ul li{float: none;}
#nav ul ul a
{
    width: 180px;
    background-image: none;
    padding: 0 6px;
    height: auto;
    line-height: 16px;
    float: none;
}
#nav ul ul ul
{
    width: 168px;
    position: static;
    margin: 0;
    padding: 0 0 0 12px;
}
#nav ul ul ul a{float: none;}

#nav li.active a,
#nav li.active li.active a,
#nav li.active li.active li.active a{color: #D90E27;}
#nav li.active ul a,
#nav li.active li.active ul a{color: #fff;}

/* ~~~ === ROLLOVERS ========================================================= ~~~ */
#nav ul li.sfhover ul,
#nav ul li:hover ul
{
    display: block;
    left: 0;
}
#nav a:hover,
#nav li.active ul a:hover,
#nav li.active li.active ul a:hover{color: #FCB924;}
   
/* ~~~ === SPONSOR LINKS ====================================================== ~~~ */
#sponsors
{
    position: absolute;
    bottom: 25px;
    right: 0;
	z-index: 4;
	width: 607px;
	height: 100px;
}
#sponsorlinks
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sponsorlinks li
{
	position: absolute;
}
#sponsorlinks li a
{
    display: block;   
    text-decoration: none;
	text-indent: -9999em;
	color: #fff;
}
#sponsor-1
{
	
}
#sponsor-2{left: 153px;}
#sponsor-5{left: 273px;}
#sponsor-4{left: 480px;}
#sponsor-1 a{width: 153px; height: 100px;}
#sponsor-2 a{width: 120px; height: 100px;}
#sponsor-4 a{width: 125px; height: 80px;}
#sponsor-5 a{width: 207px;  height: 80px;}

/* ~~~ === MEMBER NAVIGATION ================================================ ~~~ */
#memberLinks
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 213px;
    right: 2px;
    height: 40px;
    z-index: 12;
}
#memberLinks li
{
    float: left;
    margin-top: 20px;
}
#memberLinks a
{
    display: block;
    float: left;
    height: 24px;
    padding: 0 12px; 
    line-height: 24px; 
    color: #fff; 
    text-decoration: none; 
}
#memberLinks li:first-child a
{
    background: url(../images/bullet.png) no-repeat 100% 50%;
    padding-right: 16px;
}
#memberWelcome
{
    position: absolute;
    top: -12px;
    right: 10px;
    margin: 0;
    color: #fff;
}
/* ~~~ === PROMO NAVIGATION ================================================== ~~~ */

#promos{height: 69px;}
#iconLinks 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 4px solid #fff;
}
#iconLinks li
{
    width: 170px;
    height: 60px;
    float: left;
    border-right: 5px solid #fff;
}
#iconLinks a
{
    display: block;
    width: 170px;
    height: 60px;
    float: left;    
}
#iconLinks a img{border: none; display: block;}
#iconLinks #iconFanzone,
#iconLinks #iconHospitality{border: none;}
#iconLinks #iconHospitality,
#iconLinks #iconHospitality a{float: right;}

/* ~~~ === GAME SCHEDULES ====================================================== ~~~ */
#gameScheduleIcons
{
    height: 36px;
    background-color: #000;
    margin-top: 3px;
}
#gameScheduleIcons ul
{
    list-style-type: none;
    margin: 0 0 0 6px;
    padding: 0;
}
#gameScheduleIcons li
{
    position: relative;
    float: left;
}
#gameScheduleIcons a.teamicon
{
    position: relative;
    display: block;
    width: 62px;
    height: 12px;
    float: left;
    border: 1px solid #333;
    outline: none;
    margin: 1px;
    background-position: 0 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 18px 0 2px; 
}
/* ~~~ Game Schedule Popup ~~~ */
div.scheduleDetail
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    width: 248px;
    background-color: #000;
    border: 1px solid #333;
    padding: 8px;
}

#gameScheduleIcons div.scheduleDetail a.close
{
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    border: none;
    background: url(../images/close.gif) no-repeat 0 0;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    outline: none;
}
#gameScheduleIcons div.scheduleDetail img
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}
#gameScheduleIcons div.scheduleDetail h1
{
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    padding: 18px 4px 0 0;
    text-transform: uppercase;
    float: right;
}  
#gameScheduleIcons div.scheduleDetail h1 span
{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
} 
#gameScheduleIcons div.scheduleDetail p
{
    clear: both;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 0 4px;
    margin: 0;
    text-align: center;
}
#gameScheduleIcons li.lastChild div.scheduleDetail
{
    right: 0;
    left: auto;
}
#gameScheduleIcons a:hover{background-position: 0 -32px;}
#gameScheduleIcons a.viewGallery
{
    color: #E62328;
    text-decoration: none;
}

/* ~~~ === MAIN CONTENT =================================================== ~~~ */
#home_template #main h2{display: none;}
#home_template #main{width: 520px; padding: 0;}

/* ~~~ === HOME PAGE ======================================================= ~~~ */
/* ~~~ === NEWS PANEL ============ ~~~ */
#home_template #main{padding-top: 0;}
#news
{
    position: relative;
    margin-bottom: 5px;
}
#newsHeading
{
    position: relative;
    z-index: 4;
    height: 51px;
    background: #000 url(../images/news_heading_bg.png) repeat-x 0 0;
}
#newsHeading h1
{
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 0;
    color: #949494;
    vertical-align: bottom;
    padding: 0 0 0 10px;
    position: absolute;
    left: 0;
    bottom: 4px;
}
#newsOverlay
{
    position: relative;
    z-index: 2;
    height: 268px;
    background: transparent url(../images/news_background_overlay.png);
}
#newsCopy
{
    position: absolute;
    top: 63px;
    left: 12px;
    width: 203px;
    color: #C2C2C2;
}
#newsCopy p
{
    margin: 0 0 10px; 
    line-height: 1.3em;
}
#newsCopy a.viewmore
{
    color: #e89c1a;
    text-decoration: none;
    background-image: none;
}
#newsCopy a.viewmore:hover{color: #E62328;}
#rimage
{
    position: absolute;
    left: 223px;
    bottom: 0;    
}
#newsItems
{
    position: absolute;
    top: 48px;
    right: 0;
    width: 173px; 
    height: 220px; 
    background: url(../images/overlay_side.png) repeat-y 0 0;    
}
#newsItems ul
{
    list-style-type: none;
    margin: 0 4px 0 4px;
    padding: 0;
}
#newsItems li
{
    margin-top: 2px;
    height: 44px;
    background: url(../images/news_thumb_shadow.png) no-repeat 1px 1px;
    font: 10px/1em Arial, Helvetica, sans-serif;
}
#newsItems li a
{
    display: block;
    height: 39px; 
    text-decoration: none;    
    padding: 6px 1px 2px 6px;
    color: #fff;    
}
#newsItems li a img
{
    float: left;
    width: 83px;
    height: 34px;
    overflow: hidden;
    margin-right: 5px;
}
#newsItems li a:hover
{
    background: url(../images/bg_dotted_dark.gif) no-repeat 0 0;
    padding: 5px 0 0 5px;
    border: 1px dotted #E62328;
    color: #fff;
}
#externalServicelinks
{
    margin: 10px 8px 0;    
    text-align: center;
    font-size: 10px;
    line-height: 1.3em;
}
#externalServicelinks a
{
    color: #949494;
    text-decoration: none;
    font-size: 10px;
    background: url(../images/facebook.gif) no-repeat 0 0;
    padding: 3px 0 3px 22px;
}
#externalServicelinks a:hover{text-decoration: underline;}
#news dl.first dt a.smlImage img{display:none;}
#playerProfileContainer
{
    position: absolute;
    top: 16px;
    right: 0;
    width: 170px;
    height: 181px;
    color: #000;
}
#playerProfileContainer div.playerCopy
{
    width: 74px;
    padding: 10px 0 0 10px;
}
#playerImage
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
#playerProfileContainer h3.heading
{
    height: 24px;
    padding-left: 2px;
}
#playerProfileContainer div.innerBox
{
    height: 156px; 
    background: url(../images/home_player_profile_bg.gif) no-repeat 0 0;
    border-left: 1px solid #fff;
}

/* ~~~ === Latest News ====== ~~~ */
dl.newssnippet
{
    width: 264px;
    margin: 0 0 6px;
    padding-left: 11px;  
}
dl.newssnippet{color: #fff;}
dl.newssnippet dt a
{
    color: #fff;
    text-decoration: none;   
}
dl.newssnippet dt a,
dl.newssnippet dt a:link,
dl.newssnippet dt a:visited{color: #fff;}
dl.newssnippet dt
{
    padding-left: 10px;
    background: url(../images/arrow_more.png) no-repeat 0 3px;
}
dl.firstchild dt
{
    border-bottom: 1px dotted #B37E18;
    padding-bottom: 6px;
}

dl.newssnippet dd{margin: 0;}
dl.newssnippet dd.snippetDesc{display: none;}
dl.featureSnippet
{
    width: 268px;
    color: #3C2D10;
    font-size: 10px;
    padding: 0 0 0 11px;
    margin-bottom: 16px;
}
dl.featureSnippet dt
{
    height: 50px;
    vertical-align: bottom;
    color: #FBB823;
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 0;
    background-image: none;
    padding: 0;
}
dl.featureSnippet span.newsDate{display: none;}
dl.featureSnippet dd.snippetDesc{display: block;}

dl.featureSnippet dt a,
dl.featureSnippet dt a:link,
dl.featureSnippet dt a:visited
{
    color: #FBB823;
    text-decoration: none;
}
dl.featureSnippet a,
dl.featureSnippet a:link,
dl.featureSnippet a:visited{color: #fff; text-decoration: none;}
dl.newssnippet dd.newsSnippetLinks{display: none;}
dl.featureSnippet dd.newsSnippetLinks
{
    margin-top: 4px;
    display: block; 
    color: #fff;
}
    
/* ~~~ === MOOLOO VIDEOS ============================================================== ~~~ */
#moolooTV
{
    width: 168px;
    border: 1px solid #000;
    padding: 0;
    margin-bottom: 5px;
    background-color: #000;
}
#default_template #moolooTV{margin-top: 2px;}
#moolooTV h3
{
    display: block;
    background: url(../images/heading_moovies.gif) no-repeat 0 0;
    height: 52px;
    margin: 0;    
}
#moolooTVPlayer
{
    margin: 0;
    background-color: #000;
}
#moolooTVPlayer dt{height: 134px;}
#moolooTVPlayer dd{margin: 0;}
#moolooTVPlayer dd.first{background: url(../images/black_transparent_50_percent.png) no-repeat 0 0;}
#moolooTVPlayer dd
{
    background: url(../images/black_transparent_75_percent.png) no-repeat 0 0;
    border-top: 1px solid #333;
    line-height: 18px;
}
#moolooTVPlayer dd a
{
    display: block;
    background: transparent url(../images/video_arrow.gif) no-repeat 4px 50%;
    padding: 1px 0 1px 14px;
    color: #fff;
    text-decoration: none;
    outline: none;
}
/* ~~~ ===COUNTDOWN CLOCK ======= ~~~*/
#countdown
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding-left: 110px;
    font-size: 10px;
    background: url(../images/countdown_label.gif) no-repeat 0 0;
}
#countdown span{color: #FCB825;}

/* ~~~ === MID BANNERS ========= ~~~ */
#midBanners
{
    height: 114px;
    margin-bottom: 5px;
    background: #700001 url(../images/mid_banners_bg.jpg) no-repeat 0 0;
}
#midBanners div.sideBox{float: left;}
#midBanners img{display: block;}

/* ~~~ === UPCOMING EVENTS ===== ~~~ */
#newsHeadlines
{
    clear: both;
    height: 104px;
    overflow: hidden;
    background: #EAA01D url(../images/highlights_bg.jpg) no-repeat 0 50px;
}
#newsHeadlines h3
{
    margin: 0; 
    border-bottom: 1px solid #fff;
}
#newsHeadlines ul
{
    list-style-type: none;
    margin: 4px 11px;
    padding: 0 0 11px;
    color: #FFDC98;
}
#newsHeadlines li
{
    line-height: 22px;
    border-bottom: 1px dotted #AA6F15;
    background: url(../images/arrow_more.png) no-repeat 0 50%;
    padding-left: 10px;
}
#newsHeadlines a
{
    color: #fff;
    text-decoration: none;
}


/* ~~~ === EVENTS ============================================================ ~~~ */
#events
{
    margin-bottom: 5px;
    position: relative;
}
#events h3{margin: 0; border-bottom: 1px solid #fff;}
#events div.copy
{
    height: 176px;
    background: url(../images/events_bg.jpg) no-repeat 0 0;
    color: #BDBDBD;
    font-size: 10px;
    overflow: hidden;
}
#events ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;   
}
#events li
{
    width: 150px;
    float: left;
    display: inline;
    margin: 11px;
}
#events li h4
{
    border-bottom: 1px dotted #6E6E6E;
    padding-bottom: 4px;
    font-weight: normal;
    font-size: 11px;
}
#events a
{
    color: #fff;
    text-decoration: none;
}

/* ~~~ === LEFT RIGHT COLUMN BOXES =========================================== ~~~ */
div.sideBox
{
    margin-bottom: 5px;
    font-size: 10px;     
}
div.sideBox h3{}

/* ~~~ Standings Results Box ~~~ */
div.standingsResults h3
{
    background-color: #000; 
    margin: 0;
}
div.standingsResults table
{
    width: 100%;
    border-collapse: collapse;     
}
div.standingsResults table th
{
    font-weight: normal;
    background-color: #000;
    padding: 2px;
    color: #FCB924;
    border-bottom: 1px solid #fff;
}
div.standingsResults table td
{
    padding: 2px 5px;
    color: #fff;
    border-bottom: 1px solid #fff;  
}
div.standingsResults table tr.highlight{font-weight: bold;}
div.standingsResults table tr{background-color: #EFA920;}
div.standingsResults table tr.even{background-color: #E39518;}
div.competition
{
    background: #E09A1C url(../images/mooloo_comp.gif) no-repeat 0 0;
    color: #fff;
    padding: 12px;
    height: auto;
}
div.competition h3.heading
{
    color: #fff;
    margin: 0 0 4px;
}
div.competition a
{
    color: #fff;
}
/* ~~~ === VIEW GALLERY ================================================ ~~~ */
div.viewGallery
{
    background-color: #000;
    padding-bottom: 20px;
}
div.viewGallery h3{margin: 0;border-bottom: 1px solid #fff;}
#wipe1
{
    overflow: hidden; 
    position: relative; 
    width: 170px; 
    height: 156px;
}
/* ~~~ === POLLS ======================================================= ~~~ */
div.polls
{
    background: #800000 url(../images/mooloo_polls_bg.jpg) no-repeat 0 0;
    color: #fff;
    padding: 12px 12px 8px;  
}
div.polls h3.heading{margin: 0;}
div.polls p{margin: 0 0 4px;}
div.polls table td{padding: 1px 2px;}

/* ~~~ === PAGINATION ===================================================== ~~~ */
.pagination_summany
{
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}
p.pagination{clear: both;}
a.pagination_first,
a.pagination_previous,
a.pagination_next,
a.pagination_last,
a.pagination_group
{
    /*background: transparent url(../images/icons/pagination_left.gif) no-repeat 0 50%;*/
    text-decoration: none;
    padding: 2px 0 2px 6px;
    font-size: 11px;
}
a.pagination_first span,
a.pagination_previous span,
a.pagination_next span,
a.pagination_last span,
a.pagination_group span
{
    /*background: transparent url(../images/icons/pagination_right.gif) no-repeat 100% 50%;*/
    padding: 2px 6px 2px 0;
}
a.pagination_first:hover,
a.pagination_previous:hover,
a.pagination_next:hover,
a.pagination_last:hover,
a.pagination_group:hover{}
a.pagination_active{font-weight: bold; color:#D90E27;}

/* ~~~ === SEARCH RESULTS ========================================================================== ~~~~ */
#searchKeywords
{
    margin: 0 0 .5em;
}
#searchResults{margin: 0 0 14px;}
#searchResults dl
{
    margin: 0 0 1em;
    padding-bottom: 4px;
    background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
}
#searchResults dd{margin: 0 0 1em;}
#searchResults dt a b,
#searchResults dd b
{
    font-style: italic;
    color: #D42929;
}
#searchResults dt
{
    font: bold 17px Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin: 6px 0;
}

/* ~~~ === VIRTUAL SELECTOR LEADER BOARD =================================================================== ~~~ */
table.userResults,
table.topTen
{
    width: 100%;
    border-collapse: collapse;
    background-color: #000;
    margin: 0 0 1em;
}
table.userResults thead th,
table.topTen thead th
{
    text-align: left;
    padding: 2px 8px;
    background-color: #000;
    color:#fff;
    border: 1px solid #2F3030;
}
table.userResults thead th.points,
table.topTen thead th.points{width: 50px; text-align: center;}
table.userResults tbody th,
table.topTen tbody th
{
    font-weight: normal;
    text-align: center;
    width: 1%;
    white-space: nowrap;
    border: 1px solid #2F3030;
    padding: 2px 8px;
}
table.userResults tbody td,
table.topTen tbody td
{
    padding: 2px 4px;
    border: 1px solid #2F3030;
}
table.topTen tbody tr.even{background-color: #232222;}
table.userResults tbody tr.bright{background-color:#eee;}
table.userResults tbody tr.brighter{background-color:#ddd;}
table.userResults tbody tr.brightest{background-color:#E92716;}

/* ~~~ === PRODUCTS ================================================================================ ~~~ */
#productCategories{margin: 14px;}
#productCategories dl
{
    width: 164px;
    height: 180px;
    float: left;
}
#productCategories dt
{
    height: 164px;
    text-align: center;
}
#productCategories dt img
{   
    border: 1px solid #000;
}
#productCategories dd
{
    margin: 0;
    text-align: center;
}

/* ~~~ PRODUCT LISTINGS  ~~~ */
#productListing{margin:14px 0;}
#productListing dl
{
    width: 45%;
    height: 204px;
    float: left;
    margin: 14px 0;
}
#productListing dt{text-align: center;}
#productListing dd
{
    margin: 0 0 4px;
    text-align: center;
}
#productListing dd.price{font-weight: bold;}
/* ~~~ PRODUCT DETAILS ~~~ */
#productDetails{position: relative;}
#productDetails dl{margin: 0;}
#productDetails h3{margin: 0;}
#productDetails dt
{
    width: 300px;
    float: right;
}
#productDetails dd
{
    margin: 0 314px .3em 0;
    line-height: 1.5em;
}
#productDetails tbody th,
#productDetails tbody th{padding: 2px 4px 2px 0;}
#productDetails tfoot td{padding: 6px 0;}
#productDetails em{font-size: 13px;}
#productDetails h3{font-size: 20px;}
#productDetails dd.price{font-size: 18px;}
#productDetails p.note
{
    clear: both;
    margin: 0;
}
#productDetails div.box
{
    clear: both;
    background-color: #ccc;
    border: 1px solid #666;
    margin: 0 0 1em;
    text-align: center;
}
#productDetails div.box p
{
    height: 30px;
    padding: 12px 0 0;
    margin: 0;
}
#productDetails div.box p input,
#productDetails div.box p select,
#productDetails div.box p a{vertical-align: middle;}
#linkPurchaseBlank,
#purchaseLink,
#linkPurchase
{
    border:2px outset #8F8C86;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}
#linkPurchase:hover{cursor: default}

/* ~~~ === CART SUMMARY ============================================================================ ~~~ */
#cartSummary
{
    position: relative;
    background-color: #ccc;
    border: 1px solid #333;
    text-align: center;
    margin: 0 0 1em;
}
#cartSummary p
{
    line-height: 34px;
    margin: 0;
}
#cartSummary a.cartLink
{
    background: url(../images/icons/cart.gif) no-repeat 0 50%;
    padding: 2px 4px 2px 22px;
}
#cartSummary a.checkoutLink
{
    background: url(../images/icons/checkout.gif) no-repeat 0 50%;
    padding: 2px 2px 2px 27px;
}
/* ~~~ === CHECKOUT ================================================================================= ~~~ */
#orderDetails h3,
#checkout h3{margin: 0;}
fieldset
{
    border: none;
}

/* ~~~ === IMAGE OVERLAY PERSONALISED ======= ~~~ */
#namingNumbering
{
    position: absolute;
    width: 424px;
    top: 108px;
    left: 273px;
    background-color: #fff;
    border: 2px solid #666;
    z-index: 1;
    color: #000;
}
#namingNumbering h3{color: #949494;}
#namingNumbering div.copy{margin: 15px;}
#namingNumbering div.copy p.right{margin: 0;}
#namingNumbering p.note{font-size: 13px; margin: 0;}
#namingNumbering table.formtable{width: 400px; color: #000;}
#namingNumbering table.formtable tbody th{color: #fff;}
#namingNumbering table.formtable em{font-size: 11px;}
#namingNumbering img
{
    display: block;
    margin: auto;
}
#imageOverlay
{
    width: 400px;
    position: absolute;
    top: 314px;
    left: 14px;
    z-index: 2;
}
#nameOverlay
{
    font-size: 17px;
    font-weight: bold;
    color:#fff;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    height: 24px;
    width: 398px;
}
#numberOverlay
{
    font: bold 74px Impact, Arial;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    width: 398px;
    height: 74px;
}
#closeWindowButton{color: #949494;}

/* ~~~ === FORMS ======================================================== ~~~ */
table.formtable
{
    width: 100%;
    border: 1px solid #2F3030;
    margin: 1em auto;
    border-collapse: collapse;
    background-color: #000;
}
table.formtable td,
table.formtable td a{color: #999;}
table.formtable thead th
{
    background-color: #000;
    font-size:11px;
    font-weight: normal;
    text-transform : uppercase;
    text-align: left;
    color: #FDB824;
    padding: 4px 8px;
    border: 1px solid #2F3030;
    white-space: nowrap;
}
table.formtable thead th.center{text-align: center;}
table.formtable thead th.right{text-align: right;}
table.formtable tbody th
{
    text-align: right;
    white-space: nowrap;
    width: 1%;
    font-weight: normal;
    padding: 4px 4px 4px 12px;
    color:#CFCFCF;
}
table.formtable tbody td{padding: 4px 8px;}
table.formtable tfoot td{padding: 4px 8px 12px;}
table.formtable tbody th.padTop,
table.formtable tbody td.padTop{padding-top: 16px;}
table.formtable tbody th.padBottom,
table.formtable tbody td.padBottom{padding-bottom: 16px;}
.isEmail,
.input{font: 11px Verdana, Arial, Helvetica, sans-serif;}
.invalid{border: 1px solid red;}
.button{font: bold 11px Verdana, Arial, sans-serif;}

/* ~~~ === TABLES ========================================================= ~~~ */

#newsDetails table,
table.borderedTable
{
    clear: both;
    border-collapse: collapse;
    border: 1px solid #2F3030;
    background-color: #000;
    margin: 0 0 1em;
}
#newsDetails table tbody th,
table.borderedTable thead th,
table.borderedTable tbody th
{
    background-color: #000;
    color: #FCB924;
    font-weight: normal;
    font-size: 11px;
    padding: 4px;
    border: 1px solid #2F3030;
}
#newsDetails table tbody td,
table.borderedTable tbody td
{
    padding: 4px;
    border: 1px solid #2F3030;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #CFCFCF;
}
table.borderedTable tbody td a{color: #fff;}
table.borderedTable tbody tr.even{background-color:#232222;}
.rowBold{font-weight:bold}
table.borderedTable{width: 100%;}

/* ~~~ === SITEMAP ================================================================================== ~~~ */

#sitemap h3
{
    background: url(../images/icons/base.gif) no-repeat 2px 0;
    margin: 16px 0 0 16px;
    padding:0 0 5px 18px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul
{
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}

ul.sitemap li
{
    line-height: 20px;
    padding-left: 7px;
    position: relative;
}
ul.sitemap a,
ul.sitemap li.lastchild li a
{
    background: url(../images/icons/page.gif) no-repeat 0 50%;
    padding: 4px 0 4px 26px;
}
.lastchild{background-color: #fff;}
li.lastchild a,
ul.sitemap li.lastchild li.lastchild a{background: #fff url(../images/icons/page_bottom.gif) no-repeat 0 0;}


/* ~~~ ==== VEBS ============================================================================================= ~~~ */
#apDiv1 
{
	position:absolute;
	left:39px;
	top:354px;
	width:394px;
	height:389px;
	z-index:12;
	display: none;
}
#playerVeb
{
    position: absolute;
    top: 382px;
    right: 260px;
    z-index: 12;
    display: none;
}

/* ~~~ === CLASSES ============================================= ~~~ */
a.more
{
    background: url(../images/arrow_more.png)  no-repeat 100% 3px;
    padding-right: 10px;
}
a.viewmore
{
    background: url(../images/arrow_more.gif)  no-repeat 100% 3px;
    padding-right: 10px;
}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.clear{clear: both;}
.hide{display: none;}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}