* { margin:0; padding:0;}
body { background:url(images-main/body-bg.gif) left 3px #28262b; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#89888c; }

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:14px;}

.tail-top { background:url(images-main/tail-top.jpg) left top repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#search-form .search-input { background:url(images-main/search-input.gif) no-repeat left top; padding:4px 3px 5px 3px; width:162px; border:0; margin-right:2px; color:#89888c;}

.form { height:26px;}
.form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;}
textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;}

/*==================list====================*/
ul { list-style:none;}
ul a:hover { font-size:1em; font-weight:normal}

.ddsmoothmenu-v{
font:bold Verdana;
background:url(images-main/menu-bg.gif) left top repeat-x; color:#3f4304; /*background of menu bar (default state)*/
width: 98%; margin-left:9px; z-index:1003}

.ddsmoothmenu-v ul{
z-index:1003;
margin: 0;
padding:0;
list-style-type: none;
}



/*Top level list items*/
.ddsmoothmenu-v ul li{
position: relative;
display: block;
float: left;
font-size:1em; 
font-weight:bold; 
text-transform:uppercase;
text-align:center;
width:120px;
z-index:1003;
}

/*Top level menu link items style*/
.ddsmoothmenu-v ul li a{
display: block;
 /*background of menu items (default state)*/
color: #3f4304; font-size:1.2em;
padding: 12px 10px;
height:13px;
background: url(images-main/divider.gif) no-repeat left top; margin-right;
text-decoration: none;
overflow:hidden;
z-index:1003;
}

.ddsmoothmenu-v ul li a:hover{ font-weight:bold}

* html .ddsmoothmenu-v ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: block; z-index:1003;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited{
color: #3f4304;  z-index:1003;
}

.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: url(images-main/menu1.gif) left top repeat-x; color:#3f4304; z-index:1003;

}

.ddsmoothmenu-v ul li a:hover{
background: url(images-main/menu1.gif) left top repeat-x; color:#3f4304; z-index:1003; /*background of menu items during onmouseover (hover state)*/
}
	





/*1st sub level menu*/
.ddsmoothmenu-v ul li ul{
position: absolute;
z-index:1003;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;


border-top: 2px solid #1c1b20;
width: 121px
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu-v ul li ul li{
display: list-item;
float: none;
text-align:left;
font-size:9px;
color:#fff;
font-weight:400;
width: 120px;
right:1px;
z-index:1003;

}

.ddsmoothmenu-v ul li ul li a:link, .ddsmoothmenu-v ul li ul li a:visited{
color: #fff;
z-index:1003;
}

/*Sub level menu list items hover*/
.ddsmoothmenu-v ul li ul a:hover{

float: none;
text-align:left;
background: url(images-main/menu1.gif) left top repeat-x; color:#3f4313;
width: 120px;
z-index:1003;
}

/*Sub level menu list items hover*/
.ddsmoothmenu-v ul li li a:hover{
z-index:1003;
float: none;
text-align:left;
background: url(images-main/menu1.gif) left top repeat-x; color:#3f4313;
}

.ddsmoothmenu-v ul li li a.selected{
display: list-item;
float: none;
text-align:left;
background: url(images-main/menu1.gif) left top repeat-x; color:#3f4313;
z-index:1003;
}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu-v ul li ul li ul:hover{
top: 0;
left:2px;
z-index:1003;

}

/* Sub level menu links style */
.ddsmoothmenu-v ul li ul li a{
z-index:1003;
width: 114px; /*width of sub menus*/
padding: 5px 0 3px 4px;
margin: 0;
border-bottom:2px solid #1c1b20;
background:url(images-main/site-menu-bg.png) center;
height:auto;
border-left: 2px solid #1c1b20;
border-right: 2px solid #1c1b20;
}

/* Sub level menu links style hover */
.ddsmoothmenu-v ul li ul li a:hover{
z-index:1003;
width: 114px; /*width of sub menus*/
padding: 5px 0 3px 4px;
margin: 0;
border-bottom:2px solid #1c1b20;
background: url(images-main/menu2.gif) left top repeat-x; color:#3f4313;
height:auto;
border-left: 2px solid #1c1b20;
border-right: 2px solid #1c1b20;
}


.ddsmoothmenu-v ul li ul li ul li {
	left:1px;
	z-index:1003;
	}
.ddsmoothmenu-v ul li ul li ul {
	left:2px;
	border-top: 2px solid #1c1b20;
	width:123px;
	z-index:1003;
    }


.ddsmoothmenu-v ul li ul li ul a{
	background:url(http://jixipix.com/images-main/site-menu-bg2.png) center top;
	z-index:1003;
}



.mygallery-v { z-index:4; position:relative;}





/* Holly Hack for IE \*/
* html .ddsmoothmenu-v{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */



/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}





#top-menu { width:100%; overflow:hidden;}
#top-menu li { margin-left:-2px; float:left;}
#top-menu li a { display:block; font-size:1.2em; color:#3f4304; text-decoration:none; text-transform:uppercase; font-weight:bold; background:url(images-main/divider.gif) no-repeat left top; width:122px; text-align:center; line-height:38px;}
#top-menu li a:hover { background:#111; background:url(images-main/menu1.gif) left top repeat-x; color:#111; }

#site-nav li { display:inline;}
#site-nav li a { display:block; background:url(images-main/site-menu-bg.png) no-repeat left top; width:212px; height:33px; font-size:1.1em; color:#e8e8e8; text-transform:uppercase; text-indent:21px; text-decoration:none; line-height:28px; margin-top:-3px;}
#site-nav li a:hover { text-decoration:underline; text-align:left; font-weight:normal;}




#site-nav li { display:inline;}
#site-nav li a { display:block; background:url(images-main/site-menu-bg.png) no-repeat left top; width:212px; height:33px; font-size:1.1em; color:#e8e8e8; text-transform:uppercase; text-indent:21px; text-decoration:none; line-height:28px; margin-top:-3px;}
#site-nav li a:hover { text-decoration:underline;}

#login-form .input { width:142px; padding:4px 9px 5px 9px; background:url(images-main/login-input.gif) no-repeat left top; border:0; color:#969299; margin-right:3px;}
#login-form div { height:28px;}

.list1 { margin-bottom:8px;}
.list1 li { background:url(images-main/png_point.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/png_point.png', sizingMethod='scale',enabled=true); width:100%; margin-bottom:2px;}
.list1 li p { padding:17px 18px 26px 24px; margin:0;}
.list1 li p.alt { padding-bottom:24px;}
.list1 li span.alt { padding-bottom:0;}
.list1 li p.alignright { padding:10px 10px 20px 0; text-align:right;}
.list1 li p a { color:#89888c; text-decoration:none; display:block;}
.list1 li p a:hover { color:#fff; text-decoration:underline; text-align:left; font-weight:normal;}
.list1 li span { display:block; background:url(images-main/marker.gif) no-repeat left 3px; padding:0 0 10px 15px; margin-left:-15px; }
.list1 li strong { color:#afb91c; font-weight:normal;}
.list1 li em { color:#c8880d; font-style:normal;}
.list1 li em a {color:#c8880d;}

.list2 li { background:url(images-main/line-hor.gif) left bottom repeat-x; padding-bottom:19px; margin-bottom:10px; width:100%; overflow:hidden; color:#000;}
.list2 li img.fleft { margin:0 8px 0 0;}
.list2 li img { margin-right:2px;}
.list2 li span { color:#000; display:block; padding-bottom:8px;}
.list2 li span.alt { padding-bottom:0;}
.list2 li em { color:#fff; font-style:normal;}
.list2 li a.link2 { color:#d2dc3f; text-decoration:underline;}
.list2 li a.link2:hover { text-decoration:none;}
.list2 li a.link3 { color:#f39a11;}
.list2 h5 a:hover {font-weight:bold}

.list3 li { background:url(images-main/line-hor1.gif) left bottom repeat-x; padding-bottom:22px; margin-bottom:10px; width:100%; overflow:hidden;}
.list3 li img.fleft { margin:0 13px 0 10px;}
.list3 li span { color:#000; display:block; padding-bottom:8px;}
.list3 li p a:hover {text-decoration:underline; text-align:left; font-weight:normal; font-size:inherit; font-size:0.6em;}

.list4 { padding:0 0 0 9px;}
.list4 dt { font-size:1.2em; color:#b0ba1a; padding-bottom:4px;}
.list4 dd { font-size:1.3em; padding-bottom:16px;}
.list4 dd a {color:#89888c; text-decoration:underline;}
.list4 dd a:hover { text-decoration:none;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p2 { margin-bottom:6px;}

.quick-links { color:#d2dc3f; text-align:center; line-height:1.9em;}
.quick-links a { color:#c1c1c1; text-transform:uppercase;}

/*==================txt, links, lines, titles====================*/
a {color:#b0ba1a; text-decoration:none;}
a:hover {
	text-decoration:underline;
	text-align: center;
	font-weight: normal;
}

h1 { font-size:3em; color:#fff; line-height:1em; letter-spacing:-1px;}
h1 a { color:#fff; text-decoration:none;}
h1 a:hover { text-decoration:none;}
h1 span { font-size:10px; color:#b3b0b4; display:block; position:relative; margin-top:-3px; letter-spacing:0;}
h2 { font-size:1.6em; color:#d6d5d6; margin-bottom:11px;}
h3 { color:#1f1e1f; font-size:1.6em; line-height:1em;}
h4 { font-size:1.2em; font-weight:normal; color:#b0ba1a; padding:8px 0 5px 0}
h4 a {color:#b0ba1a; text-decoration:none;}
h4 a:hover { color:#fff; font-weight:normal}
h5 { font-size:1.2em; color:#d2dc3f; font-weight:normal; padding:7px 0 0 0;}
h5 a { color:#fff; text-decoration:none; font-weight:bold;}
h5 a:hover { text-decoration:underline;}

.extra-link { float:right;}
.extra-link em { font-style:normal;}
.extra-link .left { background:url(images-main/link1-left.gif) no-repeat left top; display:block; float:left;}
.extra-link .right { background:url(images-main/link1-right.gif) no-repeat right top; height:20px; display:block; float:left; height:21px; padding:0 15px 0 10px;}
.extra-link a { background:url(images-main/link1-bg.gif) left top repeat-x; text-transform:uppercase; text-decoration:none; color:#e5e5e5; height:20px; display:inline-block; line-height:19px; cursor:pointer; letter-spacing:-1px; padding-right:2px;}
.extra-link a:hover { color:#d1db3f;}

.title-box { background:url(images-main/title-bg.gif) left top repeat-x; width:100%; margin-bottom:3px;}
.title-box .left { background:url(images-main/title-left.gif) no-repeat left top;}
.title-box .right { background:url(images-main/title-right.gif) no-repeat right top; height:40px;}
.title-box h2 {padding:13px 0 0 20px; margin:0;}

.top-game-box { width:100%; overflow:hidden;}
.top-game-box h1 { padding:0 0 9px 11px; float:left;}
.top-game-box .rating { float:right; padding:9px 18px 0 0; color:#b3b0b4;}
.top-game-box .rating img { margin-left:2px;}
.top-game-box .rating p { margin-bottom:11px;}
.top-game-box .rating span { color:#d8d6d8;}


/*==================boxes====================*/
.box { background:url(images-main/box-bg.gif) left top repeat-x #38363a; width:100%; margin-bottom:17px;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images-main/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images-main/border-left.gif) repeat-y left;}
.box .border-right {background:url(images-main/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images-main/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images-main/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images-main/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images-main/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:13px 0 20px 10px;}

.box1 { background:url(images-main/box1-bg.gif) left top repeat-x #343236; width:100%;}
.box1 .border-bot {background:url(images-main/border-bot1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images-main/border-left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-right1.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images-main/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images-main/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images-main/border-bot1.gif) no-repeat left bottom; }
.box1 .inner { padding:13px 0 20px 10px;}
.box1 .inner1 { padding:13px 20px 20px 10px;}
.box1 h3 { background:url(images-main/line-hor2.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px; color:#d3d2d3;}

.box2 { background:url(images-main/box2-bg.gif) left top repeat-x #3f3d40; width:100%; margin-bottom:7px;}
.box2 .border-bot {background:url(images-main/border-bot2.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border-left2.gif) repeat-y left;}
.box2 .border-right {background:url(images/border-right2.gif) repeat-y right;}
.box2 .left-top-corner {background:url(images-main/left-top-corner2.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(images-main/right-top-corner2.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(images-main/left-bot-corner2.gif) no-repeat left bottom; }
.box2 .right-bot-corner {background:url(images-main/right-bot-corner2.gif) no-repeat right bottom; }
.box2 .inner { padding:16px 8px 12px 7px;}

.box3 {
	width:100%;
	margin-bottom:7px;
	background: url(images-main/box3-bg.gif) left top repeat-x #38363a;
}
.box3 .border-bot {background:url(images-main/border-bot3.gif) repeat-x bottom;}
.box3 .border-left {background:url(images-main/border-left3.gif) repeat-y left;}
.box3 .border-right {background:url(images-main/border-right3.gif) repeat-y right;}
.box3 .left-top-corner {background:url(images-main/left-top-corner3.gif) no-repeat left top;}
.box3 .right-top-corner {background:url(images-main/right-top-corner3.gif) no-repeat right top;}
.box3 .left-bot-corner {background:url(images-main/left-bot-corner3.gif) no-repeat left bottom; }
.box3 .inner { padding:10px 8px 10px 10px;}

.box4 { background:url(images-main/box4-bg.gif) left top repeat-x #565457; width:100%;}
.box4 .border-bot {background:url(images-main/border-bot4.gif) repeat-x bottom;}
.box4 .border-left {background:url(images/border-left4.gif) repeat-y left;}
.box4 .border-right {background:url(images/border-right4.gif) repeat-y right;}
.box4 .left-top-corner {background:url(images-main/left-top-corner4.gif) no-repeat left top;}
.box4 .right-top-corner {background:url(images-main/right-top-corner4.gif) no-repeat right top;}
.box4 .left-bot-corner {background:url(images-main/left-bot-corner4.gif) no-repeat left bottom; }
.box4 .right-bot-corner {background:url(images-main/right-bot-corner4.gif) no-repeat right bottom; }
.box4 .inner { padding:20px 10px 10px 10px;}
.box4 h3 { background:url(images-main/line-hor.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px;}

.box5 { background:url(images-main/box5-bg.gif) left top repeat-x #171718; width:100%; color:#89888c;}
.box5 .left-top-corner {background:url(images-main/left-top-corner5.gif) no-repeat left top;}
.box5 .right-top-corner {background:url(images-main/right-top-corner5.gif) no-repeat right top;}
.box5 .left-bot-corner {background:url(images-main/left-bot-corner5.gif) no-repeat left bottom; }
.box5 .right-bot-corner {background:url(images-main/right-bot-corner5.gif) no-repeat right bottom; }
.box5 .inner { padding:20px 10px 10px 10px;}
.box5 h3 { background:url(images-main/line-hor1.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:10px; color:#cbcbcb;}

.box6 {background:url(images-main/png_point.png) left top; //background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/png_point.png', sizingMethod='scale',enabled=true); width:100%;}
.box6 .inner { padding:17px 20px 21px 24px;}

.box7 { background:url(images-main/box7-bg.gif) left top repeat-x #3f3d40; width:100%; margin-bottom:7px;}

.footer-box { background:url(images-main/footer-bg.gif) left top repeat-x; width:100%;}
.footer-box .left { background:url(images-main/footer-left.gif) left top repeat-x;}
.footer-box .right { background:url(images-main/footer-right.gif) no-repeat right top; height:46px;}
.footer-box p { margin:0; padding:13px 20px 0 0; text-align:right; text-transform:uppercase;}


/*header*/
#header .row-1 { height:105px;}
#header .row-1 .fleft { padding:35px 0 0 40px;}
#header .row-1 .fright { padding:45px 28px 0 0;}
#header .row-2 { height:38px; background:url(images-main/menu-bg.gif) left top repeat-x; margin:0 9px;}

/*content*/
#content { padding:20px 9px 18px 9px;}

/*footer*/
#footer { padding:0 9px 0 9px; color:#7c7b7d;}
#footer a {color:#7c7b7d;}

/*==========================================*/
.price {
	color: #FFF;
}
