@charset "UTF-8";
/* CSS Document */
* { margin:0px; padding:0px 0px 0px 0px; line-height:1.2em; }
body { background:#333333; /*url(../images/body_bg1.gif) 50% 0 repeat-y;*/ color:#2f2f2f; font:12px/1.55em arial, helvetica, sans-serif; text-align:center; }
/*.background-body { background:url(../images/body_bg1.gif) 50% 0 repeat-y; }*/
.wrapper { margin-top:20px; min-width:900px; }
.header { text-align:left; }
.header { border-top:5px solid # #FFF2D0; }
/*.header-top-container { background:url(../images/header_top_bg.jpg) no-repeat;}*/
.header-top { width:900px; background: url(images/pksoccershopheader.jpg) no-repeat; margin:0px auto; position:relative; z-index:100; height: 125px; }
.header-nav { width:900px; margin:0px auto; }
/*.middle { background-color:#ffffff; padding:25px 10px 50px 10px; }*/
.middle { width:900px; margin:0 auto; text-align:left; background-image:url(images/middle.gif); background-repeat:no-repeat; padding-top:25px;}
.col-2-left-layout { padding:25px 25px 50px 25px; }
.col-2-left-layout-contactus { padding:0px; }
.col-2-left-layout .col-main { float:right; width:572px; }
.col-2-left-layout .col-main-contactus { float:right; width:545px; }
.col-left { float:left; }
.side-col { width:250px;  }
.side-col-contactus { width:351px; }
.col-main { float:left; }
.col-main-contactus { float:left; }
.footer {
	width:900px;
	margin:0 auto;
	padding:0px;
	background-color:#34cbff;
}


/*- Menu Tabs H--------------------------- */

    #navigation-menu {
      float:left;
      width:100%;
      background:#000;
      font-size:110%;
      line-height:normal;
      }
    #navigation-menu ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #navigation-menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navigation-menu a {
      float:left;
      background:url(images/tableftH.gif) no-repeat left top;
      margin:0;
      padding:0 4px 0 4px;
      text-decoration:none;
      }
    #navigation-menu a span {
      float:left;
      display:block;
      background:url(images/tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation-menu a span {float:none;}
    /* End IE5-Mac hack */
    #navigation-menu a:hover span {
      color:#FFF;
      }
    #navigation-menu a:hover {
      background-position:0% -42px;
      }
    #navigation-menu a:hover span {
      background-position:100% -42px;
      }
	#navigation-menu ul li a.current, #navigation-menu ul li a.current:hover { color:#fff;background:transparent url("images/tableftE.gif") no-repeat top left;}
	#navigation-menu a span.current { color:#fff;background:transparent url("images/tabrightE.gif") no-repeat top right;}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE VERTICAL MENU ^^^^^^^^^^ */
.vertical_menu {
	width: 225px;
	margin-top: 10px;
	}

.vertical_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.vertical_menu li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
.vertical_menu li a:link, .vertical_menu li a:visited {
	color: #777;
	display: block;
	background: url(images/menu.gif);
	padding: 8px 0 0 20px;
	}
	
.vertical_menu li a:hover {
	color: #257EB7;
	background: url(images/menu.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
.vertical_menu li a:active {
	color: #fff;
	background: url(images/menu.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}

.vertical_menu ul li a.current, .vertical_menu ul li a.current:hover { 
	color:#fff;
	background: url(images/menu.gif)  0 -64px;
	padding: 8px 0 0 25px;
}


/* ^^^^^^^^ ABOVE IS THE CODE FOR THE VERTICAL MENU ^^^^^^^^^^ */

.board {
	position:relative;
	width:572px;
	height:217px;
	z-index:1;
	text-align:center;
}

/* #viewer  {
	text-align: right;
	position: absolute;
	left: 316px;
	top: 209px;
}*/

#fifa  {
	position: relative;
	float: left;
	width: 262px;
	padding-top: 40px;
    }
	#address {
	position:relative;
	float:right;
	display:block;
	width: 100%;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	margin-top: 110px;
	margin-bottom: 40px;
	text-align: center;
	line-height:20px;
				 }
#address_left {
	width: 50%;
	color:#333;
	float : left;
	font-size: 0.78em;
				 }
#address_center {
	width: 100%;
	color:#FFFFFF;
	text-align:center;
	font-size: 0.73em;
			 }

#address_right {
	width: 50%;
	color:#333;
	float : left;
	font-size: 0.78em;
}

.blue {
  background-color: #34cbff;
}
.gradblack {
  background-image: url(images/main_bckground.gif);
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.pkcontactinfo {
	position:relative;
	width:322px;
	height:485px;
	z-index:4;
	background-image: url(images/pkcontactinfo.gif);
	background-repeat: no-repeat;
}
.feedback {
	position:relative;
	width:535px;
	height:746px;
	z-index:3;
	background-image: url(images/feedback1.gif);
	background-repeat: no-repeat;
}
.form_name {
	position:absolute;
	width:342px;
	height:auto;
	z-index:6;
	left: 80px;
	top: 230px;
	text-align: left;
}
.form_phone {
	position:absolute;
	width:340px;
	height:auto;
	z-index:7;
	left: 80px;
	top: 316px;
	text-align: left;
}
.form_email {
	position:absolute;
	width:340px;
	height:auto;
	z-index:8;
	left: 80px;
	top: 412px;
	text-align: left;
}
.form_suggestions {
	position:absolute;
	width:auto;
	height:auto;
	z-index:9;
	left: 80px;
	top: 498px;
}
.form_title {
	position:absolute;
	width:384px;
	height:83px;
	z-index:10;
	left: 80px;
	top: 140px;
	text-align: left;
}

.form_buttom {
	position:absolute;
	width:auto;
	height:27px;
	z-index:5;
	left: 80px;
	top: 666px;
}

.form_feedback {padding-top:140px; padding-left:84px; display:block; }
.form_labels {padding-top: 42px; }
.leftad {position:relative; display:block; }
.leftadimage { position:absolute; top:40px; left:3px; background-image:url(images/backto.jpg); background-repeat:no-repeat; width:229px; height:318px;}