@import url("css/menu.css");
/* CSS Document */

div.wrap{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;	
}
div.innerWrap{
    padding:0;
	margin:0;
    background:url(images/bodyinside_bg_inner.gif) 0 0 repeat-x #fff;
    color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------override default.css syles---------------------*/

.ModuleTitle_MenuItem
{
	border:none;
}

.ControlPanel label
{
	margin-left:3px;
	margin-right:7px;
}


/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
.index {background: #FFFFFF url(images/body_bg_index.gif) repeat-x 0 0 !important;}
.index #banner {
	background: transparent url("images/main_big_banner.jpg") 0 1px no-repeat;
/*----------ie 6,7------------*/
	*margin-top: 1px;
	*height: 286px;
}
.innerWrap #banner {background: transparent url("images/main_big_banner_inner.jpg") 0 1px no-repeat;}


#banner{
	
	width:986px;
	margin:0 auto;
	padding:0 0px 0 0;
	overflow: hidden;	
}

.leftLogo .logo {

	
	padding-bottom:14px;
	padding-left:55px;
	padding-top:9px;
}

.index .leftLogo .logo {
	padding-left:185px;
	padding-top:34px;
	padding-bottom:44px;
}


.leftLogo .logo img {
	padding-bottom:30px;
	padding-left:130px;
	padding-top:25px;
}

.index .leftLogo .logo img {
	padding: 0px;
}

div.header{
    width:938px;	
	margin:0 auto;
	position: relative;
	height: 103px;
}

.header_wrapper {
	clear: both;
	height: 7px;
}

.banner_inner {
	height: 148px !important;
}

div.header div.navi{
	clear:both;
	margin-top:26px;
	position:absolute;
	width:938px;
	*margin-top: 1px;
}
div.header p.new{
	background:transparent url(images/what_new.gif) no-repeat scroll 0 0;
    display:block;height:60px;margin-left:6px;
    margin-top:-1px;   width:113px;	float:left;	margin-right:8px;
}
div.header p.headTxt{
	width:391px;font-weight:normal;font-size:12px;
	line-height:16px;color:#010101;
	display:block; padding-top:10px;
	background-color:inherit;	 
}
div.header p.headTxt span.bold{
	color:#010101;
	background-color:inherit;
	font-weight:bold;
}
div.header p.headTxt span.green{
	color:#769608;background-color:#fff;padding:3px;
}
div.header p.topPane{position:absolute; margin-top:-18px; font-size:13px; color:#7f8173;}
div.header a.topLink{
	font-size:12px;
	line-height:21px;
	color:#0A56B4;
	background-color:inherit;
	position:absolute;left:450px;top:35px;
	text-decoration:underline;
}
div.header a.topLink:hover{
	color:#0A56B4;
	background-color:#DDE0CA;
}
div.header p.topDiv{
	width:2px;
	height:68px;
	display:block;
	background:url(images/top_div.gif) 0 0 no-repeat;	
	float:right;	
	margin-right: 20px;
}
/*div.index div.header div.user{
	margin-top:51px;
	padding:0 0 0 200px;
	width:90px;
	position: relative;
	z-index: 100;
	height:15px;
	
	----fix ie 6,7----
	*z-index: 1;
}

.ProductsPageContent div.header div.user {
	margin-top:51px;
	padding:0 0 0 200px;
	width:90px;
	position: relative;
	z-index: 100;
	height:15px;

	----fix ie 6,7----
	*z-index: 1;
}*/

div.header div.user{
	float:right;
	font-size:11px;
	height:15px;
	margin-top:51px;
	padding:0 0 0 200px;
	position:relative;
	z-index:100;
	
	/*	----fix ie 6,7----*/
	*z-index: 1;

}
div.header div.search{
	width:261px;
	height:45px;
	background:url(images/top_form_icon.gif) center left no-repeat;
	padding:6px 0 9px 43px;
	margin-top:6px;
	float:right;
}
div.SearchBorder
{
	background-color:Transparent;
	border:none;
	width:210px;
}
div.SearchContainer
{
	position:relative;
	top:-22px;
}

#dnn_dnnSEARCH_ClassicSearch
{
	display:block;
	clear:both;
	float:right;
}

.search .NormalTextBox
{
	background-color:#FFFFFF;
	border-color:#808080 #D4D0C8 #D4D0C8 #808080;
	border-style:solid;
	border-width:1px;
	color:#071E22;
	float:left;
	font-size:14px;
	height:19px;
	line-height:19px;
	padding:0 0 0 5px;
	width:192px;
	/*position:relative;
	$top:19px;	*/
}

.search a.search-block
{
	background:#EDEFE0 url(images/btn_go.gif) no-repeat scroll 0 0;
	border:medium none;
	clear:right;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:21px;
	line-height:21px;
	text-align:center;
	text-transform:uppercase;
	width:50px;
	margin-left:5px;
/*	position:relative;
	$top:-19px;*/
}

div.header div.search input.SearchTextBox{
	width:192px;
	height:19px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	float:left;
	color:#071E22;
	background-color:#fff;
	font-size:10px;
	line-height:19px;
	padding:0 0 0 5px;
}
div.header div.search a.SearchButton{
    width:50px;
	height:21px; 
	background:url(images/btn_go.gif) 0 0 no-repeat #EDEFE0;
	border:none;
	cursor:pointer;
	font:bold 10px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	text-transform:uppercase; text-align:center; clear:right;
}
div.header div.search div.SearchIcon{float:left;}

div.header p.topTxt{
	display:block;
	font-size:13px;
	line-height:21px;
	color:#fff;
	background-color:inherit;
	width:494px;
	position:absolute;
	left:4px;
	top:224px;
}
#banner h1{color:White; padding-top:8px; padding-bottom:6px;}
#banner h1 span{color:#ff9800}
#banner ul.menu{
	width:555px;
	height:82px;
	
}
#banner ul.menu li{
	float:left;margin:0 14px 0 0;
	list-style:none;
}
#banner ul.menu li a.blog{
	display:block;height:11px;width:77px;
	background:url(images/blog.gif) 0 0 no-repeat;padding:71px 0 0 0;
	font-size:11px;line-height:11px;color:#fff;background-color:inherit;
	font-weight:bold;text-decoration:none;text-align:center;	
}
#banner ul.menu li a.blog:hover{
	background:url(images/blog_hover.gif) 0 0 no-repeat;
}
#banner ul.menu li a.download{
	display:block;
	height:11px;
	width:77px;
	background:url(images/download.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;	
}
#banner ul.menu li a.download:hover{
	background:url(images/download_hover.gif) 0 0 no-repeat;
}
#banner ul.menu li a.recycle{
	display:block;
	height:11px;
	width:77px;
	background:url(images/recycle.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;	
}
#banner ul.menu li a.recycle:hover{
	background:url(images/recycle_hover.gif) 0 0 no-repeat;
}
#banner ul.menu li a.idea{
	display:block;
	height:11px;
	width:77px;
	background:url(images/idea.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;	
}
#banner ul.menu li a.idea:hover{
	background:url(images/idea_hover.gif) 0 0 no-repeat;
}
#banner ul.menu li a.qa{
	display:block;height:11px;width:77px;
	background:url(images/qa.gif) 0 0 no-repeat;padding:71px 0 0 0;font-size:11px;line-height:11px;color:#fff;
	background-color:inherit;font-weight:bold;text-decoration:none;text-align:center;	
}
#banner ul.menu li a.qa:hover{
	background:url(images/qa_hover.gif) 0 0 no-repeat;
}
#banner ul.menu li a.support{
	display:block;height:11px;width:77px;
	background:url(images/support.gif) 0 0 no-repeat;padding:71px 0 0 0;font-size:11px;line-height:11px;color:#fff;
	background-color:inherit;font-weight:bold;text-decoration:none;text-align:center;	
}
#banner ul.menu li a.support:hover{
	background:url(images/support_hover.gif) 0 0 no-repeat;
}
.topRight{
	width:320px;
	float:right;
	padding:0px 14px 0 0;
	margin:0px 0 0 0;
	margin-top:1px;
	color:#fff;
}
.topRight .SubHead{position:absolute; padding:0px;}
	
.money-back-logo{
	margin-left: 190px; 
	background: transparent url(/Portals/0/30_days_icon.png) 0 0 no-repeat; 
	height:190px; 
	position:absolute; 
	width:200px; 
	margin-top:-30px;
}

.csReinforceTeam {
	background: transparent url(/Portals/0/reinforce-your-team.png) 0 0 no-repeat; 
	height:134px; 
	float: right;
	width:329px; 
	margin-right:70px;
	margin-top:5px;
}
	
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
div#body{
	width:974px;
	margin:6px auto 26px auto;
	background:transparent url("images/body_bg2.png") no-repeat -1px 0;
	padding:0;
	overflow:hidden;
}
div.bodyPane{
    width:928px;margin:17px auto 26px auto;	padding:0; clear:both; overflow:hidden;
}

.index #body {
	margin-top: 7px;
	padding:0 0 0 50px;
/*-----ie6,7---------*/

}

/*------------------------------------------------left--------------------*/
#nab{
	width:575px;
	float:left;
	padding:8px 0 0 0;
}


div.contentPane{
    width:610px; float:left;overflow:hidden;
}
.index div.contentPane{
	padding-right: 10px;
	width:575px;
}

/*------------------------------------------------right-------------------*/
.rightPane{
	width:306px;
	padding:3px 0 0 0;
	float:right;
}

.index .rightPane {
	padding:20px 45px 0 20px;
	width: 321px;
	float: left;
}

.rightPane h2.world{
	width:252px;
	height:34px;
	display:block;
	background:url(images/enter_world.gif) 0 0 no-repeat;
	margin:0 0 19px 0;
	text-indent:-20000px;
}
.rightPane p.rghTxt{
	display:block;
	width:301px;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#545454;
	background-color:inherit;
	margin:0 0 20px 0;
}
.rightPane p.rghTxt span{
	color:#81A40C;
	background-color:inherit;
	font-weight:bold;
}


	
/*------------------------------------------------right end-------------------*/
/*------------------------------------------------left start-------------------*/
.leftPane
{
	width:240px; float:left; margin-top: 0px;
}
.leftPane_2panes div.contentPane
{
	width:480px;
}
.leftPane_2panes  .rightColumn
{
    float:right;
    width:190px;
    padding-left:10px;
}
.leftPane_2panes .bottomPane
{
    clear:both;
    margin-left:200px;
} 
/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:127px;
}
#footer{
	width:633px;
	height:127px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:633px;
	position:absolute;
	left:0;
	top:22px;
}
#footer ul li{
	float:left;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright, #footer a:link, #footer a:active,  #footer a,  #footer a:visited{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#B0D44E;
	background-color:inherit;
}
#footer p.copyright{
	position:absolute;
	left:196px;
	top:45px;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:20px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:248px;
	top:61px;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:309px;
	top:61px;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:302px;
	height:16px;
	padding:2px;
	position:absolute;
	left:175px;
	top:91px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-transform:uppercase;
}
#footer .mikitadesign
{
    text-align:center;
}
#footer p.design a.link{
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#FF7C00;
}



/* by serge */
#footerMain {
	background: #494949 url("images/footer/top-shadow.png") repeat-x top left;
	height: auto;

}

.index #footerMain {
	display: none;	
}

#footer {
	overflow: hidden;
	width:920px !important;
	min-height: 250px;
	*height: 250px;
}

#footer div.footer-section {
	width: 31%;
	background:url("images/footer/section-separator.png") no-repeat center right;
	float: left;
	height: 88%;
	padding: 15px 10px;
}

#footer div.footer-section.last {
	background: none;
}

#footer h1 {

}

div.footer-menu-wrapper {
	width:100%;
	background: #1d1d1d url("images/footer/btn-menu-pattern.png") repeat top left;
}

div.footer-menu-wrapper-inner {
	width: 100%;
	background: url("images/footer/btn-menu-shadow.png") repeat-x top left;
}

#footer-menu {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
	height: 50px;
	color: #7d7d7d;
	font-size: 12px;
	padding-top: 20px;
	text-align:right;
}

#footer-menu a {
	color: #7d7d7d;
	text-decoration: none;
	margin-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
}

#footer-menu a:hover {
	color: #b6b6b6;
}


#footer-menu div.menu {
	text-align: left;
	padding-top:7px;	
}

#footer-menu div.menu ul{
	text-transform: uppercase;
}

#footer-menu div.menu ul li{
	display: inline;
	padding-right: 5px;
}




/** footer section **/
div.footer-container h1 {

}
/* end by serge */


/*------------------------------------------------footer--------------------*/


/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-size:10px;
	line-height:19px;
	padding:0 0 0 10px;
	color: #1D859B;
	width:180px;
	height:16px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/
.pp_button{position:absolute;margin-left:265px;}
a img{border:none;}
.center{padding-top:50px; padding-left:200px; padding-bottom:50px;}
/*----------spans I hadd to add--------------*/
span#dnn_ctr396_ManageUsers_lblTitle{display:block;font-family:Myriad Pro;font-size:1.3em; line-height:1em; 
        color:#CD1E00;font-weight:normal; padding:8px; padding-left:0px;}
span#dnn_ctr396_ManageUsers_lblTitle{display:none;}
a#dnn_ctr378_Feedback_cmdCancel{font-size:1.2em; padding-left:12px; margin-right:10px;}
/*full width skin*/
#full div.body
{
    width:auto;
    padding:20px;
}
.pnlRegister input
{
    display:none;
}
.pnlRegister a{
	background:transparent url(images/button_back1.jpg) no-repeat scroll 0 0;
color:#111111;
display:block;
font-family:Myriad Pro;
font-size:1.4em;
font-weight:bold;
height:32px;
margin-top:12px;
padding-left:12px;
padding-top:4px;
margin-left:380px;
}
.pnlRegister a:link
{
    color:#111111;
    text-decoration:none;
}
/*.DNN_FeedbackContent a.CommandButton
{
    	background:transparent url(images/button_back1.jpg) no-repeat scroll 0 0;
color:#111111;
display:block;
font-family:Myriad Pro;
font-size:1.4em;
font-weight:bold;
height:32px;
margin-top:12px;
padding-left:20px;
padding-top:4px;
width:100px;
float:right;
margin-right:50px;
text-align:left;
text-decoration:none;
}
*/
#dnn_ctr568_ManageUsers_pnlProfile, #dnn_ctr568_ManageUsers_pnlCaptcha
{
    margin-left:62px;
}

.search {
    
}

.headTxt
{
	padding-top:4px;
}

.portfolio .screen
{
	width:525px;
}

.portfolio .mainView
{
	width:525px;
	height:225px;
}

.portfolio .portfolioTabContainer .ajax__tab_header
{
	width:183px;
}

.SubNavigationPane
{
	
}

.CodingStaff_HtmlPopupContent a{
	padding-left:20px;
	display:block;
	font-size:14px;
	cursor:pointer;
}

/*--------------Content---------------*/
.CSSkinPrices {
padding-top: 20px;

}

.CSSkinPrices .SkinPriceItem {
	padding-bottom: 20px;
}

.CSSkinPrices .PackageIcon {
	float: right;
	margin-right:5px;
	margin-top:-22px;
	position:relative;
}

.CSSkinPrices .SkinPriceLabel {
	background:transparent url(images/price_label.png) no-repeat -14px -8px;
	height:37px;
	width:85px;
	text-align: center;
	line-height:37px;
	color: #fff;
	font-size: 19px;
	margin-right: 6px;
	float: left;
}


.CSSkinPrices h3 {
	height: auto;
	font-size: 16px;
	font-weight: bold;
	color: #222;
}

/*--------------IE6---------------*/
.ProductsPageContent, .portfolio .portfolioTabContainer .ajax__tab_body, .comment_main_inner, .ProductsPage {
	zoom: 1;
}

/*--------------IE6 IE7---------------*/
.navi ul ul li {
	*line-height: normal;
	*width: 150px;
}

.navi ul ul {
	*width: 150px;
}

#footer-menu .cpr {
color:#7D7D7D;
font-size:10px;
position:absolute;
text-align:left;
font-family:Arial,Helvetica,sans-serif;
float:left;

}

#footer-menu .cpr a {
color:#7D7D7D;
font-size:10px;
margin-right:0px;
text-transform:none;
font-family:Arial,Helvetica,sans-serif;

}
/*--------------Quote Roller ankor---------------*/
.qr_ankor {
    
}