/* =INITIAL 

   v2.1, by Faruk Ates - www.kurafire.net

   Addendum by Robert Nyman - www.robertnyman.com */



/* Neutralize styling: 

   Elements we want to clean out entirely: */

html, body, form, fieldset, div, span {

	margin: 0;

	padding: 0;

}

/* Neutralize styling: 

   Elements with a vertical margin: */

h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address {

	margin: 0.5em 0;

	padding: 0;

}



/* Apply left margin:

   Only to the few elements that need it: */

li, dd, blockquote {

   	margin-left: 1em;

}

a img, img a {

	border: none;

}

/* End Initial */

.clear:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearboth {

	clear: both;

    overflow: hidden;

    width: 0;

    height: 0;

}



/*-------------------------------------------------------------------



Page layout



--------------------------------------------------------------------*/



body {

	background-color: #000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	color: #000;

	text-align: center;	

	line-height: 110%;

}

#page {

	text-align: left;

	width: 96%;

	padding: 0;

	margin: 0 auto;	

	position: relative;

	font-size: 80%;

	background-color: #000;

	min-width: 800px;

	max-width: 1200px;

}

a, a:link {

	color: #2D5598;

	text-decoration: underline;

}

a:hover {

	color: #971C0D;

}

#wrapper {

	background-image: url(../images/layout/page_topmid.jpg);

	background-repeat: repeat-x;

	margin: 0 14px;	

	position: relative;

	background-color: #585858;

}

#main {

	position: relative;

	margin: 0;

}

#maintext {

	margin-right: 192px;

	min-height: 1000px;

	background-color: #FFF;

	padding: 20px;

	background-image: url(../images/layout/content_top.jpg);

	background-repeat: repeat-x;	

	padding-top: 20px; 

	position: relative;

	top: -8px;

}

#mainright, #mainleft {

	position: absolute;

	display: block;

	width: 220px;

	height: 150px;

	background-image: url(../images/layout/page_topleft.jpg);

	background-repeat: no-repeat;

	top: 0;

}

#mainright {

	background-image: url(../images/layout/page_topright.jpg);

	background-position: top right;

	width: 20px;

	right: 0;

}

#outer-main {

	background-image: url(../images/layout/outer_main.jpg);

	background-repeat: repeat-y;

}

#wrap-main {

	background-image: url(../images/layout/wrap_main.jpg);

	background-repeat: repeat-y;

	background-position: top right;

}

#inner-main {

	background-image: url(../images/layout/mainbottom.jpg);

	background-repeat: repeat-x;

	background-position: bottom left;

	padding: 20px 20px 10px 220px;

}

#bottomleft, #bottomright {

	display: block;

	position: absolute;

	bottom: 0;

	height: 40px;

	background-repeat: no-repeat;

}

#bottomleft {

	background-image: url(../images/layout/page_bottomleft.jpg);

	background-position: bottom left;

	width: 220px;

}

#bottomright {

	background-image: url(../images/layout/page_bottomright.jpg);

	background-position: bottom right;

	width: 20px;

	right: 0;

}

#sidebar {

	position:absolute;

	width: 200px;

	top: 60px;

}





/*--------------------------------------------------------------



Header styles



---------------------------------------------------------------*/

#header {

	height: 152px;

	background-image: url(../images/layout/header_mid.jpg);

	background-repeat: repeat-x;

	margin-top: 8px;

	position: relative;

	padding: 0;

}

#logo, #topnav {

	position: absolute;

	height: 152px;

	background-repeat: no-repeat;

}

#logo {

	background-image: url(../images/layout/header_left.jpg);

}

#topnav {

	right: -1px;

	top: 0;

	background-image: url(../images/layout/header_right.jpg);

	background-position: top right;

	padding-right: 30px;	

}

#logo img {

	position: relative;

	top: 58px;

	left: 10px;

	margin-right: 30px;

}

#topnav ul {

	list-style: none;

}

#topnav li {

	display: block;

	float: left;

	text-align: center;

	margin-right: 20px;

}

#topnav li a {

	color: #DF1111;

	font-weight: bold;

	text-decoration: none;

	text-transform: capitalize;

}

#topnav li a:hover {

	color: #FFF;

}

#topnav li span.german {

	color: #FFF;

	display: block;

	border-top: 1px solid #FFF;

	font-weight: normal;

	font-size: 90%;

}

#call-us, #header p {

	position: absolute;

}

#header p {

	color: #FFF;

	top: 65px;

	left: 240px;

	width: 300px;

}

#call-us {

	color: #F33;

	text-transform: uppercase;

	font-weight: bold;

	top: 6px;

	left: 55px;

}

#call-us span {

	color: #FFF;

	display: block;

	font-size: 130%;

}





/*--------------------------------------------------------------



Content styles



---------------------------------------------------------------*/ 

#content-logo {

	position: absolute;

	top: 0;	

	left: -4px;

	background-image: url(../images/layout/pageheading.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 60px;

	width: 110px;

	text-indent: -9999em;

}

#inner-main h1 {

	top: 10px;

	padding: 5px;	

	padding-left: 90px;

	font-size: 180%;

	color: #F33;

	z-index: 10;

	font-family: Georgia, "Times New Roman", Times, serif;	

	border-bottom: 2px solid #CCC;

	padding-bottom: 10px;

	line-height: 120%;

}

#proceed {

	width: 300px;

}



/*--------------------------------------------------------------



Sidebar styles



---------------------------------------------------------------*/ 

#main-nav li, #main-nav {

	list-style: none;

}

#main-nav li span.german {

	color: #DF1111;

	display: block;

	border-top: 1px solid #DF1111;

	font-weight: normal;

	font-size: 80%;

	padding: 0;

}

#main-nav a {

	display: block;

	background-image: url(../images/layout/navbg.jpg);

	background-repeat: no-repeat;

	width: 150px;

	padding: 1px 5px 5px 25px;

	color: #000;

	text-decoration: none;

	font-weight: bold;

	text-transform: capitalize;

}

#main-nav a:hover {

	color: #DF1111; 

}

#teamwrap {

	background-image: url(../images/layout/team_mid.jpg);

	background-repeat: repeat-y;

	position: relative;

	left: 5px;

}

#team {

	background-image: url(../images/layout/team_bottom.jpg);

	background-repeat: no-repeat;

	background-position: bottom left;

	padding-bottom: 3px;	

}

#team h2 {

	background-image: url(../images/layout/team_top.jpg);

	background-repeat: no-repeat;

	height: 35px;

	padding-top: 25px;

	text-align: right;

	font-size: 90%;

	padding-right: 20px;

}

#team h3 {

	position: absolute;

	color: #DF1111;

	font-size: 130%;

	top: 34px;

	left: 72px;

	border-top: 1px solid #000;

	width: 110px;

	padding-top: 2px;

}

#team li, #team ul {

	list-style: none;

	padding: 0;

	margin: 2px;

}

#team li {

	display: inline;

}

#team ul a {

	display: block;

	background-image: url(../images/layout/teamlink.jpg);

	background-repeat: no-repeat;

	padding: 4px 8px 8px 20px;

	margin-left: 2px;

	color: #FFF;

	text-decoration: none;

}	

#team ul a:hover {

	color: #FAFA96;

}





/*--------------------------------------------------------------



Subbar styles



---------------------------------------------------------------*/ 

#sub-bar {

	width: 200px;

	position: absolute;

	top: 10px;

	right: 10px;

}

div.prodbox {

	background-image: url(../images/layout/featurebg.jpg);

	background-repeat: no-repeat;

	background-position: bottom left;

	width: 190px;

	margin: 0 auto;

	padding-bottom: 5px;

	margin-bottom: 3px;	

	padding-top: 0;

	color: #900;

	font-weight: bold;

}

span.itembox {

	display: block;

	width: 180px;

}

span.itembox label {

	float: left;

	padding-left: 10px;

	width: auto;

	position: relative;

	top: -2px;

}

div.prodbox .prodlabel {

	display: block;

	background-image: url(../images/layout/featurebg.jpg);

	background-repeat: no-repeat;

	background-position: top left;

	height: 12px;

	margin: 0;

	padding: 0;

	width: 190px;

}

div.prodbox img {

	float: left;

	padding-left: 5px;

}

div.prodbox .prodprice {

	clear: both;

	display: block;

	text-align: right;

	padding: 10px;

	padding-top: 0;

	padding-right: 10px;

	color: #DF1111;

	font-weight: bold;

}

div.prodbox .viewall a {

	font-weight: bold;

	color: #000;

	text-align: center;

	display: block;

	padding-bottom: 3px;

}

#feature-wrap {

	background-image: url(../images/layout/feature_mid.jpg);

	background-repeat: repeat-y;

}

#feature {

	background-image: url(../images/layout/feature_bottom.jpg);

	background-repeat: no-repeat;

	background-position: bottom left;

	padding-bottom: 5px;

}

#feature h2 {

	background-image: url(../images/layout/feature_top.jpg);

	background-repeat: no-repeat;

	height:35px;

	margin-top: 0;

	padding-top: 30px;

	color: #FFF;

	text-align: right;

	font-size: 120%;

	text-transform: uppercase;

	padding-right: 5px;

}

#feature h2 a {

	color: #FFF;

}

#feature h2 a:hover {

	text-decoration: none;

}

#currencybox {

	text-align: center;

	padding: 5px;

}

#currencybox select {

	width: 120px;

}

#photowrap {

	text-align: center;

}



/*--------------------------------------------------------------





Footer styles



---------------------------------------------------------------*/

#footer {

	text-align: right;

	padding: 0 20px;

	color: #FFF;

	padding-bottom: 20px;

	float: right;

}

#footer ul {

	list-style: none;

	float: right;

}

#footer li {

	display: inline;

}

#footer li a {

	display: block;

	width: 106px;

	padding-left: 20px;

	margin-left: 10px;

	background-image: url(../images/layout/footerlink.jpg);

	background-repeat: no-repeat;

	color: #000;

	float: right;

	font-weight: bold;

	text-align: left;

	line-height: 2em;

	text-decoration: none;

}

#footer li a:hover {

	color: #DF1111;

}

#copyright {

	clear: both;

	display: block;

}



/*--------------------------------------------------------------





Contact Page styles



---------------------------------------------------------------*/

h3.question {

	font-size: 130%;

	font-weight: bold;

	color: #003399;

	position: relative;

	font-family: "Trebuchet MS", "Arial Black", sans-serif;

}

p.address {

	padding-left: 20px;

}

#emailform {

	padding: 0 20px;

}

#emailform fieldset {

	background-color: #F5F5F5;

	border: 2px solid #EEE;

	padding: 20px;

}

#emailform legend {

	display: none;

}

span.required {

	color: #990000;

	font-weight: bold;

}

#emailform label {

	float: left;

	width: 150px;

	color: #003399;

	text-align: right;

}

#emailform label, #emailform input {

	margin-bottom: 5px;

	padding: 2px;

}

input.button {

	font-weight: bold;

	font-family: "Trebuchet MS", "Arial Black", sans-serif;

	margin-left: 150px;

	padding: 0;

	margin-top: 5px;

	cursor: pointer;

}



/*--------------------------------------------------------------



Affiliate Page styles



---------------------------------------------------------------*/

#sample-banners img {

	margin: 5px;

	border: 1px solid #999;

}

#mcafee-secure {
		text-align: right;
		padding-right: 300px;
		position: relative;
		top: 75px;
}