﻿/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#container
{
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#headercontainer
{
	/*margin-bottom: 20px;*/
	background: url(../images/smheaderbg.gif);
}

#header
{
	background: url(../images/header.gif) no-repeat left top;
	height: 95px;
	width: 880px;
	margin: 0 auto;
}

#content
{
	width: 880px;
	margin: 0 auto;
}

.smallText {
	font-size: 12px;
	color: #515368;
	line-height: 21px;
}

.contentText
{
	font-size: 14px;
	color: #6d8387;
	line-height: 21px;
}

#topReasons
{
	width: 600px;
	margin: 20px 120px;
	padding: 10px;
	border: solid 5px #fff6c4;
	font-size: 11px;
	overflow: hidden;
}
.centerOrderbox {margin:0 auto; width:80%}

ul
{
	line-height: 17px;
	color: #666666;
}
ul li
{
	padding: 3px 0;
}

#subcontent
{
	font-size: 14px;
	color: #6d8387;
	line-height: 21px;
	margin-left: 210px;
}
h1
{
	color: #6d8387;
	display: block;
	/*margin-top: 30px;*/
	margin-bottom: 20px;
	margin-left: 240px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 20px;
}

h2
{
	color: #00a0e4;
	font-size: 16px;
}

.BigBlue
{
	font-size: large;
	color: #5C8AD6;
}
.BigOrange
{
	font-size: large;
	color: #FA9A0C;
}
.BigViolet
{
	font-size: large;
	color: #333399;
}

.MidBlue
{
	font-size: 16px;
	color: #5C8AD6;
	font-weight: bold;
}
.MidOrange
{
	font-size: 16px;
	color: #FA9A0C;
	font-weight: bold;
}

.MidRed
{
	font-size: 16px;
	color: #EC562B;
	font-weight: bold;
}
.MidYellow {
	color: #9D880D;
	font-size: 16px;
	font-weight: bold;
}

.MidGreen
{
	font-size: 16px;
	color: #009933;
	font-weight: bold;
}

.SmallOrange
{
	font-size: 14px;
	color: #FA9A0C;
	font-weight: bold;
}

.SmallBlueTitle
{
	font-size: 12px;
	color: #3E74CE;
	font-weight: bold;
}
.SmallOrangeTitle
{
	font-size: 12px;
	color: #CC3300;
	font-weight: bold;
}
.SmallGrayTitle
{
	font-size: 14px;
	color: #808080;
	font-weight: bold;
}
.SmallGreenTitle
{
	font-size: 12px;
	color: #009933;
	font-weight: bold;
}

.SmallRedTitle
{
	font-size: 14px;
	color: #993300;
	font-weight: bold;
}
.MidRedTitle
{
	font-size: 16px;
	color: #993300;
	font-weight: bold;
}


.BrownTitle
{
	font-size: 18px;
	color: #632423;
	font-weight: bold;

}
.RedOrangeTitle
{
	font-size: 18px;
	color: #e13f1f;
	font-weight: bold;

}
/*

#footer
{
	margin: 0;
	padding: 0;
	background-color: #eaf7fa;
	padding: 15px;
	margin-top: 25px;
	height: 180px;
}
#footerPanels
{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
#footerPanels div
{
	float: left;
	width: 250px;
	height: 150px;
	margin-right: 20px;
	border-right: 1px solid #CCCCCC;
}
#footerPanels div div
{
	float: none;
	width: auto;
	height: auto;
	margin-right: 0;
	border-right: 0;
}
#footerPanels div.noborder
{
	border-right-width: 0;
}
*/

.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#footercontainer {
    height: 340px;
    background: #565656;
    border-top: solid 5px #A6A6A6; 
}
#footer {
    width: 950px;
    margin: 0px auto;
}


.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;
	text-align:left !important;
}
.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;
}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}
	
#copyright
{
	font-size: 11px;
	color: #666666;
	padding: 10px 0;
	border-top: 1px solid #ceecf4;
	margin-top: 10px;
	text-align: center;
}

#boxContainer
{
	width: 880px;
	overflow: hidden;
	font-family: "trebuchet MS";
}
#frontBox1
{
	width: 421px;
	height: 348px;
	background: url(../images/contentBox1.gif);
	float: left;
}
#frontBox2
{
	width: 421px;
	height: 348px;
	background: url(../images/contentBox2.gif);
	float: left;
	margin-left: 5px;
}
#frontBox1 .cont, #frontBox2 .cont
{
	margin: 80px 22px 10px 22px;
	color: #333333;
	line-height: 22px;
}
#boxContainer h2
{
	color: #00aef0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#frontBox2 h2
{
	color: #e46943;
}
#frontBox1 .more, #frontBox2 .more
{
	font-size: 16px;
	display: block;
	margin-top: 20px;
	text-align: right;
	text-decoration: none;
}
#frontBox1 .more
{
	color: #0099FF;
}
#frontBox2 .more
{
	color: #e46943;
}
.whiteText {
	color:White;
	text-align:left;
}


/* Nav Bar */
#navbar
{
	width: 600px;
	float: right;
	margin-top: 40px;
}
#navbar ul
{
	margin: 0;
	padding: 0;
}
#navbar ul li
{
	list-style: none;
	display: block;
	float: left;
}
#navbar ul li a
{
	display: block;
	padding: 2px 15px;
	font-size: 12px;
	background-color: #009fe9;
	color: #FFFFFF;
	margin-left: 5px;
	font-family: trebuchet MS;
	text-decoration: none;
}
#navbar ul li a:hover
{
	background-color: #085c76;
}
#navbar span.basketcount
{
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	float: none;
	color: #808080;
}
#navbar span.basketcount b
{
	font-weight: bold;
	color: #CC3300;
}

#servs
{
	margin-top: 0px;
	height: 400px;
	width: 880px;
}

#servs ul
{
	margin: 0;
	padding: 0;
	display: block;
	width: 880px;
}

ul.hb1 li, ul.hb2 li, ul.hb3 li, ul.hb4 li
{
	list-style: none;
	float: left;
	position: relative;
	border: 3px solid #eaeaea;
	width: 197px;
	margin-right: 9px;
	margin-bottom: 9px;
}

ul.hb1 li a, ul.hb2 li a, ul.hb3 li a, ul.hb4 li a
{
	display: block;
	position: relative;
	overflow: hidden;
	height: 96px;
	width: 197px;
	padding: 0px;
	background: #fff;
	color: #1c3f47;
	font: 30px Helvetica,sans-serif, Arial;
	font-weight: bold;
}

ul.hb1 li a, ul.hb2 li a, ul.hb3 li a, ul.hb4 li a
{
	text-decoration: none;
}

ul.hb1 li img, ul.hb2 li img, ul.hb3 li img, ul.hb4 li img
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}


ul.hb2 li a.serv_1_1
{
	background: #fff url(../images/panel_1_1_hov.gif) 0 0 no-repeat;
}

ul.hb2 li a.serv_1_2
{
	background: #fff url(../images/panel_1_2_hov.gif) 0 0 no-repeat;
}

ul.hb1 li a.serv_1_3
{
	background: #fff url(../images/panel_1_3_hov.gif) 0 0 no-repeat;
}

ul.hb1 li a.serv_1_4
{
	background: #fff url(../images/panel_1_4_hov.gif) 0 0 no-repeat;
}

ul.hb1 li a.serv_2_1
{
	background: #fff url(../images/panel_2_1_hov.gif) 0 0 no-repeat;
}

ul.hb1 li a.serv_2_2
{
	background: #fff url(../images/panel_2_2_hov.gif) 0 0 no-repeat;
}

ul.hb2 li a.serv_2_3
{
	background: #fff url(../images/panel_2_3_hov.gif) 0 0 no-repeat;
}

ul.hb2 li a.serv_2_4
{
	background: #fff url(../images/panel_2_4_hov.gif) 0 0 no-repeat;
}


ul.hb3 li a.serv_1_1
{
	background: #fff url(../images/panel_3_1_hov.gif) 0 0 no-repeat;
}

ul.hb3 li a.serv_1_2
{
	background: #fff url(../images/panel_3_2_hov.gif) 0 0 no-repeat;
}

ul.hb3 li a.serv_2_3
{
	background: #fff url(../images/panel_3_3_hov.gif) 0 0 no-repeat;
}

ul.hb3 li a.serv_2_4
{
	background: #fff url(../images/panel_3_4_hov.gif) 0 0 no-repeat;
}

 /*  HB4  */

ul.hb4 li a.serv_1_1
{
	background: #fff url(../images/panel_4_1_hov.gif) 0 0 no-repeat;
}

ul.hb4 li a.serv_1_2
{
	background: #fff url(../images/panel_4_2_hov.gif) 0 0 no-repeat;
}

ul.hb4 li a.serv_2_3
{
	background: #fff url(../images/panel_4_3_hov.gif) 0 0 no-repeat;
}

ul.hb4 li a.serv_2_4
{
	background: #fff url(../images/panel_4_4_hov.gif) 0 0 no-repeat;
}



/* Order Panels
****************/
.orderPanel {
	background: url(../images/bg/bgGray.jpg) repeat;
	border: 1px solid #d3d2d2;
	width: 680px;
}
.orderSub {
	margin: 0 auto;
	width: 558px;
}

.orderHeading {
	font-size: 18px;
	background: #356aa0;
	padding: 9px 0 9px 15px;
	color: #FFF;
	display: block;
	text-transform: uppercase;
	width: 668px;
}
.orderPanel h2 {
	font-size: 20px;
	color: #005dd6;
	/*background: transparent url('../images/panels/order_top.gif') no-repeat scroll left top;*/
	margin: 0;
	padding: 15px 0px 5px 20px;
}
.orderPanel .OptionalTitle {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
.orderPanel .subTitle {
	font-size: 14px;
	font-weight: bold;
	color: #85bb34;
}
.orderPanel .durationhead {
	font-size: 12px;
	font-weight: bold; 
}
#mainContentRight .orderPanel .SubService {
	padding: 0 25px;
}



#mainContentRight .orderPanel #desc {
	font-size: 12px;
	line-height: 17px;
	padding: 10px 0px 10px 5px;
	margin: 0;
	width: 540px;
}
#mainContentRight .orderPanel .orderSub ul {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	width: 450px;
}
.orderPrice {
	font-weight: bold;
	color: #004a9c;
	font-size: 16px;
}


.orderPanel .discountPrice {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #ff5500;
}
.discountPrice {
	float: left;
	font-size: 16px;
	color: #ff5500;
}
.orderPanel .outsourcePrice {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #ff5500;
}
.outsourcePrice {
	float: left;
	font-size: 16px;
	color: #ff5500;
}
.HideRate {
	visibility: hidden;
}
.hidevisibility
{
	visibility: hidden;
}

.flotr {
	float: right;
}
.orderPanel .orderNow {
	background: url(../images/bg/ordebgImg.png) no-repeat;
	width: 191px;
	height: 42px;
	text-align: center;
	background-position: -41px -194px;
	border: none !important;
	cursor: pointer;
}
.orderPanel .orderNow a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

.orderPanel .serviceCode {
	font-weight: bold;
	color: #6a912a;
	margin-right: 25px;
	font-size: 16px;
}

.addedToBasket {
	display: block;
	float: left;
	padding-left: 25px;
	background: transparent url('../images/basket_light.gif') no-repeat scroll left bottom;
	font-size: 12px;
	color: gray;
	font-weight: bold;
}
.GoToCart {
	margin-top: 10px;
	text-align: center;
}
.orderPanel .inCartTitle {
	color: #999999;
}
#mainContentRight div.orderPanel div.botWrapper div.SubService ul.inCart li {
	list-style-type: none;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-left: 30px;
	background: url(../images/icons/shopcartadd.png) no-repeat 5px 5px;
	line-height: 25px;
	color: #666666;
}

#mainContentRight div.orderPanel div.botWrapper li {
	list-style-type: none;
	overflow: hidden;
	display: block;
	line-height: 15px;
	font-size: 13px;
	width: 480px;
	color: #666666;
	font-style: italic;
}
.addones input {
	display: block;
	float: left;
}
.addones label {
	display: block;
	float: left;
	width: 400px;
	margin-left: 5px;
}
.addones td {
	padding-bottom: 10px;
	padding-left: 20px;
}

/**********************Medium Blue panel***************/
.orderPanel .mediumbluebox {
	background: url(../images/panels/smallbluebox_body.gif) repeat-y;
}
.orderPanel .mediumbluebox h2 {
	background: url(../images/panels/smallbluebox_top.gif) no-repeat;
	padding: 20px 15px 5px;
	font-size: 14px;
	color: #990000;
}
.orderPanel .mediumbluebox .bot {
	background: url(../images/panels/smallbluebox_bot.gif) no-repeat;
	height: 12px;
}

/***********************Seperator Panel *******************/
.orderPanel .duration h4 {
	/*padding: 10px 0px 10px 5px; 	background: url(../images/panels/smallseperatorpanel_top.gif) no-repeat; 	font: 18px arial, tahoma, verdana;*/
}
.orderPanel .descbot {
	padding: 10px 0px 10px 5px; /*background: transparent url('../images/panels/smallseperatorpanel_bot.gif') no-repeat scroll bottom; */ /*    background: url(../images/panels/smallseperatorpanel_bot.gif) no-repeat;*/
	height: 20px;
}
.lightBlu {
	border: 1px solid #a3b3ba;
	background: #cde2ec;
	padding: 20px;
	width: 450px;
	margin: 0 auto;
	margin-bottom: 10px;
}




/*.orderPanel
{
	width: 500px;
	overflow: hidden;
	margin: 10px auto;
	background: transparent url(  '../images/panels/smorder_bg.gif' ) repeat-y scroll left top;
}
.orderPanel h2.orderTitle
{
	font-size: 20px;
	color: #005dd6;
	background: transparent url(  '../images/panels/smorder_top.gif' ) no-repeat scroll left top;
	padding: 15px 5px 5px 20px;
	margin: 0;
}
.orderPanel p
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 25px;
	padding-bottom: 20px;
	margin: 0;
}
.orderPanel .orderPrice
{
	float: left;
	font-size: 18px;
	color: #38a000; 
}
.orderPrice
{
	float: left;
	font-size: 18px;
	color: #38a000;
}
.orderPanel .discountPrice
{
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #ff5500;
}
.discountPrice
{
	float: left;
	font-size: 24px;
	color: #ff5500;
}
.orderPanel .outsourcePrice
{
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #ff5500;
}
.outsourcePrice
{
	float: left;
	font-size: 24px;
	color: #ff5500;
}

.orderPanel .orderNow
{
	float: right;
	padding-right: 70px;
}
.orderPanel .orderNow a
{
	display: block;
	font-size: 18px;
	background: transparent url(  '../images/big_arrow.gif' ) no-repeat scroll left center;
	padding-left: 30px;
	color: #d60000;
	text-decoration: none;
}
.orderPanel .botWrapper
{
	width: 500px;
	overflow: hidden;
	background: transparent url(  '../images/panels/smorder_bottom.gif' ) no-repeat scroll left bottom;
	padding-bottom: 25px;
}
.orderPanel .serviceCode
{
	padding: 0 25px;
	font-weight: bold;
	margin-bottom: 15px;
}
.orderPanel .serviceCode span
{
	color: crimson;
}
.addedToBasket
{
	display: block;
	float: left;
	padding-left: 25px;
	background: transparent url(  '../images/basket_light.gif' ) no-repeat scroll left bottom;
	font-size: 12px;
	color: gray;
	font-weight: bold;
}
.GoToCart
{
	margin-top: 10px;
	text-align: center;
}
*/

/* Left Bar
****************/

/*.leftbar
{
	width: 210px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}*/
#siteMapPath
{
	margin: 10px 0 10px 0;
	font-size: 11px;
	color: #808080;
}
#siteMapPath a
{
	color: #808080;
}
#siteMapPath a:hover
{
	color: #800000;
}


/* Left Bar
*******************************/

.leftbar {
    width: 229px;
    clear:both;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;

}

.leftbar h3{ background:url(../images/bg/nav-bg.jpg) no-repeat; width:229px;height:42px; line-height:42px;text-align:center; text-transform:uppercase; font-size:14px; color:#FFF; font-weight:bold; margin:0 !important;}

ul.leftmenu {font-weight: bold;width:227px;background:#eceaea; border:1px solid #c4c4c4; padding:0; margin:0;}
ul.leftmenu li { padding: 7px 10px; color: #000; list-style:none; margin-left:10px;	}
ul.leftmenu a:link,	ul.dropdown	{ color: #000; text-decoration: none; }
ul.leftmenu a:hover	{ color: #000;text-decoration: underline; }
.leftmenu li ul{ padding:0; margin:5px 0; font-weight:normal; border-left:1px solid #b9b9b9;}
.leftmenu li ul li{ font-size:11px; padding:3px 5px 3px 15px !important; background:url(../images/bg/nev-subline.jpg) no-repeat scroll 0 10px; margin:0 !important; list-style:none !important;}


/*.leftPanel
{
	background: url(../images/panels/leftPanel_bg.gif) repeat-y left top;
	width: 200px;
}
.leftPanel h4
{
	background: url(../images/panels/leftPanel_top.gif) no-repeat left top;
	margin: 0;
	padding: 6px 6px 12px 20px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}
.leftPanel ul
{
	margin-left: 0;
	padding-left: 0;
}
.leftPanel ul li
{
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	background: url(../images/bullBlue.jpg) no-repeat 13px 6px;
	line-height: 20px;
}
.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;
	line-height: 18px;
}
.leftPanel ul ul li a
{
	text-decoration: underline;
	color: #0066CC;
}
.leftPanel .bot
{
	background: url(../images/panels/leftPanel_bottom.gif) no-repeat left bottom;
	padding: 5px;
}
.leftBottom
{
	text-align: center;
	margin-top: 30px;
}
.livePanel
{
	margin: 30px 10px 10px 10px;
	padding: 5px;
	border: solid 1px #FFCC66;
}
.livePanel li
{
	margin-top: 5px;
	font-size: 11px;
	color: #666666;
}
 */

/*p
{
	padding: 0 0 1em;
}
*/
.sbmimg_list
{
	padding-top: 5px;
	padding-left: 20px;
	width: 900px;
	margin: 10px;
	overflow: hidden;
}
.sbmimg_list li
{
	list-style-type: none;
	display: block;
	float: left;
}
.message_head
{
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.collapse_buttons
{
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 900px;
}
.collapse_buttons a
{
	margin-left: 15px;
	float: right;
}
.show_all_message
{
	background: url(../images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only
{
	display: none;
	background: url(../images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message
{
	background: url(../images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}


.BoxContent
{
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 5px;
	border-right: cornflowerblue 1px solid;
	border-top: cornflowerblue 1px solid;
	border-left: cornflowerblue 1px solid;
	border-bottom: cornflowerblue 1px solid;
}

.BoxContent a
{
	text-decoration: none;
}
.BoxContent td
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	background-color: #ffffff;
}

.detailstabbox
{
	vertical-align: top;
	width: 600px;
	border: #F0F0F0 1px solid;
}

.detailsboxHeader
{
	background-color: #F8F8F8;
	border-bottom: solid 1px #29628A;
	height: 30px;
	padding-left: 10px;
}
.detailsboxHeader div
{
	float: left;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;
}
.noborder
{
	border-width: 0;
}
.Advantages
{
	color: #FFA717;
	font-weight: bold;
}
#Advantages ul li
{
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	background: url(../images/tick2.gif) no-repeat 5px 5px;
	line-height: 20px;
	color: #666666;
	overflow: hidden;
}

.TwitAdv
{
	color: #FFA717;
	font-weight: bold;
	font-size: 14px;

}
#TwitAdv ul li
{
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
	background: url(../images/twitbull.jpg) no-repeat 5px 5px;
	line-height: 30px;
	color: #666666;
}

.Hootsuite li
{
	list-style-type: none;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
	background: url(../images/Eye.png) no-repeat 5px 5px;
	line-height: 20px;
	color: #1b2d61;
}
.HootsuiteAd li
{
	list-style-type: none;
	font-size: 13px;
		overflow: hidden;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	background: url(../images/tick2.gif) no-repeat 5px 5px;
	line-height: 20px;
	color: #a13b27;
}

.Syncsocial li
{
	list-style-type: none;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
	background: url(../images/icons/1.gif) no-repeat 5px 5px;
	line-height: 20px;
	color: #1b2d61;
}
.Syncsocialsave li
{
	list-style-type: none;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-left: 35px;
	background: url(../images/icons/icon_del.gif) no-repeat 5px 5px;
	line-height: 20px;
	color: #1b2d61;
}


#list
{
	width: 500px;
	padding: 15px 5px 5px 20px;
}
#list ul
{
	width: 130px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
#list ul li
{
	list-style: none;
	display: block;
}


/* Rounded Rectangle */
.big-roundrect
{
	width: 800px;
	overflow: hidden;
	background: url(../images/big-roundrect.gif) no-repeat left top;
}
.big-roundrect .top
{
	background: url(../images/big-roundrect.gif) no-repeat right top;
	height: 20px;
	margin-left: 20px;
}
.big-roundrect .roundrect-content
{
	width: 800px;
	overflow: hidden;
	background: url(../images/big-roundrect.gif) no-repeat right bottom;
}
.big-roundrect .inner-content
{
	overflow: hidden;
	background: url(../images/big-roundrect.gif) no-repeat left bottom;
	margin-right: 20px;
	padding: 0 10px 10px 20px;
}

.big-roundrect .roundrect-content ul
{
	padding: 5px; list-style:none; margin: 0 0px;

}
.sitelisting {
	padding: 5px; list-style:none; margin: 0 0px;
}


/* Comparison Panel
********************************/
.subTitle
{
	font-size: 16px;
	color: #1a6da4;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 30px;
}

.comPanel
{
}
.comPoints
{
	background-color: #f1f2f3;
	border-bottom: solid 1px #dee0e1;
	padding: 3px 8px;
	color: #666666;
	height: 25px;
}
.comBasic
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.comPro
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.BOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:190px;
	height:90px;
}
.POrderBox
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:190px;
	height:90px;
}

.BOrderTitle
{
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 12px;
	overflow:hidden;
	height:90px;
	vertical-align:middle;
}
.POrderTitle
{
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 8px;
	overflow:hidden;
	height:90px;
	vertical-align:middle;

}
.CompserviceCode
{
	color: #6a912a;
	font-weight:bold;
}

/* OUTSOURCE */

.OSBOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:190px;
	height:140px;
}

.OSPOrderBox
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:190px;
	height:140px;
}
.OSBOrderTitle
{
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 8px;
	overflow:hidden;
	height:140px;
	vertical-align:middle;
}
.OSPOrderTitle
{
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 8px;
	overflow:hidden;
	height:140px;
	vertical-align:middle;

}


/* Compare $ Service */

.BrnzOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:155px;
	height:120px;
}
.BrnzOSBOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:155px;
	height:170px;
}
.NormalOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:155px;
	height:80px;
}
.OutSourceOrderBox
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px;
	overflow:hidden;
	width:155px;
	height:110px;
}



.BrnzOrderTitle
{
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 12px;
	overflow:hidden;
	height:120px;
	vertical-align:middle;
}
.OSBrnzOrderTitle
{
	background-color: #f0f5f8;
	background-color: #f0f5f8;
	border-left: solid 1px #dee0e1;
	border-bottom: solid 1px #dee0e1;
	border-right: solid 1px #dee0e1;
	padding: 3px 8px;
	overflow:hidden;
	height:170px;
	vertical-align:middle;

}

.comBrnz
{
	text-align: center;
	background-color: #fdfaf9;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.comSilv
{
	text-align: center;
	background-color: #f4f4f4;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.comGold
{
	text-align: center;
	background-color: #fdfdc8;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.comPlat
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.Bronze
{
	background: url(../images/bronze.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.Bronze h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}


.Silver
{
	background: url(../images/silver.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.Silver h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

.Golden
{
	background: url(../images/gold.png) no-repeat left top;
	width: 161px;
	height: 24px;
}

.Golden h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

.Platinum
{
	background: url(../images/platinum.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.Platinum h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}


.Basic
{
	background: url(../images/basic.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.Basic h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

.BasicPoints
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.PremiumPoints
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.Premium
{
	background: url(../images/premium.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.Premium h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

/* Points */

.BronzePoints
{
	text-align: center;
	background-color: #fdfaf9;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.SilverPoints
{
	text-align: center;
	background-color: #f4f4f4;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.GoldenPoints
{
	text-align: center;
	background-color: #fdfdc8;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.PlatinumPoints
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.FullBasic
{
	background: url(../images/Bbasic.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.FullBasic h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

.FullBasicPoints
{
	text-align: center;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}
.FullPremium
{
	background: url(../images/Bpremium.png) no-repeat left top;
	width: 161px;
	height: 24px;
}
.FullPremium h4
{
	margin: 0;
	padding: 3px 6px 6px 50px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
.FullPremiumPoints
{
	text-align: center;
	background-color: #f0fafe;
	border-bottom: solid 1px #dee0e1;
	padding: 3px;
}

.footer ul,li {padding:0; margin:0; list-style:none;}
.footer{ background:url(../images/footer-top.png) top left repeat-x #12315c; padding:30px 0; overflow:hidden; width:100%;}
.footer-wrap{ position:relative;}
.footer-wrap .footer-column{ width:16%; margin:0 1% 0 2%; float:left;}
.footer-wrap .footer-lastcol{ float:right; width:22%; margin:0 0 0 2%;}
.footer-wrap .footer-column h5{ font-size:17px; color:#FFF;}
.footer-wrap .footer-column ul{ margin:8px 0;}
.footer-wrap .footer-column ul li{ background:url(../images/footer-sep.png) bottom left repeat-x; padding:3px 0 5px;}
.footer-wrap .footer-column ul li a{ color:#8d9cb0; background:url(../images/footer-arrow.png) no-repeat 0 5px; padding:0 0 0 12px;}
.footer-wrap .footer-column ul li a:hover{ text-decoration:none; color:#FFF;}
.footer-wrap .footer-lastcol ul{ padding:0 0 0 24px;}
.footer-wrap .footer-lastcol ul li{ float:left; }
.footer-wrap .footer-img1, .footer-wrap .footer-img2, .footer-wrap .footer-img3, .footer-wrap .footer-img4, .footer-wrap .footer-img5, .footer-wrap .footer-img6{ text-indent:-9999px; background:url(../images/img-col.png) no-repeat; width:92px; height:32px; float:left;}
.footer-wrap .footer-img2, .footer-wrap .footer-img3, .footer-wrap .footer-img4{margin:0 0px 7px 0;}
.footer-wrap .footer-img1, .footer-wrap .footer-img3, .footer-wrap .footer-img5{margin:0 7px 7px 0;}
.footer-wrap .footer-img1{ background-position:0 -18px;}
.footer-wrap .footer-img2{ background-position:-94px -18px;}
.footer-wrap .footer-img3{ background-position:0 -56px;}
.footer-wrap .footer-img4{ background-position:-94px -56px;}
.footer-wrap .footer-img5{ background-position:-188px -56px;}
.footer-wrap .footer-img6{ background-position:-286px -221px;}
.footer-wrap .social-network{ width:98%; margin:20px 0 0 2%; float:left;}
.footer-wrap .social-network ul li{ float:left;}
.footer-wrap .social-network .social1 a, .footer-wrap .social-network .social2 a, .footer-wrap .social-network .social3 a, .footer-wrap .social-network .social4 a, .footer-wrap .social-network .social5 a, .footer-wrap .social-network .social6 a{ text-indent:-9999px; background:url(../images/img-col.png) no-repeat; width:28px; height:27px;margin:0 5px 0 0; float:left}
.footer-wrap .social-network .social1 a{ background-position:0 -95px;}
.footer-wrap .social-network .social2 a{ background-position:-37px -95px;}
.footer-wrap .social-network .social3 a{ background-position:-72px -95px;}
.footer-wrap .social-network .social4 a{ background-position:-106px -95px;}
.footer-wrap .social-network .social5 a{ background-position:-140px -95px;}
.footer-wrap .social-network .social6 a{ background-position:-174px -95px;}
.footer-wrap .social-network .social1 a:hover{ background-position:0 -124px;}
.footer-wrap .social-network .social2 a:hover{ background-position:-37px -124px;}
.footer-wrap .social-network .social3 a:hover{ background-position:-72px -124px;}
.footer-wrap .social-network .social4 a:hover{ background-position:-106px -124px;}
.footer-wrap .social-network .social5 a:hover{ background-position:-140px -124px;}
.footer-wrap .social-network .social6 a:hover{ background-position:-174px -124px;}
.footer-wrap .copyright{ float:right; width:117px; margin:-10px 0 0;}
.footer-wrap .copyright .footer-logo{ background:url(../images/img-col.png) no-repeat 0 -570px; width:117px; height:27px;}
.footer-wrap .copyright p{ font-size:11px; color:#fff;}