/*Main Style Sheet for RakStak.com*/

/* @group imported styles */

@import url("reset.css");

/* @end */

/* @group basic styles */

.fl { 
	float: left;
}

.fr { 
	float: right;
}

.clear { 
	clear: both;
}

a { 
	text-decoration: underline; 
	cursor: pointer;
}

a:hover { 
	text-decoration: none;
}

body { 
	background-repeat: no-repeat; 
	background-color: #f0f0f0; 
	text-align: center; 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#container { 
	width: 960px; 
	text-align: left; 
	position: relative; 
	margin: 0 auto; 
	overflow: hidden;
}

/* @end */

/* @group header */

#header { 
	height: 120px; 
	overflow: hidden; 
	position: relative; 
	padding-top: 10px;
}

/* @group logo and slogan */

h1#logo a { 
	background: url(../images/rakstak-logo.png) no-repeat left top; 
	text-indent: -9999px; 
	float: left; 
	width: 130px; 
	height: 54px; 
	overflow: hidden; 
	margin-top: 10px; 
	margin-left: 30px;
}

#header h2 { 
	float: left; 
	padding-top: 10px; 
	padding-left: 20px; 
	color: #6c6c6c;
	width:336px;
	
}
#header h2 span{ float:left; font-size:13px; width:336px; text-align:center; color: #8f8f8f; padding-top:10px;}


#header_th{ float:left; width:150px; margin-left:10px; padding-top:10px;}
#header_th ul{ float:left; width:150px; list-style:none;}
#header_th li + li{ float:left; padding-left:5px;}
#header_th li{ float:left;}
#header_th li.text{ float:left; width:150px; padding:0px; padding-top:5px; font-family:Arial; font-size:12px; color:Black; font-weight:bold;}

#header_th li a{float:left;}

/* @end */

/* @group cart */

ul#cart { 
	float: left; 
	margin-top: 10px; 
 padding-top: 7px; 
	width: 160px; 
	height: 34px; 
	background: url(../images/bg-cart.png) no-repeat; 
	font-size: 14px; 
	text-align: center;	
	margin:9px 5px 0px 8px;
}

ul#cart li { 
	display: inline;
}

ul#cart img { 
	position: relative; 
	top: 2px; 
	margin-right: 8px; 
	text-decoration: none;
}

ul#cart a { 
	text-decoration: none;
}


#like_btn{ float:left; width:120px;margin-top:15px;}
/* @end */

/* @group main menu */

ul#menu { 
	clear: both; 
	position: absolute; 
	bottom: 5px; 
	left: 28px; 
	line-height: 20px;
}

ul#menu li { 
	display: inline; 
	padding-right: 15px;
}

ul#menu li a { 
	font-size: 15px; 
	padding: 8px 15px 20px 15px; 
	text-decoration: none;
}

ul#menu li a:hover { 
	background-color: #fff; 
	color: #636363;
}

.home a { 
	background-color: #ffd503; 
	color: #636363;
}

.game-krates a { 
	background-color: #85919d; 
	color: #fff;
}

.music-krates a { 
	background-color: #f7ab00; 
	color: #fff;
}

.movies-krates a { 
	background-color: #96dcff; 
	color: #000;
}

.organizing-krates a { 
	background-color: #ade400; 
	color: #000;
}

.custom-krates a { 
	background-color: #ff6d6d; 
	color: #fff;
}

.home a, .game-krates a, .music-krates a, .movies-krates a, .organizing-krates a, .custom-krates a { 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

ul#menu li a.current { 
	background-color: #fff;
	color: #636363;
}

/* @end */

/* @end */

/* @group main */

#main { 
	background-color: #fff; 
	padding: 25px; 
	overflow: hidden;
}

/* @group home page images */

.games, .organize, .movies, .music { 
	overflow: hidden;
	width: 438px;
	height: 200px;
	margin-top: 15px; 
	border: 5px solid #d3d3d3;
}



/* @end */

/* @group search */

#search { 
	overflow: hidden; 
	padding-bottom: 20px;
}

/* @group search by */

ul#search-by { 
	float: left; 
	width: 670px;
}

ul#search-by h3 { 
	float: left; 
	padding-top: 10px; 
	padding-right: 20px; 
	font-size: 13px; 
	color: #6c6c6c;
}

ul#search-by li { 
	display: inline;
}

li.xbox a { 
	margin-right: 25px; 
	width: 32px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-xbox.png) no-repeat;
}

li.playstation a { 
	margin-right: 25px; 
	width: 45px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-playstation.png) no-repeat;
}

li.wii a { 
	margin-right: 25px; 
	width: 55px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-wii.png) no-repeat;
}

li.ds a { 
	margin-right: 25px; 
	width: 100px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-ds.png) no-repeat;
}

li.cd a { 
	margin-right: 25px; 
	width: 54px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-disc.png) no-repeat;
}

li.dvd a { 
	margin-right: 25px; 
	width: 54px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-dvd.png) no-repeat;
}

li.blueray a { 
	width: 57px; 
	height: 41px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	background: url(../images/logo-blueray.png) no-repeat;
}


li.twitter a { 
	width: 80px; 
	height: 41px; 
	margin-left:15px;
	
	overflow: hidden; 
	float: left; 
	
}

/* @end */

/* @group search box */

.search-box { 
	float: right; 
	padding-top: 5px; 
	width: 220px; 
	height: 38px; 
	background: url(../images/bg-search.png) no-repeat;
}

.search-box input { 
	background-color: transparent; 
	color: #fff; 
	font-size: 13px; 
	margin-top: 7px; 
	margin-left: 38px; 
	width: 120px; 
	border: none; 
	float: left;
}

a.search-go { 
	background-image: url(../images/btn-go.png); 
	width: 56px; 
	height: 41px; 
	float: right; 
	text-indent: -9999px; 
	overflow: hidden; 
	position: relative; 
	bottom: 5px;
}

/* @end */

/* @end */

/* @group special */

#special { 
	clear: both; 
	float: left; 
	width: 599px; 
	height: 258px; 
	position: relative; 
	overflow: hidden; 
	border: 1px solid #d3d3d3;
}

#slider ul, #slider li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative;
}

#slider, #slider li { 
	width: 600px; 
	height: 258px; 
	overflow: hidden;
}

ol#controls { 
	position: absolute; 
	top: 20px; 
	left: 21px; 
	font-size: 11px;
}

ol#controls li { 
	display: inline; 
	background-color: #fff; 
	padding: 2px 5px; 
	margin-right: 10px; 
	border: 1px solid #b4a6a6;
}

ol#controls li a { 
	color: #a6a6a6; 
	text-decoration: none;
}

ol#controls li:hover { 
	background-color: #f0f0f0; 
	cursor: pointer;
}

li#controls1.current, li#controls2.current, li#controls3.current, li#controls4.current, li#controls5.current, li#controls6.current { 
	background-color: #f0f0f0;
}

#slider .deals-graphic { 
	background: url(../images/deals.png) no-repeat;
	width: 70px;
	height: 72px;
	position: absolute;
	right: -5px;
	top: -4px;
}

#slider .add-cart { 
	position: absolute;
	bottom: 15px;
	left: -2px;
	padding: 7px 12px; 
	font-size: 14px; 
	margin-top: 9px; 
	margin-left: 20px; 
	background-color: #fff; 
	color: #000; 
	text-decoration: none; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

#slider .add-cart:hover { 
	background-c float:left; width:196px;olor: #0000f05 
	color: #fff;
}

/* @end */

/* @group side panel */

#side-panel { 
	float: right; 
	width: 300px; 
	height: 258px;
}

/* @group Follow Us */

#follow-us { 
	width: 288px; 

	overflow: hidden; 
	float: right; 
	border: 5px solid #d3d3d3; 
	margin-bottom: 14px;
	padding-bottom:10px;
}

#follow-us h2 { 
	color: #afafaf; 
	font-size: 17px; 
	padding-top: 18px; 
	padding-left: 20px;
}

#follow-us h3{color: #000; font-size: 14px; float:left;width:196px; font-weight:bold;  line-height:25px; padding-left: 10px; padding-top:10px; }


.new_follow_us_icon{ float:left; width:278px; padding-left:10px; padding-top:15px;}
.new_follow_us_icon ul{ float:left; width:278px; list-style:none;}
.new_follow_us_icon ul li + li{ float:left; padding-left:10px;}
.new_follow_us_icon ul li{ float:left;}
.new_follow_us_icon ul li a{ float:left; text-decoration:none;}

#follow-us-icons { 
	overflow: hidden; 
	padding-top: 20px; 
	padding-left: 20px;
}

#follow-us-icons li { 
	display: inline; 
	float: left;
}

li.twitter a { 
	background: url(../images/logo-twitter.png) no-repeat; 
	width: 39px; 
	height: 40px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	margin-right: 30px;
}

li.facebook a { 
	background: url(../images/logo-facebook.png) no-repeat; 
	width: 39px; 
	height: 40px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	margin-right: 30px;
}

li.myspace a { 
	background: url(../images/logo-myspace.png) no-repeat; 
	width: 39px; 
	height: 40px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left; 
	margin-right: 30px;
}

li.rss a { 
	background: url(../images/logo-rss.png) no-repeat; 
	width: 39px; 
	height: 40px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left;
}

/* @end */

/* @group Custom Krates */
/* 24-august-2011*/
.pop_div_class{ width:185px; float:left; min-height:80px; margin-left:141px;}
.pop_div_class h3{ width:185px; float:left; font-family:Arial; font-size:12px; color:Black; font-weight:normal;}
.pop_div_class .pop_top{width:185px; float:left; background:url(../images/b_top.png) 0 top no-repeat; padding-top:2px; }
.pop_div_class .pop_mid{width:178px; padding-left:7px; float:left; padding-bottom:5px; background:url(../images/b_middle.png) 0 0 repeat-y;}
.pop_div_class .pop_mid p{width:178px; float:left; font-family:Arial; font-size:10px; line-height:15px; }
.pop_div_class .pop_mid label{width:178px; line-height:20px; float:left; font-family:Arial; font-size:10px;}
.pop_div_class .pop_mid input[type="text"]{width:80px; float:left; font-family:Arial; font-size:10px;}
.pop_div_class .pop_mid input[type="Submit"]{width:80px; height:23px; border:none; cursor:pointer; float:right; margin-right:5px;  background: url(../images/apply.png) 0 0 no-repeat; }
.pop_div_class .pop_bottom{width:185px; float:left; background:url(../images/b_bottom.png) 0 bottom no-repeat; padding-bottom:2px; }
/* 24-august-2011 close*/


#custom-krates-link { 
	width: 288px; 
	height: 112px; 
	overflow: hidden; 
	float: right; 
	border: 5px solid #ff6f6f; 
	background: url(../images/graphic-custom.png) no-repeat; 
	text-decoration: none;
}

#custom-krates-link span { 
	padding: 10px; 
	background-color: #ff6f6f; 
	color: #fff; 
	line-height: 20px; 
	float: left;
}

#custom-krates-link:hover { 
	border: 5px solid #bb5f71;
}

/* @end */

/* @end */

/* @end */

/* @group shop */

#shop { 
	clear: both; 
	overflow: hidden;
}

#shop .product { 
	width: 455px; 
	padding-top: 15px; 
	float: left; 
	overflow: hidden; 
	position: relative;
}

#shop .product img { 
	float: left; 
	border: 5px solid #e6e6ea;
}

#shop .zoom-icon { 
	background-image: url(../images/zoom-icon.png); 
	width: 31px; 
	height: 31px; 
	position: absolute; 
	bottom: 5px; 
	left: 158px;
}

#shop .product h1 { 
	float: left; 
	width: 220px; 
	font-size: 20px; 
	padding-left: 20px; 
	padding-top: 15px; 
	font-weight: bold;
}

#shop .product h1 a { 
	color: #000; 
	text-decoration: none;
}

#shop .product h1 a:hover { 
	color: #000; 
	text-decoration: underline;
}

#shop .product h2 { 
	float: left; 
	width: 220px; 
	padding-top: 5px; 
	font-size: 12px; 
	padding-left: 20px;
}

#shop a { 
	color: #676767;
}

#shop .product h3 { 
	float: left; 
	width: 220px; 
	padding-top: 20px; 
	font-size: 30px

; 
	/*font-weight: bold;*/
	padding-left: 20px;
}

#shop .product .color { 
	float: left; 
	width: 220px; 
	padding-top: 20px; 
	font-size: 14px; 
	padding-left: 20px;
}

#shop .product .color select { 
	font-size: 16px;
	margin-left: 5px;
}

#shop .product .qty { 
	float: left; 
	padding-top: 10px; 
	font-size: 14px; 
	padding-left: 20px;
}

#shop .product .qty input { 
	width: 25px; 
	font-size: 14px; 
	margin-left: 16px; 
	text-align: center;
}

#shop .product .add-cart { 
	float: left; 
	padding: 8px; 
	font-size: 12px; 
	margin-top: 9px; 
	margin-left: 20px; 
	background-color: #e6e6ea; 
	color: #000; 
	text-decoration: none; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

#shop .product .add-cart:hover { 
	background-color: #0000f0; 
	color: #fff;
}

#shop .product .spaced-out { 
	float: left;
	height: 110px;
}

#shop .info p { 
	font-size: 16px;
	line-height: 22px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* @end */

/* @group Cart and List */

h1.cart { 
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

.ph_ckla{float:left; width:160px; font-family:Arial; text-align:center; padding-top:20px; font-size:12px; color:Black; font-weight:bold;}

.simple_link
{
    text-align:left;
}

.simple_link a
{
    text-decoration:none;
    display:inline;
    border-radius:none;
    float:none !important;
}

.simple_link a:hover
{
    text-decoration:underline;
    display:inline;
    float:none !important;
    background-color: #e6e6ea; 
}

.list { 
	overflow: hidden;
}

.list table {
	border-collapse: collapse;
	color: #292929;
	width: 100%;
	font-size: 12px;
	line-height: 33px;
  }

.list thead th {
	background-color: #f0f0f0;
	color: #5F5E5E;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
  }
  
.list .product { 
	border-bottom: 1px solid #8d8d8d;
	padding-bottom: 1px;
	line-height: 30px;
}

.list .item { 
	width: 125px;
	padding-left: 7px;
}

.list .amount {padding: 0 15px; text-align: center;}

.list .options { 
	text-align: left;
	width: 425px;
	padding-right: 10px;
}

.list td { 
	line-height: 30px; padding: 0 3px;
}

.list .quantity input { 
	width: 20px;
	text-align: center;
}

.list .quantity { 
	text-align: center;
}

.list .remove input { 
	text-align: center;
	margin-top: 8px;
}

.list .remove { 
	text-align: center;
}

.list .titles { 
	text-align: right;
}


.list a { 
	float: right; 
	padding: 0px 15px; 
	font-size: 12px;  
	color: #000; 
	text-decoration: none;
	 background-color: #e6e6ea; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-top: 15px;
}

.list a:hover {
   	background-color: #0000f0; 
	color: #fff;	
}

.info { 
	overflow: hidden;
}

.info a.btn  { 
	float: left;
	padding: 10px 15px; 
	font-size: 12px;  
	background-color: #e6e6ea; 
	color: #000; 
	text-decoration: none; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-top: 15px;
}

.info a.btn:hover {
   	background-color: #0000f0; 
	color: #fff;	
}


/*.list th a { 
	float: left;
	background-color: transparent;
	color: black;
	width: auto;
}

.list th a:hover { 
	background-color: transparent;
	text-decoration: underline;
}*/

/* @end */

/* @group contact us */

#contact-us { 
	overflow: hidden;
	padding-top: 15px;
}

#contact-us h1 { 
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

#contact-us h2 { 
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 200}

#contact-us .form { 
	overflow: hidden;
	padding-top: 10px;
}

#contact-us .form span  { 
	overflow: hidden;
	float: left;
	margin: 5px 0px;
	line-height: 30px;
}

#contact-us .form label { 
	width: 200px;
	text-align: left;
}

#contact-us .form select { 
	font-size: 16px;
	width: 300px;
	margin-bottom: 10px;
}

#contact-us .form input { 
	font-size: 18px;
	width: 300px;
	padding: 5px;
}

#contact-us .form .buttons  { 
	margin-left: 198px;
}

#contact-us .form .buttons input { 
	width: auto;
	font-size: 14px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

#contact-us .form textarea { 
	width: 400px;
	height: 100px;
	font-size: 18px;
	padding: 5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group footer */

#footer { 
	font-size: 12px; 
	padding-top: 20px; 
	padding-left: 25px; 
	padding-bottom: 20px; 
	color: #868686; 
	overflow: hidden;
}

#footer a { 
	color: #676767; 
	overflow: hidden; 
	display: inline;
}

ul#footer-nav { 
	width: 740px;
}

ul#footer-nav li { 
	display: inline;
}

#footer h5 { 
	float: left; 
	width: 300px; 
	padding-top: 10px;
}

#share-this { 
	float: right; 
	width: 170px; 
	position: relative; 
	bottom: 12px; 
	right: 0;
}

/* @end */