/*    XippY Main Site CSS

Created by xiphrex 24/07/07   */

* {
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
}

body{
background: #fafafa url(images/bg_main.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
a{
color:#54789b;
text-decoration:underline;
}
a:visited{
color:#7F7F7F;
text-decoration:underline;
}
a:hover{
color:#000;
text-decoration:none;
}

#container_top{
width:691px;
margin:0 auto;
padding:0;
position:relative;
height:96px;
}
#container_main{
width:691px;
margin:26px auto;
padding:0;
position:relative;
}


#top{
	width:205px;
	height:86px;
	float:right;
	padding:5px;
	text-align:right;
	line-height: 18px;
	font-size:10px;
	color:#999999;
	margin:0;
}
#top img{
	display:inline;
	border:none;
	vertical-align:middle;
}

/* Holly Hack: Hide From IE5/Mac \*/ 
* #top img { 
margin:3px 0; 
}

#top a{
color:#666666;
text-decoration:none;
}
#top a:hover{
color:#000000;
border-bottom:1px solid #6382a0;
}
#menu{
width:538px;
height:28px;
position:absolute;
right:0;
top:96px;
padding:0 0 0 5px;
}
#menu .right{
position:absolute;
right:0;
top:0;
width:5px;
background:url(images/menu_right.gif) no-repeat right top;
height:28px;
}
#menu .left{
position:absolute;
left:0;
top:0;
width:5px;
background:url(images/menu_left.gif) no-repeat left top;
height:28px;
}
#menu ul{
width:533px;
height:28px;
background: #000 url(images/bg_menu.gif) repeat-x;
list-style: none;
margin:0;
padding:0;
}
#menu ul li {
float:left;
display:inline;
}
#menu ul li a {
	display:block;
	width:1%;
	height:23px;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:5px 10px 0;
	border:0;
	color:#FFFFFF;
	font-size:12px;
}
html>body #menu ul li a {
width:auto;
}
.onpage{
background: #000 url(images/bg_menu_on.gif) repeat-x;
}
#menu ul li a:hover{
background: #000 url(images/bg_menu_hover.gif) repeat-x;
color:#000000;
}
#sidebar{
width:226px;
margin:12px 0 0 0;
padding:0;
float:left;
}
.panel{
width:226px;
background:url(images/box/box_bg.gif) repeat-y;
font-size:11px;
color:#666;
position:relative;
padding:0;
margin:0 0 12px;
clear:left;
}
.bg_news{
background:url(images/box/box_news.jpg) no-repeat right top;
}
.bg_quote{
background:url(images/box/box_quote.jpg) no-repeat right top;
}
.bg_default{
background:url(images/box/box_default.jpg) no-repeat right top;
}

.panel .top{
background:url(images/box/box_top.gif) no-repeat left top;
position:absolute;
top:0;
left:0;
height:3px;
width:226px;
}
.panel .bottom{
background:url(images/box/box_bottom.gif) no-repeat left bottom;
position:absolute;
bottom:0;
left:0;
height:5px;
width:226px;
}
.panel p{
padding:0 10px 10px;
margin:0;
text-align: justify;
}
.panel h1{
color:#003399;
font-size:14px;
font-weight:bold;
margin:0 8px;
padding:6px 0;
}
#content{
width:auto;
margin:0 0 0 238px;
padding:12px 0;
}
#flashtop{
margin:19px 0 25px 0;
height:132px;
}
#content p{
margin:15px 0;
text-align: justify;
line-height: 18px;
}
#footer{
padding:5px 0 20px;
margin:0;
color:#999999;
font-size:9px;
clear:both;
}
#footer img{
border:0;
margin:4px 0;
}
#footer a img{
border:0;
}
#features{
width: 450px;
height: auto;
padding: 0 0 5px;
margin: 5px auto;
text-align:justify;
list-style:none;
}
#features li {
background: url(images/arrow2.gif) no-repeat 0px 4px;
padding:0;
padding-left:20px;
margin:14px 0;
color:#455B6F;
font-weight:bold;
font-size:14px;
}
.featureinfo{
color:#333;
font-weight:normal;
font-size:12px;
}
.featL,.featL:visited{
width:242px;
height:37px;
margin:15px 5px 30px 17px;
padding:5px 0 0 5px;
background:url(images/box_yellow.jpg) no-repeat left top;
text-decoration:none;
color:#000;
display:block;
float:left;
}
.featR,.featR:visited{
width:152px;
height:37px;
margin:15px 5px 30px 0;
padding:5px 0 0 5px;
background:url(images/box_green.jpg) no-repeat left top;
text-decoration:none;
color:#000;
display:block;
float:left;
text-align:center;
}
.featL:hover{
background:url(images/box_blue2.jpg) no-repeat left top;
}
.featR:hover{
background:url(images/box_blue_short2.jpg) no-repeat left top;
}
.gototop, .gototop a{
border:0;
position:relative;
float:right;
clear:both;
width:100px;
text-align:right;
}

.gototop a span {
display:none;
}
.gototop a:hover span {
color:#000000;
display:block;
font-size:9px;
margin:10px;
overflow:visible;
padding:5px;
position:absolute;
right:0pt;
text-align:right;
top:-10px;
visibility:visible;
width:100px;
}

label{
width: 130px;
float: left;
text-align: right;
margin: 12px 5px;
display:inline;
}
.comments{
width:230px;
text-align:left;
margin:12px 5px 0;
}

/* ----------------  IE BUG HERE!  -------------- */

input[type=text],textarea,select{
color: #333;
background: #FFF;
border: 1px solid #999;
margin: 10px 5px;
font-size:14px;
padding:3px;
font-weight:bold;
}
select{
padding:1px;
}
option{
padding:2px 4px;
}
input[type=text]:focus,textarea:focus,select:focus{
background:#F7FDFF;
border:1px solid #000;
}
input[type=text]:hover,textarea:hover,select:hover{
background:#F7FDFF;
}
.submit{
margin:10px;
color: #000;
font-size:14px;
margin: 10px 5px;
font-weight:bold;
padding:5px;
}
fieldset{
border: 1px solid #E0E9EF;
width: 406px;
padding:5px 10px 10px;
margin:0 auto 20px;
}
fieldset .desc{
margin:0 auto 10px;
text-align: justify;
line-height: 16px;
font-size:12px;
color:#666;
}
legend{
color: #003399;
padding:5px;
margin:0 0 0 15px;
font-size:14px;
font-weight:bold;
}
.required{
margin-bottom:7px;
}
.sotmImg{
width:105px;
height:67px;
margin:3px 7px;
border:0;
float:left;
}
.sotmTxt{
margin:3px 5px 6px;
height:auto;
}
.sotm{
height:auto !important;
min-height:100px;
padding-bottom:5px;
}
.external{
background:url("images/externallink.gif") no-repeat right center;
padding-right:13px;
}
.msgbox{
width:431px;
color:#333;
margin:20px auto;
padding:0;
background:url(images/box2/bg.gif) repeat-y;
position:relative;
height:auto;
}

.msgbox .top{
background:url(images/box2/top.gif) no-repeat left top;
position:absolute;
top:0;
left:0;
height:6px;
width:431px;
margin:0;
}
.msgbox .bottom{
background:url(images/box2/bottom.gif) no-repeat left bottom;
position:absolute;
bottom:0;
left:0;
height:4px;
width:431px;
margin:0;
}
.msgbox p{
padding:14px 14px 14px 72px;
margin:0;
text-align: justify;
}
.msgbox .warningg{
background:url("images/box2/warning.gif") no-repeat left center;
}
.msgbox .ok{
background:url("images/box2/ok.gif") no-repeat left center;
}
.msgbox .question{
background:url("images/box2/question.gif") no-repeat left center;
}
.msgbox .info{
background:url("images/box2/info.gif") no-repeat left center;
}
.msgbox .alert{
background:url("images/box2/alert.gif") no-repeat left center;
}
.statTitle{
width:75px;
text-align:left;
padding:2px;
margin-right:5px;
}
.stat{
width:40px;
font-weight:bold;
color:#006699;
font-size:12px;
text-align:right;
}

#themes {
height:auto;
list-style:none;
margin:0 auto 0 10px;
padding:0;
width:440px;
}
#themes li {
display:inline;
float:left;
margin:5px 2px;
padding:5px;
width:205px;
height:157px;
background:url(images/box_themes.jpg) no-repeat;
}
#themes li:hover{
background:url(images/box_themes_h.jpg) no-repeat;
}
#themes li a {
display:block;
height:auto;
margin:0 auto;
padding:0;
text-decoration:none;
width:auto;
position:relative;
}

#themes li a:hover {
color:#000;
}
#themes li a img {
border:none;
height:128px;
margin:0 auto;
padding:0;
width:200px;
}
#themes li a span {
display:block;
font-size:11px;
height:auto;
margin:3px 5px 0 2px;
padding:5px 0;
text-align:left;
width:auto;
font-weight:bold;
}
#themes li a:hover span {
color:#000;
}
#themes li a .ide {
font-size:16px;
height:18px;
margin:0;
padding:5px 0;
text-align:right;
width:auto;
font-weight:bold;
position:absolute;
right:5px;
bottom:0;
color:#CCC;
}
#themes li a:hover .ide{
color:#CCC;
}
.orderimg{
margin:10px 5px 30px;
}
h2{
font-weight:bold;
font-size:16px;
color:#000;
position:relative;
margin:10px 0 18px;
}
h2 span{
position:absolute;
right:0;
top:2px;
color:#CCC;
font-size:14px;
}
table#review{
margin: 20px 25px 30px;
padding:5px;
border:0 none;
font-size:14px;
background-color:#FFF;
width:400px;
}
table#review td {
color:#333333;
padding:3px 5px;
vertical-align:top;
}
table#review .headings{
width:80px;
}
table#review .data{
width:auto;
}
.worldpay{
margin:20px auto;
width:155px;
}
.paypal{
margin:20px auto;
width:155px;
}
.dot{
font-weight:bold;
font-size:22px;
padding:0 0 7px;
}
h4{
font-weight:bold;
font-size:11px;
color:#333;
position:relative;
margin:0 10px 10px;
padding:0;
}
h4 span{
color:#627A8F;
font-size:10px;
font-weight:normal;
margin:0;
display:block;
}
.package{
width:144px;
height:187px;
background:url(images/box_prices.jpg) no-repeat;
margin:5px 4px 10px 0;
padding:1px;
position:relative;
float:right;
}
.badge{
width:28px;
height:29px;
position:absolute;
top:10px;
right:12px;
}
.packageDetails{
background: url(images/arrow2.gif) no-repeat 0px 2px;
color:#1D405F;
font-size:9px;
margin:1px 14px 0 7px;
padding:0 0 0 14px;
display:block;
width:120px;
}
.theprice{
width:120px;
position:absolute;
bottom:30px;
left:14px;
font-size:16px;
font-weight:bold;
text-align:center;
}
.theprice span{
font-size:12px;
color:#666;
text-align:center;
display:block;
}
h5{
font-size:16px;
font-weight:bold;
color:#00205F;
margin:10px;
}
.orderButton a,.orderButton a:visited{
width:152px;
height:37px;
margin:20px auto 35px;
padding:8px 0 0 5px;
font-weight:bold;
font-size:20px;
background:url(images/box_green.jpg) no-repeat left top;
text-decoration:none;
color:#000;
display:block;
text-align:center;
clear:right;
}
.orderButton a:hover{
background:url(images/box_blue_short2.jpg) no-repeat left top;
color:#000;
}

/* FAQ definition list */

dt {
font-weight: bold; 
margin: 0px 7px 5px; /*15 7 5 */
padding:0 16px;
color:#00205F;
font-size:12px;
background: url(images/arrow2.gif) no-repeat 0px 5px;
display:block;
}
dt a, dt a:visited{
color:#00205F;
text-decoration:none;
}
dd {
margin:3px 23px 0;
/*border-bottom: 1px solid #EFEFEF;*/
padding-bottom: 0px; /* 15px */
text-align: justify;
line-height:140%;
}
.about{
margin:0 0 20px 20px;
}
.staff{
width:150px;
height:auto;
padding:5px 10px;
margin:5px;
float:left;
font-size:12px;
border-left:1px solid #CCC;
}
.staff span{
display:block;
color:#666;
font-size:9px;
}
.understaff{
margin-top:185px;
}
form {
width:448px;
padding:0;
margin:0;
}
.affiliates{
width:226px;
font-size:11px;
color:#666;
position:relative;
padding:0 0 8px;
margin:0 1px;
}
.affiliates h1{
color:#CCC;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}
.affiliates a{
margin:3px 1px 0 0;
float:left;
}
.affiliates img{
border:0;
margin:0;
}
.clear{
clear:left;
height:5px;
}
#gamesSupport{
width:153px;
height:auto;
margin:0 0 10px 10px;
padding:5px;
float:right;
background:#FFF;
font-size:9px;
}
#gamesSupport span{
font-size:9px;
font-weight:normal;
margin:0 0 4px;
padding:0;
display:block;
}
#gamesSupport img{
margin:2px;
height:15px;
width:15px;
}
#frontpage{
width: auto;
height: auto;
padding: 0 0 5px 0;
margin: 5px 15px 22px;
text-align:justify;
list-style:none;
}
#frontpage li {
background: url(images/arrow2.gif) no-repeat 0px 4px;
padding:0;
padding-left:16px;
margin:8px 0;
}
.floatright{
float:right;
margin:5px 0 5px 15px;
}
#frontb{
margin:0;
}
#frontb a{
margin:25px 0px;
clear:none;
float:right;
}
.readmore{
position:absolute;
bottom:6px;
right:10px;
margin-top:20px;
font-size:10px;
}
.expanded{
margin:0 0 15px;
}
.expanded2{
margin:0 0 36px;
}
.bg_quote{
min-height:130px;
}
.testbott{
position:absolute;
bottom:10px;
left:10px;
margin-top:20px;
}
.flagbox{
width:130px;
height:23px;
position:absolute;
left:0;
top:96px;
padding:4px 2px;
color:#999;
font-size:10px;
}
.flagbox a{
display:block;
width:18px;
height:18px;
float:left;
margin:0 1px;
padding-top:6px;
}
.flagbox a:hover{
background:url(images/arrow_down.gif) no-repeat top right;
}
.flagbox .locon{
background:url(images/arrow_down.gif) no-repeat top right;
}
.flagbox a img{
border:0;
}
.ordered{
width: auto;
height: auto;
padding: 0 0 5px;
margin: 5px 30px;
text-align:justify;
}
.ordered li{
margin:5px auto;
}