/* RESET ----------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus {	outline: 0; }
body { line-height: 1;}
ol, ul {	list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td {	text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }


/* CLEAR FIX : START ------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* WinIE7 only */
*:first-child+html .clearfix{ height:1%; }

/* WinIE6 and below */
/*?*/
* html .clearfix{ height:1%; }
/**/

/* MacIE only */
/*?*//*/
.clearfix{
    display:inline-table;
}
/* CLEAR FIX : END ------------------------------------------------- */

body { color: #ccc;  background: #0f1512 url(../images/bg_top.jpg) repeat-x top; text-align: center; font: 12px Verdana, Arial, sans-serif; }

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

h1, h2, h3, h4, h5, h6 { color: #f5e320; padding: 0px 0px 15px 0px; font-weight: bold;}
h1 {font-size: 200%; }
h2 {font-size: 150%; }
h3 {font-size: 100%; }

ol { margin: 10px 0 0 20px; list-style-type: decimal; }


#container { width: 960px; margin: 0 auto 0 auto; background: transparent url(../images/container_bg.png) repeat-y;  padding-left:72px; padding-right: 72px;  }

#header { position:relative; width: 960px; margin: 0 auto 0 auto; background: url(../images/header_bg.jpg) no-repeat top;  height: 136px; z-index:20;  }
#header div.image { position: absolute; top:0; left: 424px;  height: 120px; width: 445px; background: transparent url(../images/header_image_01.png) no-repeat; z-index: 50; }
#header div.user-info { position: absolute; color: #ffcc00; top:0; right: 0px;  height: 22px; font-size: 12px; background: transparent url(../images/trans_bg_black.png); border: solid 1px #b38c24; z-index: 100; text-align:right; line-height: 22px; padding-right: 10px; }
#header div.user-info a { color: #ff8400; text-decoration: none; padding: 0 10px; border-left: 1px solid #0cb907; }
#header div.user-info a:hover { color: #ffc700; }
#header div.user-info span { padding: 0 10px 0 15px; }
#header div.user-info ul li:first-child a { border: 0; }
#header div.user-info ul li { display: inline; }

#nav { position: relative;  background: url(../images/nav_bg.png) no-repeat top; height: 48px; margin-left: 2px;  }
#nav ul#menu { float: left; margin: 0 50px;}
#nav ul#menu li { display: inline; position: relative; }
#nav ul#menu li a { float: left; display: block; height: 22px; background: url(../images/navi_sprite.png) no-repeat;}
#nav ul#menu li a#home { width: 94px;  }
#nav ul#menu li a#about { width: 120px; background-position: -94px 0; }
#nav ul#menu li a#testimonials { width: 153px; background-position: -214px 0;  }
#nav ul#menu li a#contact { width: 143px; background-position: -367px 0;  }
#nav ul#menu li a#faq { width: 65px; background-position: -510px 0;  }

#nav ul#menu li a#home:hover { width: 94px; background-position: 0 -29px;  }
#nav ul#menu li a#about:hover { width: 120px; background-position: -94px -29px; }
#nav ul#menu li a#testimonials:hover { width: 153px; background-position: -214px -29px;  }
#nav ul#menu li a#contact:hover { width: 143px; background-position: -367px -29px;  }
#nav ul#menu li a#faq:hover { width: 65px; background-position: -510px -29px;  }

#header #choose-game { position: absolute; right: 0px; top: 90px; width: 164px; height: 26px; z-index:200; }
#header #choose-game #choose-game-trigger { display: block; float:right; width: 164px; height: 26px; background: transparent url(../images/choose_game.png) no-repeat;  cursor: pointer; }

#header #choose-game #links { position: absolute; right: 0px; width: 175px; margin-top:27px; background-color: #0f1512; border: solid 1px #ffd200; padding:10px; text-align: left;}
#header #choose-game ul { line-height: 25px; }
#header #choose-game ul a { color: #abbfb5; text-decoration: none; }
#header #choose-game ul a:hover { color: #ffcc00; }


#content { text-align: left; margin-left: 3px; }
#content-header { margin-bottom: 10px; }

#content div#left { float:left; width: 725px; padding: 10px 0px 10px 10px;  }
#content div#right { float:right; width: 200px; padding: 10px;}

#footer {background: url(../images/bg_bottom.jpg) repeat-x top; padding-top: 30px; margin-bottom: 30px; }
#footer_content { width: 960px; margin: 0 auto 0 auto; text-align: left; color: #ccc; font-size: 12px; line-height: 1.5; margin-top: 10px; }
#footer_content a { color: #218e5b; text-decoration: none; padding: 0 5px; border-left: 1px solid #218e5b; }
#footer_content a:hover { color: #abbfb5; }
#footer_content ul li:first-child a { border: 0; }
#footer_content ul li { display: inline; }
#footer_content p { padding: 5px; font-size: 10px; margin-bottom: 15px; margin-top: 10px; }


/* Forms --------------------------------------------------------- */
form {padding: 0; margin: 0;}
fieldset { padding: 10px; margin: 0 0 15px 0;  }
fieldset legend {  background: transparent url(../images/field_header.png) no-repeat; padding: 8px 20px 8px 15px; height: 30px; width: 100% !important;  font-weight: bold; font-size: 14px; color: #ffffff; }
fieldset legend span { display: block; width: 381px; }
fieldset ol { margin: 0; list-style-type: none; }
fieldset ol li { clear: both; margin-top: 10px;}
fieldset label { display: block; width: 150px; float: left; font-weight: bold; line-height: 22px; text-align: right; margin-right: 5px;}

input[type=text], input[type=password], textarea, select { background-color: #eee; border: 1px solid #88d0b3; width: 300px; padding: 2px; color: #111; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #fed100;  color: #111; }

/* added for the fields on the order container */
.order-container fieldset label {color: #222;}

button, submit { background: #0e1c1a url(../images/btn_bg.jpg) repeat-x; border: solid 1px #705a1e; color: #ff8400; padding: 5px; cursor: pointer; }
button:hover, submit:hover { border: solid 1px #cfa637; color: #ffc700;  }

a.button { text-decoration: none; background: #0e1c1a url(../images/btn_bg.jpg) repeat-x; border: solid 1px #705a1e;  color: #ff8400; padding: 5px 12px;	padding-top: 6px;	margin-left: 10px; line-height:15px; height:30px; cursor: pointer; position: relative; }
a.button:hover {border: solid 1px #cfa637; color: #ffc700;}

/* PANEL BOX */
.globalbox {
  padding: 10px;
	min-height:200px;
	border:1px solid #406656;
	background-color:#27352f;
}

/* NEWS BOX */
.newsbox {
  padding: 10px;
	min-height:100px;
	border:1px solid #406656;
	background-color:#27352f;
}

/* CART BOX */
#cartbox {width: 199px; background:url(../images/cart_top.png) no-repeat; padding-top: 52px; color: #111; margin-bottom:10px;  }
#cartbox div#cartbox-wrapper {width: 199px; padding-bottom: 12px;  background:url(../images/cart_bottom.png) no-repeat bottom; }
#cartbox div#cartbox-body { width: 169px; background:url(../images/cart_middle.png) repeat-y; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }

/* ERROR MSG */
.error-msg { padding: 15px; color: #990000; background-color: #faf5ea; border: solid 1px #f1ac88; }

/* CHAT SUPPORT BOX */
#supportbox {width: 199px; background:url(../images/chat_support_top.png) no-repeat; padding-top: 64px; color: #111; margin-bottom:10px;}
#supportbox div#supportbox-wrapper {width: 199px; padding-bottom: 15px;  background:url(../images/chat_support_bottom.png) no-repeat bottom; }
#supportbox div#supportbox-body { width: 169px; background:url(../images/chat_support_middle.png) repeat-y; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
#supportbox div#supportbox-body p {margin-top:10px;}
#supportbox div#supportbox-body p a {color: #111;}
#supportbox div#supportbox-body p a:hover {color: #990000;}

.entry-field-error { color: #e85209; }

/* HOME */
#featured-box { width:210px; float:left; padding: 40px 10px 10px 10px; background: url(../images/featured_services_bar.png) no-repeat; text-align:right; }
#home-content { width:490px; float:left; }

#home-content div.item-box { margin-bottom: 20px;}
#home-content p { color: #fff; margin: 0px 10px 10px 0px; line-height: 16px; font-weight:bold; }
#home-content div.item-box img { display: block; float:left; width:92px;}
#home-content div.item-box p {float:left; margin: 0px 0px 0px 15px; width: 350px; color: #fff; line-height: 16px; font-weight:bold;}
#home-content div.item-box p span { color: #f5e320; }

#home-header { margin-bottom: 10px; }


/* ORDER */

div.order-container{ background:url(../images/order/content-bg.gif) repeat-y; margin-top:10px;	padding: 10px;	min-height:200px; }

.sub-header{ background:url(../images/order/sub_header.png) no-repeat; color:#6a4829; font-size:18px; font-weight:bold; height:64px; line-height:60px; padding-left:45px; }

.order-select{ 	border:1px solid #b97d47; color:#4f351e; width:200px; text-align:center; }

.order-addons{ 	border-left:2px solid #3b4753; border-top:2px solid #3b4753; width:680px; height:21px; background:#a3aeb8; color:#485460 }

.order-listaddons{	width:678px;  border-left:2px solid #3b4753; border-right:2px solid #3b4753; border-top:2px solid #3b4753; height:30px; background:#cdd6de;	color:#485460; text-align:left; line-height:30px; }

.order-accountinfo{	width:660px; background:url(../images/order/account-sub-bg.jpg) repeat-x; height:25px; line-height:25px; border-left:1px solid #6c4b2b; border-right:1px solid #6c4b2b; }

/* PACKAGES */
#package { margin-top:5px;}
#package div.wide-column { float:left;width:450px;margin-left:10px}
#package div.narrow-column {float:left;width:210px;padding-top:20px;padding-bottom:20px;margin-left:10px;border:solid}
#package div.item-box {margin-bottom: 15px;}
#package p { color: #fff; line-height: 16px; }
#package div.item-box img { display: block; float:left; width:92px;}
#package div.item-box p {margin: 0px 0px 10px 10px; width:300px; color: #fff; line-height: 17px;}
#package div.item-box p span { color: #f5e320; font-weight:bold; }
#package div.item-box span { color: #f5e320; font-weight:bold; }


.flag_order {font-size:10px;}