/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	background: #fff url(/graphics/bg-main.gif) top left repeat-x;
	font: normal 100%/120% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

#container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0 4px 0;
	position: relative;
	}

#left {
	float: left;
	width: 212px;
	padding: 146px 18px 0;
	margin: 0 0 0 -4px;
	background: transparent url(/graphics/bg-left.gif) top left no-repeat;
	}
	
#content {
	padding: 110px 0 0 0;
	width: 707px;
	float: right;
	}
	
#header {
	position: absolute;
	top: 50px;
	left: 286px;
	}
	
#footer {
	font: normal 70%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #949494;
	padding: 39px 0 10px 0;
	background: transparent url(/graphics/bg-footer.gif) 0 30px repeat-x;
	clear: both;
	text-align: center;
	}
	
#footer p {
	margin: 0 0 6px 0;
	}
	
#footer a {
	color: #599abb;
	}
	
#footer a:hover {
	text-decoration: none;
	}
	
	
/* ========================================================== */
/* ====                      HEADER                      ==== */
/* ========================================================== */
	
#header ul li {
	float: left;
	list-style-type: none;
	}
	
#header ul li a {
	display: block;
	text-indent: -20000em;
	height: 41px;
	}
	
#header ul li.home a {
	width: 65px;
	background: transparent url(/graphics/menu-home.gif) 0 0 no-repeat;
	margin: 0 70px 0 0;
	}
	
#header ul li.abou a {
	width: 101px;
	background: transparent url(/graphics/menu-about.gif) 0 0 no-repeat;
	margin: 0 74px 0 0;
	}
	
#header ul li.cont a {
	width: 117px;
	background: transparent url(/graphics/menu-contact.gif) 0 0 no-repeat;
	margin: 0 81px 0 0;
	}
	
#header ul li.spec a {
	width: 140px;
	background: transparent url(/graphics/menu-special.gif) 0 0 no-repeat;
	}
	
/* ========================================================== */
/* ====                      CONTENT                     ==== */
/* ========================================================== */

#content {
	}
	
#content h1 {
	font: normal 160%/120% "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	margin: 6px 0 0 0;
	}
	
#content h2 {
	font: normal 90%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #3e91bc;
	margin: -3px 0 0 0;
	}
	
#content h3 {
	font: bold 70%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #3e91bc;
	margin: 12px 0 0 0;
	}
	
#content p {
	font: normal 70%/200% Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 17px 0 0;
	color: #535353;
	}
	
#content a {
	color: #2687b8;
	}
	
#content a:visited {
	background: #ebfcfc;
	text-decoration: none;
	}
	
#content a:hover {
	text-decoration: none;
	background: #fff;
	}
	
#content p.breadcrumb {
	border-top: 1px solid #D6EBFF;
	border-bottom: 1px solid #D6EBFF;
	}

#content p.product.breadcrumb {
	width: 45%;
	}
	
#content p.help {
	clear: both;
	font: bold 70%/200% Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 17px 0 0;
	color: #7d3432;
	}

#content ul {
	font: normal 70%/200% Verdana, Arial, Helvetica, sans-serif;
	color: #535353;
	}
	
#content ul li {
	margin: 6px 17px 0 30px;
	}
	
#content table {
	font: normal 70%/200% Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 17px 0 0;
	color: #535353;
	border-top: 1px solid #a2d5ef;
	width: 694px;
	clear: both;
	}
	
#content table th { 
	border-bottom: 1px solid #c4dff9;
	background: #e3f1ff;
	padding: 2px 5px
	}
	
#content table td { 
	border-bottom: 1px solid #d6ebff;
	padding: 2px 5px
	}
	
#content .navaid {
	float: left;
	width: 334px;
	/*clear: right;*/
	margin: 25px 26px 0 0;
	padding: 6px 0 0 0;
	position: relative;
	min-height: 124px;
	border-top: 1px dashed #419fd0;
	}
	
#content .navaid.product {
	float: right;
	width: 334px;
	margin: 25px 17px 0 26px ;
	padding: 6px 0 0 0;
	position: relative;
	text-align: center;
	border-top: 1px dashed #419fd0;
	}
	
#content .navaid a {
	top: 0;
	right: 0;
	width: 334px;
	height: 124px;
	display: block;
	position: absolute;
	background: transparent url(/graphics/arrow.png) 100% 100% no-repeat;
	text-indent: -20000em
	}
	
* html #content .navaid a {
	top: 0;
	right: 0;
	width: 334px;
	height: 124px;
	display: block;
	position: absolute;
	background: transparent url(/graphics/arrow.gif) 100% 100% no-repeat;
	text-indent: -20000em
	}
	
#content .navaid a:hover {
	background: transparent url(/graphics/arrow2.png) 100% 100% no-repeat;
	text-indent: -20000em
	}
	
* html #content .navaid a:hover {
	background: transparent url(/graphics/arrow.gif) 100% 100% no-repeat;
	}
	
* html #content .navaid a:visited {
	background: transparent url(/graphics/arrow.gif) 100% 100% no-repeat;
	}
	
#content .navaid.right {
	margin: 25px 0 0 0;
	}
	
#content .navaid img {
	float: left;
	}
	
#content .navaid.product img {
	float: none;
	}
	
#content .navaid h2 {
	font: bold 100%/120% "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	margin: 0 0 0 0;
	}
	
#content .navaid p {
	font: normal 70%/170% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	}
	
/* ========================================================== */
/* ====                      CONTENT                     ==== */
/* ========================================================== */

#left ul {
	border-top: 1px solid #ebebeb;
	}
	
#left ul li {
	list-style-type: none;
	margin: 0;
	}
	
#left ul li a {
	border-bottom: 1px solid #ebebeb;
	display: block;
	color: #3398CC; /*#545454;*/
	text-decoration: none;
	font-size: 70%;
	padding: 6px 0 6px 14px;
	background: transparent url(/graphics/bg-menu.gif) 2px 50% no-repeat;
	}
	
#left ul ul {
	display: block;
	border-top: none;
	}
	
#left ul li ul li a {
	display: block;
	color: #747474;
	text-decoration: none;
	font-size: 70%;
	padding: 6px 0 6px 34px;
	background: transparent url(/graphics/bg-menu.gif) 22px 50% no-repeat;
	}

#left ul li .selected,
#left ul li a:hover {
	color: #545454;
	background: #EAF4F9 url(/graphics/bg-menu-over.gif) 2px 50% no-repeat;
	}
	
#left ul li ul li a:hover,
#left ul li ul li a.on {
	color: #545454;
	background: #EAF4F9 url(/graphics/bg-menu-over.gif) 22px 50% no-repeat;
	}
	
#left p.company {
	top: 51px;
	left: 18px;
	width: 213px;
	height: 77px;
	text-indent: -20000em;
	background: transparent url(/graphics/logo.gif) top left no-repeat;
	position: absolute;
	}
	
#left p.company a {
	width: 213px;
	height: 77px;
	display: block;
	}
	
/* ========================*/
/*          Form           */
/* ========================*/
	
form input.submit {
	float: right;
	margin: 4px 12px 0 0;
	padding: 2px 6px;
	cursor: pointer;
	cursor: hand;
	border: 3px double #3398CC;
	font: bold 90%/110% Arial, Helvetica, sans-serif;
	color: #c00;
	background: #f0f6fc;
	}
	
form input.reg {
	background: #fff url(/graphics/register2.gif) top left;
	width: 123px;
	height: 21px;
	}

form.checkoutForm div.mand {
	background: #e1e8ef;
	margin: 4px;
	}

form.checkoutForm div.fLeft,
form.checkoutForm div.fRight {
	font: bold 80%/110% Arial, Helvetica, sans-serif;
	float: left;	
	width: 30%;
	padding: 5px;
	}
	
form.checkoutForm div.fLeft {
	padding: 7px 5px 5px 5px;
	text-align: right;
	}
	
form.checkoutForm div.fLeft span { 
	margin: 0 5px 0 0;
	}
	
form.checkoutForm div.error {
	background: #f8d6d8;
	margin: 4px;
	}
	
#content form.checkoutForm div.error p {
	color: #d4000c;
	margin: 0 0 0 32%;
	}
	
/* ========================*/
/*         Styling         */
/* ========================*/

a {
	outline: none;
	}
	
a img {
	border: none;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */