@charset "utf-8";
/* CSS Document */


#display{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#CCC;}
#desc{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333;}
a{ text-decoration:none; }
a:hover{ color:#F30;}
#mac{ font-size:35px; color:#333;}
#mic{ font-size:25px; color:#333;}
#prod_name{ position:absolute; margin-left:230px; margin-top:120px; text-align:right; width:320px; color:#666;}
#os_name{ position:absolute; margin-left:210px; margin-top:100px; text-align:right; width:340px; color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#pub_wall{ position:absolute; margin-top:30px; margin-left:10px; width:340px; color:#666;}
#screens_cont{ position:absolute; margin-left:250px; margin-top:0px;}
.thumbs{ margin-top:3px;}
#mater_wrap{ width:598px;}
#description{ color:#333; position:absolute; margin-left:20px; margin-top:200px; width:550px;}
#features{ color:#333; position:absolute; margin-left:20px; margin-top:250px; width:500px; text-align:justify; font-size:11px;}
#pricetag{ position:absolute; margin-left:475px; margin-top:30px;}
#addtocart_cont{ position:absolute; margin-left:440px; margin-top:60px; font-size:20px; z-index:1000; color:#000;}
#addtocart1{ position:absolute; margin-left:405px; margin-top:235px; z-index:1000; color:#000;}
#screenshots_11{ background-image:url(fx/screenshots.png); width:92px; height:16px; margin-top:62px; margin-left:340px; cursor:pointer; position:absolute; z-index:1000;}
#screenshots_11:hover{ background-image:url(fx/screenshots_hover.png); position:absolute;}

/* first reset some of the elements for browser compatibility */
body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

body{	/* style the body */

	color:white;
	font-size:13px;
}

.clear{	/* the clearfix class */
	clear:both;
}

a, a:visited {	/* a:visited is needed so it works properly in IE6 */
/*	color:#00BBFF;*/
    cursor:pointer;
	text-decoration:none;
	outline:none;
}

a:hover{	/* the hover effect */
	text-decoration:underline;
}

#container{	/* the main container div */
	width:890px;
	margin:20px auto;
}

#heading,#footer{	/* the header and the footer share some of their style rules */
	background-color:#2A2A2A;
	border:1px solid #444444;
	height:20px;
	padding:6px 0 25px 15px;
	margin-bottom:30px;
	overflow:hidden;
}

#footer{	/* ..but not all */
	height:10px;
	margin:20px 0 20px 0;
	padding:6px 0 11px 15px;
}

div.nomargin{	/* our special nomargin class */
	margin-right:0px;

}

.pic{	/* divs that hold all the pictures in the gallery */
	float:left;
	margin:0 5px 5px 0;
	border:1px solid white;
	width:43px;
	height:32px;
}

.pic a{	/* in every .pic container there is a hyperlink exactly the size of the container */
	width:43px;
	height:32px;
	text-indent:-99999px;
	display:block;	/* don't forget that widths and heights of hyperlinks are useless without display:block */
}

h1{	/* style the heading */
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2{	/* the footer text */
	font-weight:normal;
	font-size:14px;
	color:white;
}

#screens_cont{ width:195px; height:80px;}

#addtocart a{color: blue}