/* MAIN LAYOUT */

html {
}
	
body {
  font-family:Verdana;
  #background:url(images/background.jpg) -400px 300px no-repeat;
  background-color:#eee;
}

img { border:0px; }

#main {
  margin-left:auto;
  margin-right:auto;
  width:941px;
}

#square {
  background:url(images/pix.png);
  border:1px solid #d0d0d0;
  float:left;
  padding:10px;
  margin-top:20px;
}

#center {
  margin-top:35px;  
}

.seemore {
  background:url(images/arrow2.png) 0px 2px no-repeat;
  padding-left:15px;
  font-size:11px;
  color:#e5580b;
  text-decoration:none;
  font-weight:bold;
}

/* TOP */

#top .banner {
  
}

/* BANNER */

#banner {
  float:right;
  margin-top:5px;
  padding-right:23px;
}


/* MENU */

#menu {
   margin-left:270px;
   margin-top:-25px;
   #margin-top:-28px;
   position:relative;
}

#menu ul {
   list-style-type:none;	
   margin:0px;
   padding:0px;
}

#menu li {
   float:left;	
   margin:0px;
   padding:0px;   
}

#menu a	{
  font-size:10px;
  color:#222;
  text-decoration:none;
  padding-top:5px;
  width:125px;
  height:23px;
  display:block;
  text-align:center;
  font-weight:bold;
}

#menu li a {
   background:url(images/menu.jpg);
}

#menu li a:hover {
   background:url(images/menu_over.jpg);
}

#menu li.sel a {
   background:url(images/menu_sel.jpg);
   padding-top:5px;
   height:23px;
   color:white;
}

/* WARNING */

#warning {
   margin-bottom:20px;
   width:930px;
   height:36px;
   background:url(images/back_warning.jpg) no-repeat;
   text-align:center;
   color:white;
   font-size:12px;
   font-weight:bold;
   padding-top:2px;
}

/* LEFT */

#left {
  width:172px;
  float:left;
  margin-right:20px;
  margin-left:15px;
}

#search {
  background:url(images/search.jpg) no-repeat;  
  height:56px;
  margin-bottom:10px;
}

#search input {
  border:0px;
  margin-top:27px;
  margin-left:17px;
  height:14px;
  font-size:11px;
  width:133px;
}

.box1 {
  background:#fbfbfb;
  border-left:1px solid #e5e5e5; 
  border-right:1px solid #e5e5e5; 
  border-bottom:1px solid #e5e5e5;
  margin-bottom:10px;
}

.box1 h3 {
  background:url(images/box1.jpg) no-repeat;
  margin:0px;
  padding:0px;
  height:30px;
  text-align:center;
  padding-top:7px;
  font-size:13px; 
  color:white;
  text-transform:uppercase;
}

.box1 ul {
  list-style-type:none;
  margin:10px;
  padding:0px;
}

.box1 li {
  font-size:10px;
  margin-bottom:8px;
  background:url(images/arrow.png) 0px 2px no-repeat;
  padding-left:15px;
}

.box1 li a {
  text-decoration:none;
  color:#333;
}


.box2 {
  background:#fbfbfb;
  border-left:1px solid #e5e5e5; 
  border-right:1px solid #e5e5e5; 
  border-bottom:1px solid #e5e5e5;
  margin-bottom:10px;
}

.box2 h3 {
  background:url(images/box2.jpg) no-repeat;
  margin:0px;
  padding:0px;
  height:30px;
  text-align:center;
  padding-top:7px;
  font-size:13px; 
  color:white;
  text-transform:uppercase;
}

.box2 ul {
  list-style-type:none;
  margin:10px;
  padding:0px;
}

.box2 li {
  font-size:10px;
  margin-bottom:8px;
  background:url(images/arrow2.png) 0px 2px no-repeat;
  padding-left:15px;
}

.box2 li a {
  text-decoration:none;
  color:#333;
}

.box2 p {
  font-size:11px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}

.box2 .legend {
  margin-top:0px;
}

.box2 .legend a {
  color:black;
}

.convert_helper {

}

/* CONTENT */

#content {
   background:#f3f3f3;
   float:left;
   width:705px;
   border:1px solid #bbb9b9;
   min-height:400px;
   font-size:12px;
   Xheight: 100%;
}


#content .box3 {
  background:#fafdff;    
  padding:10px;
  width:300px;
  line-height:16px;
  margin:20px;
  font-size:11px;
}

#content .box4 {
  background:#fafdff;    
  padding:10px;
  margin:10px;
  border:1px solid #cacaca;
}

#content ul {
  margin-left:10px;
  margin-right:10px;
  padding-left:10px;
}

#content li {
  letter-spacing:0px;      
  padding-top:3px;
  padding-bottom:3px;
  background:url(images/arrow.png) 0px 6px no-repeat;
  padding-left:15px;
  margin-left:0px;
  list-style:none;
}

#content li a {
  text-decoration:none;
  color:#414141;
}

#content li a:hover {
  text-decoration:underline;
}

#content .band { 

}


#content h1 {
   background:#e7e7e7;
   margin:0px;
   padding-top:12px;
   padding-bottom:12px;
   border-bottom:1px solid #cacaca;
   color:#e5580b;
   font-size:16px;    
   padding-left:20px;
}

#content h2 {
   color:#393939;
   padding-bottom:5px;
   font-size:12px;    
   padding-top:20px;
   margin-left:15px;
   margin-right:15px;
}

#content h3 {
   color:#393939;
   padding-bottom:5px;
   font-size:11px;    
   padding-top:20px;
   margin-left:15px;
   margin-right:15px;
}

#content p {
   margin-left:15px;
   margin-right:15px;
}

#content a {
  color:#e5580b;
  text-decoration:none;
}

#content a:hover {
  color:#e5580b;
  text-decoration:underline;
}

#content .add_firefox a {
  width:165px;
  display:block;
  background:url(images/add_firefox.png) no-repeat;
  font-size:11px;
  padding-top:8px;
  height:32px;
  padding-left:45px;
  font-weight:bold;  
  color:white;
  text-decoration:none;  
}

#content .add_firefox a:hover {
  text-decoration:none;
}

#content .check  {
  padding-left:230px;
  background:url(images/sh_drive.png) 130px 50% no-repeat;
}

#content .check2  {
  padding-left:120px;
  background:url(images/sh_drive.png) 30px 50% no-repeat;
}

#content .check li, #content .check2 li {
  background:url(images/check.png) no-repeat;
  padding-left:40px;
  padding-top:8px;
  height:25px;
  #height:30px;
}

/* BOTTOM */

#bottom {
   float:left;
   text-align:center;
   margin-top:15px;
   font-size:9px;
   color:#999;
   width:900px;
}

/* BUTTONS */

a.button1 {
  display:block;
  background:url(images/button1.png) no-repeat;
  width:137px;
  color:white;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  padding-top:10px;
  height:27px;
  #height:37px;
  margin-bottom:5px;
  color:white;
} 

a.button1:hover {
  background:url(images/button1_over.png) no-repeat;
  color:white;
  text-decoration:none;
}

a.button2 {
  display:block;
  background:url(images/button2.png) no-repeat;
  margin-left:10px;
  width:150px;
  color:white;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  padding-left:10px;
  padding-top:5px;
  height:20px;
  #height:37px;
  margin-bottom:5px;
} 

a.button2:hover {
  background:url(images/button2.png) no-repeat;
}

/*------------- moz-button -------------------------------------------------------*/
	/* moz buttons { */

.moz-button-container {
	margin: 0;
	padding: 0;
}

.moz-button:after,.moz-button-container:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}  /* clear floats */
.moz-button a {
	float: left;
	cursor: pointer;
}

#content .moz-button a:hover {
    text-decoration:none;
}

.moz-button a * {
	display: block;
	float: left;
	position: relative;
}

.moz-button a span {
	padding: 0 0 0 6px;
}

.moz-button a span span {
	padding: 0 0 8px 0;
}

.moz-button a span span span {
	left: -6px;
	padding: 0 0 6px 0;
}

.moz-button a span span span strong {
	right: -6px;
}

.moz-button a span span span strong span {
	padding: 10px 45px 0 12px;
}

.moz-button a span span span strong input {
	right: -6px;
	padding: 10px 45px 0 6px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.moz-button a {
	color: #062445;
	background: #7cc11c url("images/mozbtn-bg.png") 100% 0 no-repeat;
}

.moz-button a>span {
	background: transparent url("images/mozbtn-edges.png") left bottom
		no-repeat;
}

.moz-button a span span {
	background: transparent url("images/mozbtn-edges.png") right bottom
		no-repeat;
}

.moz-button a span span span {
	background: transparent url("images/mozbtn-edges.png") left top
		no-repeat;
}

.moz-button a span span span strong {
	background: transparent url("images/mozbtn-edges.png") right top
		no-repeat;
}

.moz-button a:hover,.moz-button a:focus,.moz-button a:active {
	color: #0a3b73;
	background-color: #9dd34c;
	background-position: 100% -300px;
}

.moz-button a span,.moz-button a span span,.moz-button a span span span,.moz-button a span span span strong
	{
	background-image: url("images/mozbtn-edges-list.png");
	font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial,
		sans-serif;
	font-size: 14.4px;
}

.moz-button a span span span strong input {
	background-color: transparent;
	border: 0px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial,
		sans-serif;
	font-size: 14.4px;
	color: #062445;
	position: relative;
	top: 0;
	left: -5px;
	float: left;
}

p.moz-button:hover {
	background-color: transparent;
}
/* } moz buttons */


/* PAYPAL */

.paypal {
  margin-left:280;
}

.paypal input {
  position:relative;
  top:2px;
  margin-right:10px;
}

#content a.button1 {
  display:block;
  background:url(images/button1.png) no-repeat;
  width:137px;
  color:white;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  padding-top:10px;
  height:27px;
  #height:37px;
  margin-bottom:5px;
  color:white;
} 

#content a.button1:hover {
  background:url(images/button1_over.png) no-repeat;
  color:white;
  text-decoration:none;
}