/* CSS Document 

Conversion Studios 

*/

/* -------------------------------- HTML Tags -------------------------------- */

body {
	text-align:center;
	background-color: #000033;
	margin:0px;
}

p { 
	color:#FFFFFF;
	font: 10px/12px Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	font: Arial, Helvetica, sans-serif;
}

il, ul {
	color:#FFFFFF;
	font: 10px/14px Arial, Helvetica, sans-serif;
	list-style-type:circle;
	}
/* -------------------------------- ID Tags -------------------------------- */


/* ---------------------- Container ----------- */

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	}
	
#currency {
	position:relative;
	width:200px;
	height:60px;
	background:white;
	text-align:center;
	margin:0 auto;
	}

#container h1 {
	margin-left:20px; 
	color: #FFFFFF;
	font:20px/20px Arial;
	display: inline;
}

#container h2 {
	border-left:1px solid #FF9900;
	margin-left:20px;
	padding-left:20px;
	color: #FF9900;
	font:20px/20px Arial;
	display: inline;
}

#container h3 {
	margin-left:20px;
	padding-left:20px;
	color: #FF9900;
	font:12px/12px Arial;
	display: inline;
}

#container a:link.checkout, #container a:visited.checkout  {
	margin-left:20px; 
	color: #ffffff;
	font:10px/10px Arial;
	display: inline;
	text-decoration:none;
}


/* ---------------------- Header ----------- */

#header {
	background-image:url(images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:760px;
	height:150px;
	padding: 5px 0px 5px 0px;
	}

/* ---------------------- Image Holder ----------- */

#image-holder {
	width:760px;
	height:150px;

	padding: 5px 0px 5px 0px;

	}

/* -----------------------------------------------------------
 Navigation */

#naviagation {
text-align: center;
width:760px;
height:25px;
border-bottom:1px solid #FFFFFF;
padding: 5px 0px 5px 0px;
	
}

#naviagation, #naviagation ul { /* all lists */
margin:0px;
padding:0px;
list-style-type:none;
}

#naviagation a {
text-decoration:none;
display: block;
}

#naviagation li:first-child {
border-left: none;
}

#naviagation ul li ul li:first-child {
border-left:1px solid #FFFFFF;
}

#naviagation li {
width:72px;
border-left:1px solid #FFFFFF;
float:left;
padding:2px 1px 2px 1px;
}

#naviagation li.acc {
width:80px;
border-left:1px solid #FFFFFF;
float:left;
padding:3px 1px 3px 1px;
}

#naviagation li ul{
position: absolute;
left: -999em;
width:72px;
background-color: #000033;
padding-top:8px;
}

#naviagation li ul li{
width:72px;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
padding:5px 0px 5px 0;
}

#naviagation li ul li a {
font-weight:normal;
}

#naviagation a:link, #naviagation a:visited {
color:#fff;
}

#naviagation a:hover{
color:#F90;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
margin:0px;
}


/* ---------------------- Title Area ----------- */

#title-area {
	text-align:left;
	width:760px;
	height:27px;
	border-bottom:1px solid #FFFFFF;
	padding: 5px 0px 0px 0px;
}

#title-area h1 {
	margin-left:20px; 
	color: #FFFFFF;
	font:20px/20px Arial;
	display: inline;
}

#title-area h2 {
	border-left:1px solid #FF9900;
	margin-left:20px;
	padding-left:20px;
	color: #FF9900;
	font:20px/20px Arial;
	display: inline;
}

#title-area h3 {
	margin-left:20px;
	padding-left:20px;
	color: #FF9900;
	font:12px/12px Arial;
	display: inline;
}

#title-area a:link, #title-area a:visited  {
	margin-left:20px; 
	color: #FFFFFF;
	font:20px/20px Arial;
	display: inline;
	text-decoration:none;
}

#title-area a:link.checkout, #title-area a:visited.checkout  {
	margin-left:20px; 
	color: #ffffff;
	font:10px/10px Arial;
	display: inline;
	text-decoration:none;
}

#title-area h1 a:link, #title-area a:visited  {
	margin-left:20px; 
	color: #ffffff;
	font:20px/20px Arial;
	display: inline;
	text-decoration:none;
}

/* ---------------------- Featured Links News & Testimonials ----------- */

#featlinks-img {
	text-align:left;
	width:760px;
	border-bottom:1px solid #FF9900;
	padding: 5px 0px 5px 0px;
}

#featlinks-img img {
	border:0px;
	display:inline;
	padding:2px;
	margin: 5px 0px 5px 20px;
	}
	
/* ---------------------- Featured Links News & Testimonials ----------- */

#featlinks {
	width:760px;
	height:90px;
	border-bottom:1px solid #FF9900;
	padding: 5px 0px 5px 0px;
}

#featlinks img {
	float:left;
	display:inline;
	padding:2px;
	margin: 5px 0px 5px 20px;
	}

#featlink-box {
	text-align:left;
	float:left;
	width:160px;
	height:80px;
	display:inline;
	padding:2px;
	margin-left:20px;

	}
	
#featlink-box a:link, #featlink-box a:visited {
	padding-bottom:5px;
	color: #CCCCCC;
	font:12px/16px Arial;
	text-decoration:none;
}

#featlink-box a:hover {
	text-decoration:underline;
}

#featlink-box p {
	color: #CCCCCC;
	font:10px/12px Arial;
}
/* ---------------------- News Area / Box ----------- */

#news-box {
	text-align:left;
	width:760px;
	border-bottom:1px solid #FFFFFF;
	padding: 5px 0px 5px 0px;

	}

#news-box a:link, #news-box a:visited {
	display: block;
	margin-left:20px;
	padding-bottom:5px;
	color: #CCCCCC;
	font:12px/16px Arial;
	text-decoration:none;
}

#news-box a:hover {
	color:#FF9900;
}

/* ---------------------- News Area For Copy----------- */

#news-copy {
	text-align:left;
	width:760px;
	border-bottom:1px solid #FF9900;
	padding: 10px 0px 2px 0px;
}

#news-copy p {
	margin: 0px 350px 10px 20px;
	color: #FFFFFF;
	font:12px/12px Arial;
}
/* ---------------------- Main Area For Copy----------- */

#main-copy {
	width:760px;
	border-bottom:1px solid #FFFFFF;
	padding: 10px 0px 10px 0px;
}

#main-copy h1 {
	text-align:left;
	margin: 0px 350px 0px 20px;
	color: #FFFFFF;
	font:16px/18px Arial;
}

#main-copy p {
	text-align:left;
	margin: 0px 350px 10px 20px;
	color: #FFFFFF;
	font:12px/15px Arial;
}

#main-copy a:link, #main-copy a:visited  {
	text-align:left;
	margin: 0px 350px 10px 0px;
	color: #FF9900;
	font:12px/15px Arial;
	text-decoration:none;
}

#main-copy a:hover {
	text-decoration:underline;
}

/* ---------------------- Engineers Area For Copy----------- */

#engineers-copy {
	display:table;
	width:760px;
	border-bottom:1px solid #FFFFFF;
	padding: 10px 0px 10px 0px;
}

#engineers-box {
	text-align:left;
	width:200px;
	float:left;
	display:inline;
	padding:2px;
	margin:0 0 0 20px;
}

#engineers-box h1 {
	color: #CCCCCC;
	font:14px/16px Arial;
	font-weight:bold;
	margin-left:0px; 
}

#engineers-box p {
	color: #CCCCCC;
	font:12px/15px Arial;
}
/* ---------------------- VCiew News Area For Copy----------- */

#viewnews-copy {
	display:table;
	text-align:left;
	width:760px;
	border-bottom:1px solid #FFFFFF;
}

#viewnews-copy h1 {
	margin: 10px 200px 10px 235px;
	color: #FFFFFF;
	font: 24px/28px Arial;
}

#viewnews-copy p {
	margin: 0px 200px 20px 235px;
	color: #FFFFFF;
	font:12px/15px Arial;
}
#viewnews-copy ul, #viewnews-copy il {
	margin: 0px 200px 20px 235px;
	font: 12px/18px Arial;
	list-style-type:circle;
	}

#viewnews-copy a:link, #viewnews-copy a:visited {
	display:inline;
	color: #FF9900;
	font:12px/15px Arial;
	text-decoration:none;
}

#viewnews-copy a:hover {
	text-decoration: underline;
}

#viewnews-copy img {
	float:left;
	margin: 10px 10px 10px 20px;
	border:1px solid #FFFFFF;
}

#footer {
	display:table;
	text-align:left;
	width:760px;
	padding: 5px 0px 5px 0px;
	}
	
#footer p {
	color: #FFFFFF;
	font:12px/12px Arial;
	margin-right: 5px;
	padding-right:5px;
	border-right: 1px solid #FFFFFF;
	display:inline;
	}
	
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	font:12px/12px Arial;
	margin-right: 5px;
	padding-right:5px;
	border-right: 1px solid #FFFFFF;
	display:inline;
	text-decoration:none;
}

#footer a:hover {
	color: #CCCCCC;
}
/* -------------------------------- Classes -------------------------------- */

.feat-link-clipper {
	width::160px;
	height:38px;
	overflow:hidden;
	}
	
html>body .feat-link-clipper {
	width::160px;
	height:48px;
	overflow:hidden;
	}
	
.user-table {
	text-align:left;
	float:right;
	background:url(images/bg-user.gif) no-repeat;
	width:192px;
	height:140px;
	}

.user-table p {
	margin:0px;
	color: #FFFFFF;

	font:10px/10px Arial;
	padding-left:5px;
	}
	
.user-table h1 {
	margin:0px;
	color: #FFFFFF;
	font:18px/18px Arial;
	padding-left:2px;
	}
	
.input-120 {
	margin-right:5px;
	width:120px;
	font:10px/10px Arial;
	}
	
.input-button {
	margin-right:5px;
}