/* CSS Document */

* {
	margin:0; 
	padding:0;
	font-size:100%;
}

body{
	background:#111111 url(images/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}

a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right { float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:tahoma, arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#242424;
	
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171; text-decoration:none;}
a:hover {text-decoration:underline;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:1.85em;}

.link {background:url(images/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {
	color:#1d1d1d;
	font-size:2em;
	line-height:.7em;
	font-weight:normal;
	letter-spacing:.5px;
	margin-bottom:15px;
}
h3 {color:#6b8c01; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}

h3.orange_regular {color: #F97B00; font-weight: normal;}
h3.orange_bold {color: #F97B00; font-weight: bold;}

h3.green_regular {color: #6b8c01; font-weight: normal;}
h3.green_bold {color: #6b8c01; font-weight: bold;}

h3.black_regular {color: #000; font-weight: normal;}
h3.black_bold {color: #000; font-weight: bold;}


.dark_grey {color: #121212; }

cite {font-style:normal;}

/* ============================= header ====================== */

.logo {margin: 0 0 15px 0px;}

#header .border {border:1px solid #000000; background:url(images/header-bg2.jpg) no-repeat bottom left; height:310px; clear: both; }
#header #logo_a {float: left; width: 500px}
#login_a {float: right; text-align: right; color: #F97B00; margin-right: 10px; }

#login_a:hover {color: #fff}

#login_form  {width: 600px; padding: 30px 30px; height: 500px; font-size: 120%; margin: 0 auto; text-align: center}
#launch_modules {width: 600px; padding: 30px 30px; height: 300px; font-size: 120%; margin: 0 auto; text-align: center;}

#launch_modules a{color: #F97B00}

#request_form fieldset {border: 0;}


.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;}
.menu li {float:left; width:145px; padding:0; text-align:center; background:url(images/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(images/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}

.menu .active a {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}

.menu .last {background:none; padding:0; width:138px; }

.menu .last_active {background:none; padding:0; width:138px; overflow: hidden;}
.menu .last_active  a {color:#ababab; width: 138px; background:url(images/menu-tali-active.gif); }

.slogan {margin: 64px 0 0 64px; float: left; width: 360px; height: 117px; }
.prodBox {margin:  0; float: left; width: 178px; height: 251px; }

.slogan a {display: block; width: 160px; height: 30px; float: left; margin-top: 84px; }

/* ============================= content ====================== */

#content {clear: both;}

.banners {border-bottom:1px solid #d5d5d5; background:#ececec url(images/banner-tail.gif) top repeat-x;}
.banner {width:407px; padding:23px 0 0 0; float:left;}
.banner .imgindent {margin-right:5px;}
.banners .links {color:#7f9500; padding:14px 0 0 0;}
.banners .links a {color:#7f9500; font-weight:bold; text-decoration: underline;}
.banners .banner2 h3 {color:#d96100;}
.banners .banner2 .links {color:#d24d00;}
.banners .banner2 .links a {color:#d24d00;}

.line {background:url(images/banner-devider.gif_) repeat-y 437px 0; padding-top: 0px}
.banner-pad {padding-right:32px;}

.indent {padding:33px 50px 33px 48px;}

.col-pad {padding-right:75px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(images/list-bg.gif) no-repeat 0 2px; padding-left: 12px;}
.padding1 {padding-top:20px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
.extra {overflow:hidden; zoom:1;}

.total {font-size: 120%; font-weight: bold;}


/* ============================= footer ====================== */

#footer {color:#717171; padding:20px 79px 0 70px;}
#footer a {color:#efefef;}
.rss {float:right; margin:4px 0 0 7px;}
#footer .submenu {float:right;}
#footer .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
#footer .submenu li a {color:#a4a4a4;}
#footer .submenu .first {border:none;}


/* ============================= forms ============================= */


#NewsletterForm .rowi {height:50px;}
.input {width:203px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

#ContactForm {padding:0 22px 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .input {width:221px; height:18px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:221px; height:172px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}

#ContactForm .button {float:right; margin:30px 0 0 30px; font-size: 1.2em; padding: 2px 10px 4px 10px; color: #fff; border:0; cursor: pointer }

#contact_clear, #contact_send, #checkout_btn{background:url(images/contact_button_idle.png) repeat-x top left}
#contact_clear:hover, #contact_send:Hover, #checkout_btn:hover {background:url(images/contact_button_over.png) repeat-x top left}

#checkout_btn {float:left; margin:35px  0 0 0; font-size: 120%; padding: 2px 10px 4px 10px; color: #fff; border:0; cursor: pointer;}
	
#checkout_error {background-color: #FFA299; border: #FF4533 solid 1px; display: none; margin-top: 30px; font-weight: bold; font-size: 120%; padding: 10px 0 10px 10px ; }