/*------------------------------------------------------------------
Company Name /  global.css

Author:			First Last	<@.com>

Methods: 		1. 	CSS FILES ORGANISATION 
					global.css			->	 	global rules
						fontsizes/*.css		->		main measurements files
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
							
				
				2.	IN THIS CSS FILE:
					General Rules
					Form Elements (appearance settings only)
					#container
						#header
							#logo
							#mainnav
						#body
							global elements for #body	
							column settings for #body						
						#footer
					Workarounds
--------------------------------------------------------------------*/



 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		verdana, arial,helvetica,sans-serif;
}

html,body {
	/*part 1 of 100% height hack*/
	height:				100%;
}

html {
	font-size: 			50%; /* Part one of 1em = 10px */
}

body {
	background: 		#eee url('../i/designelements/bg_body.jpg') repeat-x left top;
	padding:			0;
	margin:				0;
	
	font-size: 			125%; /* Part two of 1em = 10px */
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}


 /* Global Link Settings
--------------------------------*/
a {
	color:				#0066cc;
	text-decoration:	none;
}
a:visited {
	
}
a:hover, 
a:active {
	text-decoration:	underline;
}


 /* General Elements
--------------------------------*/

img {
	 /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

.nomargin {
	margin:				0 !important;
}

.nobg {
	background:			none !important;
}

.noborderleft {
	border-left:		0 !important;
}

.invis {
	display:			none;
}

.red {
	color:				#cc0000 !important;
}

.greyborder {
	border:				1px solid #dcdcdc;
}

.unbold {
	font-weight:		normal !important;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}



 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
label {
	font-size:			1.1em;
	color:				#666666;
}

input.type_submit {
	
}
input.type_text,
textarea.type_text  {
	color:				#58626b;
	font-size:			0.9em;
	border:				1px solid #999999;
	padding:			1px 5px 2px 5px;
}
label.type_checkradio {
	
}
select {
	font-size:			1.1em;
	color:				#666666;
}
select option {
	padding:			0 3px;
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width: 				919px;
	
	padding:			0;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height: 			100%;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
}

html>body #container {
/*part 3 of 100% height hack*/
    height: 			auto;
}




#containerpopup {
	padding:			0;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height: 			100%;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:			relative;
	padding:			5px 0 0 0;
	margin:				0 4px;
	height:				62px;
	z-index:			10;
}

#header #logo {
	float:				left;
	display:			inline;
	margin:				15px 0 0 14px;
}

#header form {
	float:				right;
	display:			inline;
}

#header input.type_text {
	float:				left;
	display:			inline;
	width:				145px;
	margin-right:		2px;
}

 /* Global Nav Setup
--------------------------------*/

#header #globalnav {
	list-style:			none;
	display:			inline;
	padding:			0 5px 0 0;
	position:			relative;
	top:				-1px;
	z-index: 			200;
}

#header #globalnav li {
	display:			inline;
}


#header #globalnav li a {
	font-size:			0.9em;
	float:				left;
	display:			inline;
	padding:			3px 8px 0 8px;
	background:			transparent url('../i/designelements/globalnav_bg.gif') no-repeat right top;
}


#header #globalnav li a.expandable {
	height:				16px;
	width:				74px;
	padding:			3px 0 0 10px;
	overflow:			hidden;
	background:			transparent url('../i/designelements/globalnav_hov.gif') no-repeat left top;
}
#header #globalnav li a.expandable:hover {
	text-decoration:	none;
}
#header #globalnav li:hover a.expandable,
#header #globalnav li.hover a.expandable {
	background:			transparent url('../i/designelements/globalnav_hov.gif') no-repeat left bottom;
}

#header #globalnav ul {
	display:			none;
	position:			absolute;
	top:				1.8em;
	left:				1px;
	background-color:	#fff;
	z-index:			6;
	border:				1px solid #cccccc;
	width:				160px;
	padding:			4px 0 6px 0;
}

#header #globalnav #sub_howto {
	width:				450px;
	padding:			8px;
	color:				#666666;
	list-style-type:	none;
}
#header #globalnav #sub_login {
	left:				85px;
}
#header #globalnav #sub_howto p {
	margin-bottom:		10px;
}
#header #globalnav #sub_howto a {
	padding:			0;
}
#header #globalnav #sub_howto img {
	float:				left;
	display:			inline;
	margin-left:		5px;
	clear:				left;
}

#header #globalnav #sub_howto p.flag {
	margin:				-3px 0 10px 28px;
}

#header #globalnav li:hover ul,
#header #globalnav li.hover ul {
	display:			block;
}

#header #globalnav ul li {
	display:			block;
	padding:			2px 8px 2px 0;
}

#header #globalnav ul a {
	float:				none;
	background:			none;
	
}

#header #globalnav #sub_howto div.floatleft,
#header #globalnav #sub_howto div.floatright {
	width:				215px;
}

#header #globalnav #sub_howto div.floatleft {
	border-right:		1px solid #f1f1f1;
}



/*
Global Nav Setup DIGG, FACEBOOK, DELICIOUS, etc.. JTieu 11/20/08
-------------------------------*/
#header #globalnavSocialSites {
	list-style:			none;
	float:				right;
	display:			inline;
	padding:			0 0px 0 0;
	position:			relative;
	top:				-1px;
	z-index: 			190;
}

#header #globalnavSocialSites li {
	display:			inline;
}

#header #globalnavSocialSites li a {
	font-size:			0.9em;
	float:				left;
	display:			inline;
	padding:			3px 8px 0 8px;
	background:			transparent url('../images/cp.gif') no-repeat right top;
}


#header #globalnavSocialSites li a.expandable {
	height:				16px;
	width:				120px;
	padding:			3px 0 0 4px;
	overflow:			hidden;
}
#header #globalnavSocialSites li a.expandable:hover {
	text-decoration:	none;
}
#header #globalnavSocialSites li:hover a.expandable,
#header #globalnavSocialSites li.hover a.expandable {

}

#header #globalnavSocialSites ul {
	display:			none;
	position:			absolute;
	top:				1.8em;
	left:				5px;
	background-color:	#fff;
	z-index:			6;
	border:				1px solid #cccccc;
	width:				160px;
	padding:			4px 0 6px 0;
}

#header #globalnavSocialSites #sub_social {
	width:				145px;
	padding:			8px;
	color:				#666666;
	list-style-type:	none;
}


#header #globalnavSocialSites li:hover ul,
#header #globalnavSocialSites li.hover ul {
	display:			block;
}

#header #globalnavSocialSites ul li {
	display:			block;
	padding:			2px 8px 2px 0;
}

#header #globalnavSocialSites ul a {
	float:				none;
	background:			none;
	
}

#header #globalnavSocialSites #sub_social div.floatleft,
#header #globalnavSocialSites #sub_social div.floatright {
	width:				215px;
}

#header #globalnavSocialSites #sub_social div.floatleft {
	border-right:		1px solid #f1f1f1;
}




/*
Social Bookmarking Widget DIGG, FACEBOOK, DELICIOUS, etc.. JTieu 11/20/08
-------------------------------*/

.at15t{display:block;height:16px;line-height:16px;padding-left:20px;
		background:url('../images/widget.gif') no-repeat left;
		cursor:pointer}
.at15t_aolfav{background-position:0px -32px}
.at15t_ask{background-position:0px -48px}
.at15t_backflip{background-position:0px -64px}
.at15t_ballhype{background-position:0px -80px}
.at15t_blinklist{background-position:0px -96px}
.at15t_blogmarks{background-position:0px -112px}
.at15t_bluedot{background-position:0px -128px}
.at15t_delicious{background-position:0px -144px}
.at15t_digg{background-position:0px -160px}
.at15t_diigo{background-position:0px -176px}
.at15t_email{background-position:0px -192px}
.at15t_facebook{background-position:0px -208px}
.at15t_fark{background-position:0px -224px}
.at15t_favorites{background-position:0px -240px}
.at15t_feedmelinks{background-position:0px -256px}
.at15t_furl{background-position:0px -272px}
.at15t_google{background-position:0px -288px}
.at15t_kaboodle{background-position:0px -304px}
.at15t_kirtsy{background-position:0px -320px}
.at15t_linkagogo{background-position:0px -336px}
.at15t_linkedin{background-position:0px -352px}
.at15t_live{background-position:0px -368px}
.at15t_magnolia{background-position:0px -384px}
.at15t_misterwong{background-position:0px -400px}
.at15t_mixx{background-position:0px -416px}
.at15t_more{background-position:0px 100px}
.at15t_multiply{background-position:0px -432px}
.at15t_myspace{background-position:0px -448px}
.at15t_myweb{background-position:0px -464px}
.at15t_netscape{background-position:0px -512px}
.at15t_netvouz{background-position:0px -480px}
.at15t_newsvine{background-position:0px -496px}
.at15t_propeller{background-position:0px -512px}
.at15t_reddit{background-position:0px -528px}
.at15t_segnalo{background-position:0px -544px}
.at15t_shadows{background-position:0px -560px}
.at15t_simpy{background-position:0px -576px}
.at15t_skrt{background-position:0px -592px}
.at15t_slashdot{background-position:0px -608px}
.at15t_spurl{background-position:0px -624px}
.at15t_stumbleupon{background-position:0px -640px}
.at15t_stylehive{background-position:0px -656px}
.at15t_tailrank{background-position:0px -672px}
.at15t_technorati{background-position:0px -688px}
.at15t_thisnext{background-position:0px -704px}
.at15t_twitter{background-position:0px -720px}
.at15t_yardbarker{background-position:0px -736px}
.at15t_ybkm{background-position:0px -752px}


/*
<span class="at15t at15t_backflip">&nbsp;Backflip</span>
*/







 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	position: 			absolute;
	right:				0;
	bottom:				0;
	width:				640px;
	z-index: 			100;
}

* html #header #mainnav {
	bottom:				-1px;
}

#header #mainnav li {
	display:			inline;
}

#header #mainnav li a {
	float:				left;
	display:			inline;
	text-indent:		-9999px;
}
#header #mainnav li:hover a,
#header #mainnav li.hover a {
	background-position:left center !important;
}
#header #mainnav li a.selected {
	background-position:left bottom !important;
}










#header #mainnav li #nav_Media{
	width:				100px;
	height:				26px;
	background: 		url('../i/designelements/mainnav_Media.gif') no-repeat left top;
}

#header #mainnav li #nav_BuyNow{
	width:				85px;
	height:				26px;
	background: 		url('../i/designelements/mainnav_BuyNow.gif') no-repeat left top;
}
#header #mainnav li #nav_ParSol{
	width:				160px;
	height:				26px;
	background: 		url('../i/designelements/mainnav_ParSol.gif') no-repeat left top;
}
#header #mainnav li #nav_solutions {
	width:				108px;
	height:				26px;
	background: 		url('../i/designelements/mainnav_solutions.gif') no-repeat left top;
}
#header #mainnav li #nav_products {
	width:				92px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_products.gif') no-repeat left top;
}
#header #mainnav li #nav_partners {
	width:				99px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_partners.gif') no-repeat left top;
}
#header #mainnav li #nav_resources {
	width:				99px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_resources.gif') no-repeat left top;
}
#header #mainnav li #nav_support {
	width:				82px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_support.gif') no-repeat left top;
}
#header #mainnav li #nav_about {
	width:				123px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_about.gif') no-repeat left top;
}

#header #mainnav li #nav_blog {
	width:				66px;
	height:				26px;
	margin-left:		-5px;
	background: 		url('../i/designelements/mainnav_blog.gif') no-repeat left top;
}



















#header #mainnav ul {
	display:			none;
	position:			absolute;
	top:				26px;
	left:				5px;
	width:				188px;
	border:				1px solid #cccccc;
	background-color:	#fff;
}


#header #mainnav li:hover ul,
#header #mainnav li.hover ul {
	display:			block;
}
#header #mainnav li:hover ul ul,
#header #mainnav li.hover ul ul {
	display:			none;
}
#header #mainnav ul li:hover ul,
#header #mainnav ul li.hover ul {
	display:			block;
}
#header #mainnav ul li:hover ul ul,
#header #mainnav ul li.hover ul ul {
	display:			none;
}
#header #mainnav ul ul li:hover ul,
#header #mainnav ul ul li.hover ul {
	display:			block;
}
#header #mainnav ul li {
	position:			relative;
	display: 			block;
}
* html #header #mainnav ul li {
	display: 			inline;
}
#header #mainnav #sub_products {
	left:				103px;
}
#header #mainnav #sub_partners {
	left:				197px;
}
#header #mainnav #sub_resources {
	left:				291px;
}
#header #mainnav #sub_support {
	left:				385px;
}
#header #mainnav #sub_about {
	left:				412px;
}

#header #mainnav ul ul {
	left:				188px;
	top:				-1px;
}

#header #mainnav #sub_about ul {
	left:				-190px;
}

#header #mainnav ul li a {
	float:				none;
	display:			block;
	text-indent:		0;
	padding:			5px 10px;
	color:				#666666;
	border-bottom:		1px solid #e8e8e8;
	min-height:			1px;
}
* html #header #mainnav ul li a {
	height:				1%;
}
#header #mainnav ul li a:hover {
	background-color:	#ecf6ff;
	color:				#0066cc;
	text-decoration:	none;
}
#header #mainnav ul li a.last {
	border-bottom:		0;
	padding-bottom:		14px;
}

#header #mainnav ul li a.wsubnav {
	background: 		transparent url('../i/designelements/mainnav_arrow.gif') no-repeat 175px 8px !important;
}
#header #mainnav ul li a.wsubnav:hover {
	background: 		#ecf6ff url('../i/designelements/mainnav_arrow_hov.gif') no-repeat 175px 8px !important;
}

 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	background: 		#fff url('../i/designelements/bg_body.gif') repeat-y left top;
}

#body #gradient {
	padding:			8px 4px 0 4px;
	background: 		transparent url('../i/designelements/bg_body_grad.gif') no-repeat left top;
}

#body p {
	margin:				0 0 11px 0;
	line-height:		1.4em;
}

/*boxes*/
#body dl.box {
	
}
#body dl.box dt {
	
}
#body dl.box dd {
	
}

/* #body - column layouts
--------------------------------*/
#body #maincontent,
#body #local,
#body #contextual {

}

#body #maincontent {

}

#body #local {
	float:				left;
	display:			inline;
	width:				163px;
	margin-left:		14px;
}

#body #contextual {
	float:				right;
	display:			inline;
	width:				163px;
}

#maincontent  ul li {
	color:				#666666;
	font-size:			1.1em;
	margin-bottom: 		10px;
}

 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	background: 		transparent url('../i/designelements/bg_footer.gif') no-repeat left top;
	clear:				both;
	padding:			16px 4px;
}

#footer p {
	font-size:			1.1em;
	color:				#b2b2b2;
	line-height:		1.6em;
	margin:				0 0 10px 0;
}

#footer p.links {
	word-spacing:		6px;
}
#footer p.links a {
	color:				#b2b2b2;
	word-spacing:		0;
	text-decoration:	underline;
}

#footer p.links a:hover {
	text-decoration:	none;
}

#footer address  {
	font-style:			normal;
}

/* Accessories */
#maincontent .onecol .product-list,
#maincontent .threecol .product-list{
	margin:0 !important;
	padding:0;
	
	list-style:none;
}

span.mainprodmenu {
	margin:				0 0 11px 0;
	line-height:		2em;
	color:				#666666;
}

#maincontent .onecol .product-list li,
#maincontent .threecol .product-list li{
	margin-bottom:6px;
	border-bottom:dotted red 0px;
	float:left;
}

#maincontent .onecol .product-list img,
#maincontent .threecol .product-list img{
	float:left;	
}

#maincontent .onecol .product-list p,
#maincontent .threecol .product-list p{
	float:left;	
	width:160px;
	border:dotted red 0px;
}

/* ---- *** EOL NOOTICE *** */
.eol{
	border:solid #ff0000 1px;
	padding:6px;
	color:#ff0000;
	margin-bottom:6px;
	float:left;
	width:100%;
}

.eol span{
	float:left;
	font-weight:bold;
}

.eol a{
	float:right;
	text-decoration:underline;
}

 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after,#gradient:after,p.btn:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix,#body,#gradient,p.btn {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #body, * html #gradient, * html p.btn {height: 1%;}
.clearfix, #body, #gradient, p.btn {display: block;}
/* End hide from IE-mac */