/* general */

body
{
    background:#f2f2f2 url(http://m.productclash.com/images/14/bg.png) repeat-x fixed;
    font-family:arial;
    font-size:12px;
}

body, form, #header, #header-wrap
{
    padding:0;
    margin:0;	
}

a:link, a:visited, a:active
{
    color:#444;
    text-decoration:underline;
}

a:hover
{
    text-decoration:none;
}

a:focus 
{ 
	-moz-outline-style: none; 
}

img
{
    border:0px;
}

#clear
{
    clear:both;
}

#newreview
{
	-moz-opacity:.01;opacity:.01;display:none;
}

#love_feedback
{
	margin-bottom:15px;
}

div.title1 {
    color:#8c8c8c;
    font-family:arial;
    font-size:24px;
}

span.gray {
    color:#8b8b8b;
}


.clash_icon
{
    position:absolute;
    top:230px;
    margin-left:235px;   
}

.picC 
{
	height:150px;
	margin-bottom:10px;
}

.pic75
{
	float:left;
	text-align:center;
	padding:6px 10px;
}

form h2
{
	color:#666;
	font-size:20px;
	margin:20 0 10px 0;
}

#error
{
	border:1px solid #ddd;
	padding:10px 20px;
	color:#333;
	background:#f3f3f3;
}

#submit_container
{
	clear:both;
}

#ad_sky
{
    width:180px;
    float:right;
	margin-top:10px;
}

.buyamz
{
	display:none;
}

.g468
{
	text-align:center;
	margin-bottom:10px;
	padding:15px;
	border-bottom:1px solid #eee;
	
}

.details .g468
{
	border-bottom:none;
	margin:0;
	padding-bottom:0;
	margin-bottom:10px;
}

.focus_content #links
{
	text-align:right;
}

#clash #desc
{
	margin-bottom:15px;
}

a.revbtn
{
	position:relative;
	top:-22px;
}

/* rounded corners - boxes */
      
.cont{
    display:block;
}
.cont *{
    display:block;
    height:1px;
    overflow:hidden;
    background:#ffffff;
}
.cont1{
    border-right:1px solid #efefef;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #efefef;
    padding-left:1px;
    margin-left:3px;
    background:#f8f8f8;
}
.cont2{
    border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    padding:0px 1px;
    background:#f9f9f9;
    margin:0px 1px;
}
.cont3{
    border-right:1px solid #f9f9f9;
    border-left:1px solid #f9f9f9;
    margin:0px 1px;
}
.cont4{
    border-right:1px solid #efefef;
    border-left:1px solid #efefef;
}
.cont5{
    border-right:1px solid #f8f8f8;
    border-left:1px solid #f8f8f8;
}
.cont_content{
    padding:0px 5px;
    background:#ffffff;
} 

.cont_content p
{
	padding-bottom:10px;
	margin:0px;
	text-align:left;
}
.focus{
    display:block;
}
.focus *{
    display:block;
    height:1px;
    overflow:hidden;
    background:#f5f5f5;
}
.focus1{
    border-right:1px solid #fafafa;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #fafafa;
    padding-left:1px;
    margin-left:3px;
    background:#f7f7f7;
}
.focus2{
    border-right:1px solid #fefefe;
    border-left:1px solid #fefefe;
    padding:0px 1px;
    background:#f6f6f6;
    margin:0px 1px;
}
.focus3{
    border-right:1px solid #f6f6f6;
    border-left:1px solid #f6f6f6;
    margin:0px 1px;
}
.focus4{
    border-right:1px solid #fafafa;
    border-left:1px solid #fafafa;
}
.focus5{
    border-right:1px solid #f7f7f7;
    border-left:1px solid #f7f7f7;
}
.focus_content{
    padding:0px 5px;
    background:#f5f5f5;
} 

.nav1{
display:block;
}
.nav1 *{
display:block;
height:1px;
overflow:hidden;
background:#505050;
}
.nav11{
border-right:1px solid #9c9c9c;
padding-right:1px;
margin-right:3px;
border-left:1px solid #9c9c9c;
padding-left:1px;
margin-left:3px;
background:#717171;
}
.nav12{
border-right:1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
padding:0px 1px;
background:#696969;
margin:0px 1px;
}
.nav13{
border-right:1px solid #696969;
border-left:1px solid #696969;
margin:0px 1px;
}
.nav14{
border-right:1px solid #9c9c9c;
border-left:1px solid #9c9c9c;
}
.nav15{
border-right:1px solid #717171;
border-left:1px solid #717171;
}
.nav1_content{
    background:#505050;
    font-size:11px;
    font-weight:bold;
    padding:1px 10px 0px 20px;
    text-align:left;
} 


/* header & footer */

#header
{
    width:924px;
    height:66px;
    text-align:left;
}

#header-wrap
{
    background-color:black;
    width:924px;
}

#header_logo
{
    margin-top:15px;
    margin-left:18px;
}

#footer
{
	width:924px;
	margin:10px 0;
}

#copy
{
	text-align:left;
	color:#ddd;
	float:left;
}

#legal
{
	float:right;
	padding:0px;
    color:#ddd;
    margin-right:11px;
}


/* search box */

#searchbox
{
    width:565px;
    float:right;
    margin-right:20px;
    margin-top:15px;
    text-align:right;
}

#searchbox form
{
	width:167px;
	float:right;
}


#searchbox #txt_srch
{
	margin-top:7px;
    background-color:#eee;
  	background-repeat:no-repeat;
 	background-position:0px -100px;
    width:147px;
    height:21px;
    border:none;
    padding:3px 10px;
	float:left;
}

#searchbox #btn_srch
{
	margin-top:7px;
	float:left;
}


/* login box */

#login-form 
{
    width:914px;
    padding:3px 5px;
    text-align:right;
    display:none;
	-moz-opacity:.01;opacity:.01;    
}

#login-form input, #login-form label {
    font-size:85%;
    line-height:1.25em;
    padding-left:2px;
    vertical-align:middle;
}

#login-form label {
    color:#fff;
}

#check-login-frame
{
	float:left;
	text-align:right;
	width:350px;
	padding:0;
	position:relative;
	top:-1px;
}

#check-login-frame #links
{
	text-align:right;
	z-index:100;
}

#links-sign-in
{
	margin-top:5px;
}

#login-form
{
	position:absolute;
	top:0;
	padding:0;
}

#login-form form
{
	z-index:200;
	background-repeat:repeat-x;
	float:right;
	padding:25px 10px 20px 10px;
}

#login-form form label
{
	font-size:12px;
	font-weight:bold;
	color:#ccc;
}

#login-form form input
{
	margin:0 10px 0 5px;
}	

#check-login-frame #links a
{
	font-size:12px;
}

#check-login-frame #links a:hover
{
	text-decoration:underline;
}

.ava20
{
	border:2px solid #333;
	margin-right:5px;
	width:20px;
	height:20px;
}


/* main container */

#container
{
    width:924px;
    margin-top:10px;
}

.cont_content #main
{
    float:left;
    width:590px;
    padding:20px 0 20px 15px;
    text-align:left;
}

h3
{
    font-size:24px;
    color:#555454;
    font-weight:normal;
    border-bottom:1px solid #f2f2f2;
    margin:0 0 10px 0;
}


/* featured clashes */

#featured, #faceoff
{
    margin-bottom: 20px;
    padding-top: 5px;
    border: 1px solid #ddd;
    margin-left:0px;
}

#featured .prod, #faceoff .prod
{
    float:left;
    width:290px;
    margin-bottom:0px;
}

#faceoff .prod
{
    width:319px;
}

#featured .prod .focus_content, #faceoff .prod 
{
    text-align:center;
    padding-top:10px;
}

#featured .prod a.title, #faceoff .prod a.title
{
    display:none;
}


/* Side-bar */

#side
{
    float:right;
    width:260px;
    padding:20px 20px 0 10px;    
    text-align:left;    
}

#side #focus ul
{
	padding:0;
	padding-left:12px;
	list-style-type: circle;
	margin-bottom:0px;
}

#side #focus li
{
	padding:3px;
	color:#777;
}

#side #focus p
{
	color:#777;
}

#side a:hover
{
	text-decoration:underline;
	color:#000;
}


/* 1. What is it */

#side #whatis, #side #focus
{
    background-color:#fbfbfb;
    border:1px solid #e8e8e8;
    padding:15px;
    margin-bottom:10px;
}

#side #whatis h3, #side #focus h3
{
    font-size:20px;
    color:#555555;
    border:none;
}

#side #whatis h2, #side #focus h2
{
    font-size:12px;
    font-weight:normal;
}

#whatis ul
{
 margin:0;
 padding:0 0 0 15px;
}

#whatis ul li
{
 color:#ddd;
 margin-bottom:10px;
 list-style-type: square;
}

#whatis ul li b
{
 display:block;
 color:#333;
 margin-bottom:2px;
}

#whatis ul li span
{
 color:#777;
}

#side #whatis #links
{
    color:#c9c9c9;
}

#side #whatis #links a
{
    color:#888888;
}

/* 2. Most popular */

#side #mostpop
{
    background-color:#fbfbfb;
    border:1px solid #e8e8e8;
    padding:15px;
    margin-bottom:10px;    
}

#side #mostpop h3
{
    font-size:20px;
    color:#555555;
    border:none;
}

#side #mostpop #label
{
    height:28px;
    padding-top:5px;
    font-weight:bold;
    margin-bottom:4px;
    clear:both;
}

#side #mostpop #label .count
{
    color:#333;
    background-color:#eee;
    float:left;
    display:block;
    width:44px;
    height:23px; 
    padding-top:9px;
    text-align:center;
    font-weight:bold;
    margin-right:8px;
	text-decoration:none;
}


#side #mostpop #label a
{
	float:left;
	display:block;
    font-size:14px;
	height:32px;
	padding:0;
	margin:0;
	width:175px;
	text-decoration:none;	
}

#side #mostpop #label a.va
{
	height:23px;
	padding-top:8px;
}

#side #mostpop #label a.multi
{
	height:48px;
}

#side .winprize
{
	display:none;
}


/* navigation bar */

#nav
{
    width:924px;
}

.nav1_content a:link, .nav1_content a:active, .nav1_content a:visited, .nav1_content a:hover {
    text-decoration:none;
    color:#cbcbcb;
}
.nav1_content a:hover {
    text-decoration:underline;
    color:white;
}
.nav1_content a.active {
    color:white;
}

#nav #submitclash
{
	background-color: #505050;
	background-repeat:no-repeat;
	background-position: 0 -345px;	
    padding:5px 12px 5px 23px;
    float:right;
}

#nav a#submitclash:hover
{
	background-position:0 -370px;	
}


#nav #nav-left
{
    float:left;
    padding-top:5px;
}

#links
{
    text-align:right;
    font-size:12px;
    color:#656565;
	padding:8px 0;
	margin:0;
    height:15px;
}

#links a
{
    color:#333;
    text-decoration:none;
}

.focus_content #links
{
    text-align:right;
    font-size:12px;
    color:#656565;
	padding:8px 0 0 0;
	margin:10px 0 0 0;
	border-top:1px solid white;
    height:15px;
}
#focus #links a
{
    color:#333;
    text-decoration:none;
}


/* Message Boxes (ibox, blogbox, etc) */

.ibox_hid, .ibc_hid
{
  display:none;
}

.ibc_vis
{
	display:block;
	position:absolute;
	z-index:10;
}

.ibox_vis
{
  display:block;
  color:#222;
  font-size:15px; 
  position:absolute;
  background-color:#ffffff;
  width:883px;
  padding:20px;
  text-align:center;
  -moz-opacity:.95;opacity:.95;
  z-index: 3;  
}

.ibox_vis .ibox_msg
{
	margin:20px;
	padding:25px 15px;
	border:1px solid #dddddd;
	background-color:#fafafa;
}

.ibox_vis_blog
{
  display:block;
  color:#222;
  font-size:12px; 
  position:absolute;
  background-color:#fafafa;
  width:883px;
  padding:10px 20px;
  text-align:center;
  z-index: 3;  
}

.ibox_vis_blog input
{
	width:80%;
	padding:3px;
	font-size:10px;	
}

.ibox_vis_blog div
{
	height:30px;
}

.ibox_vis_blog p
{
	clear:both;
	color:#555;
	margin-bottom:12px;
}

.ibox_vis_blog a
{
	float:right;
	color:#333;
	margin-bottom:12px;
}

.ibox_vis_blog b
{
	float:left;
	display:block;
	width:40px;
	text-align:left;
	padding:5px 0;
}


#msg
{
	width:490px;
}

#msg b
{
	font-size:16px;
	color:#333;
}

h2#pcdescription, #pclongdesc {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size:11px;
	text-align:justify;
	color:#999;
	left: 50%;
	margin-left:-462px;
	width:925px;
	position:absolute;
	padding-bottom:20px;
	top:2000px;
	float:left;
}

#pclongdesc {
	top:2100px;
}    

/* Vote Box elements */

.cntL, .clshL, .cntM, .clshM
{
	display:block;
	margin:0 auto;
	text-align:center;	
	width:117px;	
}

.cntM, .clshM
{
	width:107px;
}


.cntL, .cntL:link, .cntL:hover, .cntL:visited, .cntL:active
{
	color:#666;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 0 -130px;
	padding:5px 0 1px 0;
	text-decoration:none;
	font-size:18px;		
}

.cntL:hover
{
	color:#333;
}

.clshL, .clshL:link, .clshL:hover, .clshL:visited, .clshL:active
{
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:0 -157px;
	padding:3px 0 2px 0;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#999;
	margin-bottom:10px;
}

.clshL:hover
{
	color:#444;
}

.cntM, .cntM:link, .cntM:hover, .cntM:visited, .cntM:active
{
	color:#666;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 0 -180px;
	padding:5px 0 2px 0;
	text-decoration:none;
	font-size:16px;
}

.cntM:hover
{
	color:#333;
}

.clshM, .clshM:link, .clshM:hover, .clshM:visited, .clshM:active
{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0px -205px;
	padding:1px 0 2px 0;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#999;
}

.clshM:hover
{
	color:#444;
}

/* Fix: Overrides for Featured */

.clashed #featured .prod .cntL
{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0px -230px;	
}

.clashed #featured .prod .cntL b
{
	color:#aaa;
}

.clashed #featured .prod.picked .cntL
{
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 0px -130px;
}

.clashed #featured .prod.picked .cntL b
{
	color:#333;
}

/* Clashed items */

a.inactive:link, a.inactive:active, a.inactive:hover, a.inactive:visited
{
	color:#ccc;
}

b.chosen
{
	color:#333;
}

a.priceL, a.priceM
{
	display:none;
}


/* CHK: What are these definitions about? */

.info h2
{
	font-size:18px;
	font-weight:normal;
	color:#666;
}

.info h3
{
	font-size:16px;
	font-weight:normal;
	border:none;
	color:#444;
}

.info p
{
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	color:#222;
}


.info p.double
{
	padding-top:15px;
}

.info ul
{
	padding-left:20px;
	list-style-type:circle;
	color:#aaa;
	font-size:14px;
}

.info ul li
{
	color:#444;
	margin-bottom:10px;
}