﻿body
{
}

/* Top Links
*******************************/
#toplinks #rightlinks
{
	float: right;
	overflow: hidden;
	text-align: right;
}
#toplinks #liveSupport
{
	float: right;
}

#toplinks span
{
	display: block;
	float: left;
	padding: 3px 5px 3px 20px;
	color: #333333;
	text-decoration: none;
	margin-left: 15px;
	font-size: 11px;
}
#toplinks a
{
	display: block;
	float: left;
	padding: 3px 5px 3px 20px;
	color: #333333;
	text-decoration: none;
	margin-left: 15px;
	font-size: 11px;
}
#toplinks a:hover
{
	color: #CC6600;
}
#toplinks a.logout
{
	background: url(../images/icons/logout.png) no-repeat left;
}
#toplinks a.login
{
	background: url(../images/icons/login.png) no-repeat left;
}

#toplinks a.mypage
{
	background: url(../images/icons/ok.png) no-repeat left;
	font-weight: bold;
}
#toplinks a.register
{
	background: url(../images/icons/register.gif) no-repeat left;
	font-weight: bold;
}
#toplinks #contactus
{
	background: url(../images/icons/contact.png) no-repeat left;
}
#toplinks #faq
{
	background: url(../images/icons/faq.png) no-repeat left;
}
#toplinks #blog
{
	background: url(../images/icons/blog.png) no-repeat left;
}
#toplinks a.cart
{
	padding-left: 0;
}
#toplinks span.basketcount
{
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	float: none;
	color: #808080;
}
#toplinks span.basketcount b
{
	font-weight: bold;
	color: #CC3300;
}

/* Navigation Bar
********************************/
ul#navLinks
{
	padding-top: 5px;
	padding-left: 20px;
	width: 930px;
	background: url(../images/BG/navbar.gif) repeat-x  -3px left;
	margin: 0 auto;
	overflow: hidden;
}
#navLinks li
{
	list-style-type: none;
	display: block;
	float: left;
}
#navLinks a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	display: block;
	padding: 7px 15px;
	border-right: solid 1px #999999;
}
#navLinks #dis
{
	background: url(../images/BG/navbar-yellow.gif) repeat-x left -5px;
}

#navLinks a:hover
{
	text-decoration: underline;
}
#siteMapPath
{
	margin: 10px 0 20px 0;
	font-size: 11px;
	color: #808080;
}
#siteMapPath a
{
	color: #808080;
}
#siteMapPath a:hover
{
	color: #800000;
}


/* Panel styles for sub level menus in the default page
*******************************/

.pan
{
	background: url(../images/Newmarkup/pan_body.gif) repeat-y;
}

.pan .topleft
{
	background: url(../images/Newmarkup/pan_topleft.gif) no-repeat;
	height: 24px;
}
.pan .topcenter
{
	background: url(../images/Newmarkup/pan_topcenter.gif) no-repeat;
	height: 24px;
}
.pan .topright
{
	background: url(../images/Newmarkup/pan_topright.gif) no-repeat;
	height: 24px;
}
.pan .bot
{
	height: 18px;
	background: url(../images/Newmarkup/pan_bot.gif) no-repeat 2px 0px;
}
.pan ul
{
	margin: 7px 15px 7px 10px;
	padding: 0px 8px;
	overflow: hidden;
	width: 620px;
}
.pan ul li
{
	list-style: none;
	float: left;
	margin: 3px 0px 4px 0px;
	font: 14px arial, verdana, tahoma;
	width: 200px;
	background: url(../images/icons/black_bullet.gif) no-repeat left 6px;
	padding-left: 4px;
}
.pan ul li a
{
	padding-left: 4px;
	font: 12px arial, tahoma, verdana;
	color: #000;
}

.servicetitle
{
	margin: 0px 0px;
	padding: 0px;
	text-decoration: none;
}

/* Left Bar
*******************************/
/*.leftPanel
{
	background: url(../images/panels/leftbar_body.gif) repeat-y left top;
	width: 232px;
}
.leftPanel h4
{
	background: url(../images/panels/leftbar_top.gif) no-repeat left top;
	margin: 0;
	padding: 13px 0px 10px 0px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
.leftPanel ul
{
	margin-left: 0;
	padding-left: 0;
}
.leftPanel ul li
{
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
	background: url(../images/bullBlue.jpg) no-repeat 23px 9px;
	line-height: 24px;
}
.leftPanel ul li a
{
	text-decoration: none;
	color: #3C5B8A;
}
.leftPanel ul ul
{
	margin-bottom: 20px;
	margin-left: 10px;
	padding-left: 10px;
}
.leftPanel ul ul li
{
	display: list-item;
	padding-left: 0;
	background: none;
	list-style-type: circle;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}
.leftPanel ul ul li a
{
	text-decoration: underline;
	color: #0066CC;
}

.leftPanel .bot
{
	background: url(../images/panels/leftbar_bot.gif) no-repeat left bottom;
	padding: 5px;
}*/

/* mainContentRight
*******************************/
/*#mainContentRight .pan ul
{
	margin: 0px 15px 7px 10px;
	padding: 0px 8px;
	overflow: hidden;
	width: 620px;
}
#mainContentRight .pan ul li
{
	list-style: none;
	margin: 3px 0px;
	font: 14px arial, verdana, tahoma;
	background: url(../images/icons/black_bullet.gif) no-repeat left 6px;
	padding-left: 10px;
}
#mainContentRight .pan ul li a
{
	padding-left: 4px;
	font: 12px arial, tahoma, verdana;
	text-decoration: none;
}*/
/*#mainContentRight p {
    font: 13px Arial, Helvetica, "Nimbus Sans L" , sans-serif;
}*/


/* Footer
*******************************/
.footerimg
{
	width:600px;
	margin:0 auto;
}
.footerimg ul
{
	margin: 2px;
	padding: 0px;
	overflow: hidden;
	
}
.footerimg ul li
{
	padding-left:10px;
	display: block;
	list-style: none;
	float: left;

}

.footerlinks
{
	float: left;
	width: 155px;
}
.footerlinks ul
{
	margin: 2px;
	padding: 0px;
}
.footerlinks ul li
{
	list-style: none;
}
.footerlinks h5
{
	margin: 20px 0px 5px;
	font: bold 15px/20px arial;
	color: #68DAFD;
}
.footerlinks ul li a
{
	font: 13px/22px arial;
	text-decoration: none;
	color: #fff;
}
.sbmLinks
{
	text-decoration: none;
}

/* Testimonial
****************/

#testimonialcontainer
{
	min-height: 280px;
}
.testiTitle
{
	color: #4586d3;
	font-size: 14px;
}
.testimonial
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left top;
	margin: 25px 100px;
	color: gray;
	line-height: 18px;
	font-family: "Trebuchet MS";
	padding-top: 10px;
}
.testimonial div
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left bottom;
	margin-top: 15px;
	padding-bottom: 10px;
}

#rightbar .testimonial
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left top;
	margin: 25px 0;
	color: gray;
	line-height: 18px;
	font-family: "Trebuchet MS";
	padding-top: 10px;
}
#rightbar .testimonial div
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left bottom;
	margin-top: 15px;
	padding-bottom: 10px;
}


.seotestimonial
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left top;
	margin: 5px 10px;
	color: gray;
	line-height: 18px;
	font-family: "Trebuchet MS";
	padding-top: 10px;
}
.seotestimonial div
{
	background: transparent url('../images/dotL.gif') repeat-x scroll left bottom;
	margin-top: 15px;
	padding-bottom: 10px;
}


/*HomePage RightBar Nav*/
.fstlist, .scndlist, .thrdlist, .fourthlist, .fifthlist, .topA, .bottomB
{
	background: url(../images/sub_navImg.png) no-repeat;
}
.topA, .bottomB
{
	height: 13px;
	width: 200px;
	float: left;
}
.sub-nav
{
	width: 200px;
	float: left;
	margin: 0 10px;
}
.sub-nav ul
{
	padding: 0;
	background: #f5f7e3;
	border-left: 1px solid #ccd9a7;
	margin: 0;
	float: left;
	width: 199px;
}
.sub-nav li
{
	list-style: none;
	padding: 0 20px 10px 0;
	height: 32px;
	text-align: right;
}
.sub-nav li a
{
	text-decoration: none;
	color: #000;
	line-height: 29px;
	display: block;
	font-weight: bold;
}
.sub-nav li a:hover
{
	text-decoration: none;
}
.fstlist
{
	background-position: 0 -26px;
}
.scndlist
{
	background-position: 0 -72px;
}
.thrdlist
{
	background-position: 0 -121px;
}
.fourthlist
{
	background-position: 0 -177px;
}
.fifthlist
{
	background-position: 0 -233px;
}
.fstlist:hover, .scndlist:hover, .thrdlist:hover, .fourthlist:hover, .fifthlist:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.topA
{
	background-position: 0 0 top;
}
.bottomB
{
	background-position: 0 -13px;
}

/**********************Medium Blue panel***************/

.mediumbluebox
{
	background: url(../images/bg/bgBlue.jpg) repeat;
	padding: 13px;
	border-bottom: 6px solid #9bae47;
}
.mediumbluebox ul, .seperatorpanel ul
{
	margin: 10px 0 7px 20px !important;
	overflow: hidden !important;
	padding: 0 !important;
}
.mediumbluebox ul li, .seperatorpanel ul li
{
	background: url(../images/bg/ordebgImg.png) !important;
	background-position: 0 -75px !important;
	list-style: none outside none !important;
	margin: 0 0 8px 0 !important;
	padding-left: 17px !important;
	font-size:14px;
}

/*                              
.mediumbluebox {
    background: url(../images/panels/mediumbluebox_body.gif) repeat-y;
}
.mediumbluebox h4 {
    background: url(../images/panels/mediumbluebox_top.gif) no-repeat;
    padding: 20px 15px 5px;
    font: 18px/20px arial, tahoma, verdana;
}
#mainContentRight .mediumbluebox ul li {
	display: block;
	padding-left: 25px;
	background: url(../images/tick2.gif) no-repeat 5px 5px;

}
.mediumbluebox .bot {
    background: url(../images/panels/mediumbluebox_bot.gif) no-repeat;
    height: 16px;
}
*/
/**********************stylebox panel***************/
.bluestylebox
{
	/* background: url(../images/panels/stylebox_body.gif) repeat-y 1px top;*/
	background: url(../images/bg/ordebgImg.png) no-repeat;
	width: 690px;
	display: block;
}
.bluestylebox .top
{
	height: 8px;
	width: 690px !important;
	background-position: 0 0 top;
}
.bluestylebox .bot
{
	background: url(../images/bg/ordebgImg.png) no-repeat;
	height: 8px;
	width: 690px !important;
	background-position: 0 -10px;
}
.bluestylebox ul
{
	padding: 10px !important;
	margin: 0 !important;
	width: 670px !important;
	background: url(../images/bg/curve-mid.jpg) repeat;
}
.bluestylebox ul li
{
	background: url(../images/bg/ordebgImg.png) -20px -235px !important;
	list-style: none outside none !important;
	margin: 0 0 15px 25px !important;
	padding-left: 22px !important;
	font-size: 14px !important;
}
/*.bluestylebox h4 {
    background: url(../images/panels/stylebox_top.gif) no-repeat;
    padding: 20px 15px 5px;
    font: 18px/20px arial, tahoma, verdana;
}
#mainContentRight .bluestylebox ul li {
	display: block;
	padding-left: 35px;
	background: url(../images/icons/how.png) no-repeat 5px 5px;
	line-height: 35px;
}

.bluestylebox .bot {
    background: url(../images/panels/stylebox_bot.gif) no-repeat;
    height: 13px;
}*/

/***********************Seperator Panel *******************/
.seperatorpanel
{
	background: url(../images/bg/bgGreen.jpg) repeat;
	border-bottom: 6px solid #9bae47;
	margin-bottom: 10px;
}

.set
{
	padding: 13px;
	background: url(../images/bg/setImg.png) no-repeat;
}
/*
.seperatorpanel h4 {
    padding: 20px 10px 5px;
    background: url(../images/panels/seperatorpanel_top.gif) no-repeat;
    font: 18px/20px arial, tahoma, verdana;
}
#mainContentRight .seperatorpanel ul li {
	display: block;
	padding-left: 35px;
	background: url(../images/icons/report.png) no-repeat 5px 5px;
	line-height: 20px;

}
.seperatorpanel .bot {
    background: url(../images/panels/seperatorpanel_bot.gif) no-repeat;
    height: 20px;
}
*/

/************************Tooltip Styles(home page) ********************/
.style1
{
	color: #FF0000;
}
.tooltip h5
{
	margin: 3px 6px;
	font: bold 16px arial, tahoma, verdana;
}
.tooltip
{
	position: absolute;
	padding: 4px 10px;
	background-color: #FFFFDD;
	border: 2px dotted #848484;
	cursor: pointer;
	text-decoration: none;
	color: Black;
	font: 11px arial, tahoma;
}
.tooltip ul li
{
	float: none;
	width: 500px;
	/*background: url(../images/icons/dot.gif) no-repeat left 3px;*/
	font: 11px arial, tahoma, verdana;
	padding-left: 13px;
	text-decoration: none;
}

.imgalign
{
	padding: 0px 5px;
}

/* Styling for prev and next buttons */
.buttons
{
	padding: 0 0 5px 0;
	float: right;
}

.buttons a
{
	display: block;
	position: absolute;
	width: 32px;
	height: 100px;
	text-indent: -999em;
	float: left;
	outline: 0;
	z-index: 100;
}

a#prev, a#prev1
{
	background: url(../images/previous.gif) no-repeat 0px 0px;
	left: 0px;
	top: 0px;
}



a#next, a#next1
{
	background: url(../images/next.gif) no-repeat 0px 0px;
	top: 0px;
	right: 5px;
}

#slide11
{
	width: 970px;
	height: 140px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#slides
{
	overflow: hidden; /* fix ie overflow issue */
	position: relative;
	width: 920px;
	margin: 0px 40px;
}
/* remove the list styles, width : item width * total items */
#slides ul
{
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 10000px;
}

/* width of the item, in this case I put 250x250x gif */
#slides li
{
	float: left;
	padding: 10px 0px 0px 0px;
}

#slides li
{
	padding: 10px 4px 0px 4px;
	width: 290px;
	text-align: center;
}

#slides li img
{
	padding: 4px;
}

.skipOrder
{
	font-size: 14px;
	float: right;
	padding-bottom: 50px;
}

.pandamainheading
{
	text-align: right;
	font-style: italic !important;
	color: #444444 !important;
	border-bottom: 1px dotted silver;
}
.pandasubheading
{
	text-align: right;
	font-style: italic !important;
	color: #0066FF !important;
	border-bottom: 1px solid silver;
}


#tickPoints ul li
{
	list-style-type: none;
	font-size: 14px;
	display: block;
	padding-left: 30px;
	background: url(../images/greentick.png) no-repeat 5px 5px;
	line-height: 20px;
	color: #666666;
}

.pandaText
{
	line-height: 22px;
	color: #333333;
	font-size: 14px;
}

#Tasks ul li
{
	list-style-type: none;
	font-size: 14px;
	display: block;
	padding-left: 30px;
	background: url(../images/task.png) no-repeat 1px 1px;
	line-height: 20px;
	color: #666666;
}

#Deliverables ul li
{
	list-style-type: none;
	font-size: 14px;
	display: block;
	padding-left: 30px;
	background: url(../images/greentick.png) no-repeat 5px 5px;
	line-height: 20px;
	color: #666666;
}
.Copyscape{ vertical-align:top; padding-bottom:5px;}
.resellerPoints li{ color:#000000; font-size:14px; line-height:18px; padding:3px 0 3px 20px; display:block; list-style:none; margin-bottom:5px; background:url(../images/icons/arrow.gif) no-repeat 0 5px;}


#smallmainContent {float: left;padding: 10px;width: 455px;}
.registerOne_In, .registerOneBot, .registerTwo_In, .outsoClient, .normalClient, .outsoClient:hover, .outsoClient:focus, .normalClient:hover, .normalClient:focus, .registerTwoBot, .testimonial_top, .testimonial_usname{ background:url(../images/bg/update-img.png) no-repeat}
.testimonial_bx h1, #smallmainContent h1{ font-size:25px; text-transform:uppercase; color:#85bb34; font-weight:bold; margin-bottom:15px; padding:0; color:#85BB34;}
.registerOne, .registerTwo{ width:414px; margin:0 auto; }
.registerOne_In, .registerTwo_In{padding:20px 15px;min-height:200px; width:384px;}
.registerOne_In{background-position:0 -554px;}
.registerOne_In h2{ color:#022445; font-size:16px; font-weight:bold; margin:0 0 15px 0 !important; padding:0;}
.registerOne_In p{ line-height:19px; margin:5px 0 10px 0;}
.registerOneBot{ background-position:0 -533px; height:20px;}
.outsoClient, .normalClient{ font-size:15px ; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF; height:58px; padding:0px 20px 0px 52px;}
.outsoClient{ background-position:0 -166px;float:left; line-height:58px; width:299px;}
.outsoClient:hover{ background-position:0 -228px; color:#e5edf6;}
.outsoClient:active{ background-position:0 -288px; color:#143d65; outline:none !important;}
.normalClient{background-position:0 -346px;float:left; line-height:58px; width:257px;}
.normalClient:hover{ background-position:0 -404px; color:#edf5e8;}
.normalClient:active{ background-position:0 -463px; outline:none; color:#274710;}
.registerTwo_In{ background-position:-422px -554px;}
.registerTwo_In h2{ color:#0f2101; font-size:16px; font-weight:bold; margin:0 0 15px 0 !important; padding:0;}
.registerTwo_In p{ line-height:19px; margin:5px 0 10px 0;}
.registerTwoBot{ background-position:-422px -533px; height:20px;}
.registerTwo_In ul, .registerTwo_In ul{ margin:10px 0 10px 25px; padding:0; }
.registerTwo_In ul li, .registerTwo_In ul li{ list-style:square; margin-bottom:4px; }


.testimonial_bx{ width:100%;}
.testimonial_pan{ width:745px;background:url(../images/bg/Testimonials_Bottom.png) no-repeat bottom; padding-bottom:35px; margin:15px auto 5px auto;}
.testimonial_top{ background-position:0 -101px; height:10px;}
.testimonial_middle{ background:url(../images/bg/Testimonials_Middle.png) repeat-x;border-right:1px solid #89b3c9; border-left:1px solid #89b3c9; min-height:65px; padding:10px;}
.testimonial_middle p{ line-height:20px; padding:0 10px; margin:0;}
.testimonial_usname{ background-position:0 -122px; height:35px !important; overflow:hidden; padding-left:44px;margin:0 auto 10px auto; width:701px;}


/*Best Post Panda SEO Strategy */
.ans_b{ margin-left:15px; border-left:1px solid #999; font-size:14px; padding-left:10px; line-height:20px;}
.ques_b{ color: #004A9C;font-size: 20px;font-weight: bold; font-family:Calibri; margin:10px 0;}
.offer{ border:1px solid #e7e3e7; background:url(../images/discounts/offer_cloud_bg.jpg) no-repeat bottom; margin:20px 0; padding:15px ; position:relative;}
.offer_In{ background:url(../images/discounts/offer_opacityImg.png) repeat; margin-right:55px; padding:10px;}
.offer_In h3{ font-size:23px; color:#043b55;text-shadow: 1px 1px 0px #8cd7fa; text-transform:none;}
.offer_In ul{ padding:0; margin:0; list-style:none;}
.offer_In ul li{ padding:5px 0 5px 20px; margin:0; background:url(../images/discounts/icon_green_check.png) no-repeat 0 6px; color:#FFF; font-size:16px; font-family:calibri;}
.offer_In ul li a{ color:#fffff; text-decoration:none;}
.offer_tag{ background:url(../images/discounts/offer_tag.png) no-repeat; height:94px; width:85px; position:absolute; bottom:-1px; right:-1px;}


