body
{
	margin: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background: #1b4e19 url(../images/bg-body.png) repeat-y 50% 0;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
img
{
	border: none;
	display: block;
}
a
{
	color: #409719;
}
a:hover
{
    text-decoration: none;
}

h1 {color:#252525; font-weight:normal; font-size:2.3em; text-transform: uppercase; margin:30px 0 0 0;}
h2{color:#252525; font-weight:normal; font-size:2.2em;}
h3{color:#ca0678; font-weight:normal; font-size:1.6em;}
h4{color:#252525; font-weight:normal; font-size:1.4em; line-height:1.2em; margin:0 auto;}
h5{color:#252525; font-weight:normal; font-size:1.4em; line-height:1em; margin-bottom:0;}

.clear {
    clear:both;
    margin:0;
    padding:0;
}

.top-padding{
    padding-top:110px;
}

.img {
    border: none;
}

#header input, textarea, select
{
	border: 1px solid #ccc;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}

#pagewidth
{
	width: 992px;
	padding: 0px;
	margin: 0 auto;
    position: relative;
        
}

#pagewidth #inner
{
	width: 940px;
	padding: 0px;
	margin: 0 26px;
    position: relative;
    background:#fff;
    -moz-box-shadow: 0px 0px 15px #000;
    -webkit-box-shadow: 0px 0px 15px #000;
    box-shadow: 0px 0px 15px #000;
    behavior: url("/assets/css/PIE.htc");
    
    
}
#header
{
	height: 111px;
	width: 940px;
	position: relative;
    background:#fff
}
#header .logo
{
	margin: 0;
	position: absolute;
	top: 24px;
	left: 28px;
}
#header .logo a
{
	width: 273px;
	height: 62px;
	background: url(../images/logo.gif);
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#top-nav
{
    background:#1f1f1f;
    width:100%;
    height:36px;
    padding:0;
    -moz-box-shadow: 0px 0px 4px #333; -webkit-box-shadow: 0px 0px 4px #333; box-shadow: 0px 0px 4px #333;     
    behavior: url(/assets/css/PIE.htc);
    position:relative;
    z-index:100;
}

#top-nav-inner
{
    width:940px;
    margin:0 auto; 
}

#top-nav-inner p
{
    font-family:Arial Rounded MT Bold, Arial;
    color:#ffffff;
    float:left;
    margin-right:20px; 
}

#top-nav-inner p span
{
    color:#5ab736;
}

#top-nav-inner ul
{
    float:right;
    list-style: none;
    
}

#top-nav-inner ul li
{
    float:left; 
    color:#fff;
    text-indent: -9999em
}

#top-nav-inner ul li a
{
   color:#fff; 
   margin:0;
   text-decoration:none;
    display:block;
   
}

#top-nav-inner ul li a.about
{
background: url(../images/top-nav.png) -4px -8px no-repeat; 
height:20px;
width:33px;
}
#top-nav-inner ul li a.cp
{
background: url(../images/top-nav.png) -41px -9px no-repeat; 
height:20px;
width:33px;
}
#top-nav-inner ul li a.contact
{
background: url(../images/top-nav.png) -80px -9px no-repeat; 
height:20px;
width:33px;
}
#top-nav-inner ul li a.search
{
background: url(../images/top-nav.png) -112px -8px no-repeat; 
height:20px;
width:33px;
}

#top-nav-inner ul li a.about:hover
{
background: url(../images/top-nav.png) -4px -41px no-repeat; 
}
#top-nav-inner ul li a.cp:hover
{
background: url(../images/top-nav.png) -41px -42px no-repeat; 
}
#top-nav-inner ul li a.contact:hover
{
background: url(../images/top-nav.png) -80px -42px no-repeat; 
}
#top-nav-inner ul li a.search:hover
{
background: url(../images/top-nav.png) -112px -41px no-repeat; 
}
#top-nav-inner ul li a.fb
{
 margin:-1px 10px 0 0;
}
#top-nav-inner ul li a.twit
{
 margin:-1px 0 0 0;
}


#top-nav-inner ul li a:hover
{
   text-decoration:underline;
}

#nav
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 114px;
	left: 0;
    width:100%;
    background:#000;
}
#nav li
{
	float: left;
}
#nav a
{
	background-repeat: no-repeat;
	height: 22px;
	overflow: hidden;
	display: block;
    color: #bbb;
    font-size:1.3em;  
    padding:15px 15px 13px 15px;
    text-decoration: none;
}
#nav a:hover
{
background: #222; color: #fff;
}
#nav a.active, #nav a.active:hover
{
background:  url(../images/nav-active.png) 0 0 repeat-x #000; color: #fff
}
#nav .leftimage
{
    background: url(../images/menu-left.png) 0 0 no-repeat; 
    height: 89px;
    width: 45px;
    position: absolute;
    left: -34px;
    top:-20px;
}

#nav .rightimage {
	background: url(../images/menu-right.png) 0 0 no-repeat; 
    height: 89px;
    width: 45px;
    position: absolute;
    right: -34px;
    top:-20px;
}

.livechat-online, .livechat-offline
{
    background: url(../images/quote-head.png) 0 0 no-repeat;
    height:89px;
    width:141px;
    position: absolute;
    top:94px;
    right:-28px
}

.livechat-offline
{
    background: url(../images/livechat-off.png) 0 0 no-repeat;

}

#subnav
{
	margin: 50px 0 1px 0;
	padding: 0;
	list-style: none;
    width:928px;
    height:52px;
    background:#e2e2e2;
    border-bottom: 1px solid #a9a9a9;
    padding-left:12px;
    
}
#subnav li
{
	float: left;
}
#subnav a
{
	background-repeat: no-repeat;
	height: 17px;
	overflow: hidden;
	display: block;
    color: #000000;
    font-size:1.1em;  
    padding:13px;
    margin-top:10px;
    text-decoration: none;
}

#subnav a:hover
{
background: #f1f1f1; border:1px solid #ddd; border-bottom: none;
padding: 12px 12px 13px 12px;
height:16px!important;
}

#subnav .active, #subnav .active:active
{
background: #fff; border:1px solid #a9a9a9; border-bottom: none;
padding: 11px 12px 14px 12px;
}

#subnav .active:hover
{
background: #fff; border:1px solid #a9a9a9; border-bottom: none;
padding: 11px 12px 15px 12px;
}

.nosubnav { margin: 26px; height: 1px; }

#header fieldset
{
	width: 500px;
	height: 58px;
	padding: 13px 0 0 16px;
	position: absolute;
	top: 15px;
	right: 30px;
}
#header fieldset strong
{
	font-size: 11px;
	text-transform: uppercase;
}
#header fieldset ul
{
	margin: 0;
	padding: 7px 0 0;
	font-size: 11px;
	line-height: 20px;
	overflow: hidden;
	list-style: none;
}
#header fieldset ul li
{
	float: left;
}
#header fieldset ul input
{
	width: 130px;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px 0 0 4px;
	height: 26px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#header fieldset ul label
{
	float: left;
	margin: 0 7px 0 0;
}
#header fieldset .submit
{
	border: none;
	margin: -30px 1px 0 0;
	position: relative;
	float: right;
	z-index: 10;
    width: 60px;
    height:auto!important;
    font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
    padding:0;
}

#header fieldset label {
    color: #404040;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding-top: 6px;
    text-align: left;
}

#footer
{
	width: 100%;
	overflow: hidden;
	background: url(../images/footer/back-border.gif) repeat-x  #393939;
	padding: 5px 0 0px;
	margin: 0;
    position:relative;
    z-index: 1;
}

#footer-centre
{
	width: 940px;
	overflow: hidden;
	margin: 12px auto;
}
#footer .company-info
{
    background: #191919;
    padding: 14px 0;
}

#footer .company-info p
{
    text-align: center;
    color:#fff;
    font-size: 11px;  
}
#footer h3
{
	color:#1d1d1d!important;
    font-size:2.1em; 
    margin: 26px 0 15px 0;
    font-style:italic;
}
#footer p
{
	margin: 0 0 0 0;
}
#footer img
{
	margin: 0 0 14px;
}
#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li
{}
* html #footer ul li
{
	padding: 0 0 0 4px;
}

* + html #footer ul li
{
	padding: 0 0 0 4px;
}
#footer a
{
	color: #666;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
.bottom
{
	width: 940px;
	height: 24px;
	overflow: hidden;
}
.main
{
	width: 940px;
	overflow: hidden;
    
}
.section-divide
{
    width: 880px!important;
	background: url(../images/section-divide.png) repeat-x #f6f6f6;
    padding:15px 30px 0 30px;

}
.cloud-back
{
	background: url(../images/cloud-back.jpg) repeat-y;

}
.section-divide .left
{
    display: inline;
    width: 420px;
    float:left;
}
.section-divide .left ul
{
    margin:12px 0 0 0px;
    padding:0;
}
.section-divide .left ul li
{
    margin:0;
    padding: 0 0 0 16px;
    background: url(../images/bullet-points/pink-arrow.png)  no-repeat 0 5px;
    list-style: none;
    line-height:1.5em;
}
.section-divide .right
{
    display: inline;
    width: 420px;
    float:right;
}
.section-divide .left-nomargin
{
 margin:20px 0 0 -30px;
}

.section-divide .right-nomargin
{
 margin:20px -30px 0 0;
}

.right-bar
{
    float:right;
    margin:0px;
    width:207px;
    height:100%;
    background: #fbfbfb;
    display:block;
}
.right-bar h4
{
    color:#182E41;
    font-weight:bold;
    font-size:1.6em;
    margin:0;
    line-height:18px;
}
.right-bar ul 
{
    padding:0;
    margin:0;
}
.right-bar li 
{
    padding:20px 20px 20px 20px;
    border-bottom:1px dotted #DFE3E7;
    list-style:none;
}

.right-bar li.callus
{
	background: url(../images/call-right.jpg) no-repeat top right;
}
 
.right-bar li ul 
{
    padding:0;
    margin:0;
}
.right-bar li ul li
{
    padding:16px 15px;
    border-bottom:1px dotted #DFE3E7;
    list-style:none;
    background:  url(../images/bullet-points/pink-arrow.png) no-repeat 0 18px;
}

.right-bar li ul li a
{
color:#757d88;
}

.right-bar li ul li.last
{
    border-bottom: none;
    padding-bottom: 0;
}
.right-bar p
{
    color:##8096A4;
    font-size:1.2em;
    line-height:18px;
    margin: 5px 0;
}
.right-bar a
{
    text-decoration:none
}
.right-bar .big
{
    font-size:1.6em;
}
.right-bar .small
{
    font-size:0.7em;
    line-height:0.9em;
    margin-top:-2px;
   color: #898989;
}

.twocolumn
{
	float: left;
	width: 520px;
    margin-left:30px;
}

.twocolumnright
{
	float: right;
	width: 520px;
    margin-right:30px;
}

.twocolumnright h3
{
border-top: 1px solid #9ca5ae;
padding-top:10px; 
margin:10px 0;
}
.twocolumnright h4
{
margin:0 auto; 
border-bottom: 1px solid #9ca5ae; 
padding-bottom:16px
}

.withright
{
	float: left;
	width: 650px;
    padding:0 40px 30px 10px;
    margin-left:30px;
    border-right: 1px solid #dcdfe2;
}


.section-divide .twocolumn
{
	float: left;
	width: 520px;
    margin-left:10px;
}

.twocolumnthin
{
    float: right;
    margin-right: 30px;
    width: 320px;
}

.left
{
	float: left;
	width: 350px;
}

.left .NarrowForm {
    margin-top:7px;
}

.left-thin
{
	float: left;
	width: 300px;
}

.left-thin h3 {
    border-top: 1px solid #9CA5AE;
    border-bottom: 1px solid #9CA5AE;
    margin: 10px 0;
    padding: 10px 0;
}

.top
{
	width: 940px;
	overflow: hidden;
    padding: 30px 0 0 10px;
    
}
.center
{
	width: 398px;
	float: left;
	padding: 0 10px;
}
.treenoright .center {
	width: 550px;
}

.main p
{
	line-height: 140%;
}

.center p
{
	margin: 16px 0 0;
	line-height: 140%;
}
#right h1, .center h1, .ErrorBox h1, .ProductComparisonIntro h1
{
	margin: 15px 0 0;
}
#right h1 span, .center h1 span, .ErrorBox h1 span, .ProductComparisonIntro h1 span
{
	background: #fff;
	padding: 0 9px 0 0;
}
blockquote {
    margin:7px 0 10px 0;
    padding:0;
    color:#757474
}
.blockquote strong
{
	display: block;
    height:20px;
    margin-left:20px;
}
.blockquote em
{
	font-style: normal;
}


ul.team
{
	width: 398px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul.team li
{
	float: left;
	width: 304px;
	margin: -1px 0 0;
	overflow: hidden;
	padding: 10px 0 11px 94px;
	background: url(../images/separator2.gif) repeat-x 0 0;
}
ul.team li img
{
	float: left;
	display: inline;
	margin: 0 0 0 -92px;
}
ul.team li h3
{
	margin: 0;
	font-size: 11px;
}
ul.team p
{
	margin: 3px 0 0;
}
.right
{
	float: right;
	width: 210px;
}

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

.right ul li
{
background:  url(../images/bullet-points/green-tick.png) no-repeat 0 6px;
margin: 0;
padding:5px 0 5px 22px;
line-height:1.4em;
list-style: none;
}

ul.latest-news
{
	margin: 0 0 7px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 139px;
	font: 10px verdana,Arial, Helvetica, sans-serif;
	line-height: 130%;
}
ul.latest-news li
{
	background: url(../images/separator2.gif) repeat-x 0 100%;
	overflow: hidden;
	width: 139px;
	float: left;
	padding: 10px 0 13px;
}
ul.latest-news em
{
	font-weight: bold;
	color: #999;
	font-style: normal;
	display: block;
}
ul.latest-news p
{
	margin: 0;
}
.right h4
{
	margin: 0;
	font-size: 14px;
	letter-spacing: -1px;
}
span.phone
{
	font-size: 17px;
	color: #841975;
	letter-spacing: -1px;
}
.need-more
{
	padding: 5px 0 8px 2px;
	margin: 8px 0 0;
	width: 138px;
	background: url(../images/separator2.gif) repeat-x 0 0;
}
.infrastructure
{
	width: 140px;
	font-size: 10px;
	background: url(../images/separator2.gif) repeat-x 0 0;
}
.infrastructure div
{
	padding: 5px 0 8px 2px;
	width: 138px;
	background: url(../images/separator2.gif) repeat-x 0 100%;
	overflow: hidden;
}
.infrastructure img
{
	float: left;
	margin: 9px 5px 0 0;
}
.infrastructure p
{
	margin: 9px 0 6px;
}
a.click-here
{
	width: 137px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/a-click-here-over.png) 0 0;
	display: block;
	cursor: pointer;
	margin: 0 auto;
	clear: both;
}
a.click-here:hover
{
	background: url(../images/a-click-here-over.png) 0 -38px;
}
a.order-now
{
	width: 137px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/a-order-now-over.png) 0 0;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	margin: 0 0 10px 0;
	clear: both;
}
a.order-now:hover
{
	background: url(../images/a-order-now-over.png) 0 -38px;
	background-repeat: no-repeat;
}
a.quote-request
{
	width: 137px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/a-quote-request-over.png) 0 0;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	margin: 0 0 10px 0;
	clear: both;
}
a.quote-request:hover
{
	background: url(../images/a-quote-now-over.png) 0 -38px;
	background-repeat: no-repeat;
}

a.enquire
{
	width: 137px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/a-enquire-now.gif) 0 0;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	margin: 0 0 10px 0;
	clear: both;
}
a.enquire:hover
{
	background: url(../images/a-enquire-now.gif) 0 -38px;
	background-repeat: no-repeat;
}

.floor-plan
{
	width: 128px;
	margin: 11px 0 0;
	padding: 9px 0 0 11px;
	background: url(../images/bg-floor-plan.gif) no-repeat 0 0;
}
.floor-plan img
{
	margin: 10px 0 0 -7px;
}
.floor-plan p
{
	margin: 0 5px 0 0;
}
ul.servers
{
	margin: 0 0 0 11px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 141px;
}
ul.servers li
{
	width: 141px;
	height: 98px;
	float: left;
	background: url(../images/bg-li.gif);
	text-align: center;
	padding: 11px 0 0;
	margin: 0 0 21px;
	position: relative;
}
ul.servers li h3
{
	font-size: 15px;
	margin: 0pt 10pt;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #333;
}
ul.servers h3 a 
{
	text-decoration: none;
	color: #666;
}
ul.servers strong
{
	font-size: 21px;
	color: #fc7e32;
	display: block;
}
ul.servers em
{
	font-style: normal;
	font-weight: bold;
}
ul.servers .click-here, ul.servers .order-now
{
	position: absolute;
	bottom: -13px;
	left: 33px;
}
ul.news, div.news
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul.news li
{
	overflow: hidden;
	width: 100%;
	padding: 10px 0 10px;
	background: url(../images/separator2.gif) repeat-x 0 100%;
}
.news div.date
{
	color: #888;
	font-style: normal;
	font-size: 0.8em;
	padding-bottom: 4px;
}
.news h2
{
	font-size: 11px; 
	margin: 0;
	margin-bottom: 6px;
}
.news h2 a 
{
	text-decoration: none;
	color: #666;
}
.news p
{
	margin: 0 0 13px;
	line-height: 15px;
}
.news a.read-article 
{
	float: right;
	text-align: right;
	display: block;
	padding: 0px;
}
p.next
{
	background: url(../images/separator2.gif) repeat-x 0 100%;
	line-height: 37px;
	margin: 0;
	padding: 0 0 0 3px;
}
p.next a
{
	padding: 0 0 0 15px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat left;
}
p.next a:hover
{
	text-decoration: underline;
}
div.servers
{
	width: 396px;
	overflow: hidden;
	margin: 13px 0 0;
	background: url(../images/bg-server.gif);
}
.servers .frame
{
	background: url(../images/bg-server-t.gif) no-repeat 0 0;
}
.servers .bg
{
	width: 396px;
	overflow: hidden;
	padding: 11px 0 10px;
	background: url(../images/bg-server-b.gif) no-repeat 0 100%;
}
div.serverssingle
{
	width: 396px;
	overflow: hidden;
	margin: 13px 0 0;
	background: url(../images/bg-server1.gif);
}
.serverssingle .frame
{
	background: url(../images/bg-server-t1.gif) no-repeat 0 0;
}
.serverssingle .bg
{
	width: 396px;
	overflow: hidden;
	padding: 11px 0 10px;
	background: url(../images/bg-server-b1.gif) no-repeat 0 100%;
}
.lserver
{
	width: 191px;
	float: left;
	position: relative;
}
.rserver
{
	width: 191px;
	float: right;
	position: relative;
}
.lserver h2 a, .rserver h2 a
{
	text-decoration: none;
	color: #666;
}
.lserver .more-info 
{
	position: relative;
	bottom: 0px;
}
.servers img, .serverssingle img
{
	margin: 0 auto;
}
.servers p, .serverssingle p
{
	margin: 0 10px 0 16px;
	line-height: 140%;
}
.servers p.more, .serverssingle p.more
{
	margin: 16px 10px 5pt 16px;
}
.servers h2, .serverssingle h2
{
	margin: 8px 10px 4px 16px;
	font-size: 11px;
}
a.more-info
{
	width: 137px;
	height: 38px;
	background: url(../images/a-more-info.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 14px 0 0 0;
}
a.more-info:hover
{
	background: url(../images/a-more-info.gif) 0 -38px;
}
a.more-info-thin
{
	width: 126px;
	height: 32px;
	background: url(../images/a-more-info-thin.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 14px 0 0 0;
}
a.more-info-thin:hover
{
	background: url(../images/a-more-info-thin.gif) 0 -32px;
}

a.custom-buy
{
	width: 150px;
	height: 38px;
	background: url(../images/custom-buy.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 14px 0 0 0;
}
a.custom-buy:hover
{
	background: url(../images/custom-buy.gif) 0 -38px;
}

a.custom-order
{
	width: 137px;
	height: 38px;
	background: url(../images/a-customise.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 0px 0 0 0;
}
a.custom-order:hover
{
	background: url(../images/a-customise.gif) 0 -38px;
}
a.home
{
	width: 138px;
	height: 46px;
	background: url(../images/a-homepage.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 14px 0 0 0;
}
a.back
{
	width: 80px;
	height: 46px;
	background: url(../images/a-back.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 14px 0 0 0;
}

a.casestudy
{
	width: 126px;
	height: 32px;
	background: url(../images/a-casestudy.gif) 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 0px 0 0 0;
}
a.casestudy:hover
{
	background: url(../images/a-casestudy.gif) 0 -32px;
}

ul.centre
{
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	width: 393px;
	border: 1px solid #d7dacd;
}
ul.centre:after
{
	content: ".";
	height: 0;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	clear: both;
}
ul.centre li
{
	width: 372px;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 0 16px;
	display: inline;
	position: relative;
	background: url(../images/separator2.gif) repeat-x 0 100%;
}
ul.centre li.last
{
	background: none;
}
ul.centre h2
{
	font: 19px Tahoma, Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
ul.centre h2.dc-site
{
	width: 128px;
	height: 15px;
	background: url(../images/text-dc-site.gif);
}
ul.centre h2.dc-ground-floor
{
	width: 203px;
	height: 15px;
	background: url(../images/text-dc-ground-floor.gif);
}
ul.centre h2.dc-first-floor
{
	width: 175px;
	height: 15px;
	background: url(../images/text-dc-first-floor.gif);
}
ul.centre img
{
	margin: 10px auto 0;
}
.popup
{
	width: 230px;
	height: 79px;
	overflow: hidden;
	background: url(../images/popup.png);
	position: absolute;
	display: none;
}
#popup1
{
	left: 233px;
	top: 69px;
}
#popup2
{
	left: 165px;
	top: 158px;
}
#popup3
{
	left: 198px;
	top: 61px;
}
#popup4
{
	left: 74px;
	top: 60px;
}
#popup5
{
	left: 101px;
	top: 95px;
}
#popup6
{
	left: 83px;
	top: 121px;
}
#popup7
{
	left: 149px;
	top: 111px;
}
#popup8
{
	left: 243px;
	top: 60px;
}
.popup div
{
	width: 91px;
	height: 72px;
	background: #fff;
	position: relative;
	margin: 2px 0 0 20px;
	padding: 0 0 0 114px;
}
ul.centre .popup img
{
	margin: 6px 0 0 -108px;
	float: left;
	display: inline;
}
ul.centre .popup strong
{
	display: block;
	padding: 16px 0 0;
}
#twocolumn
{
	width: 916px;
	margin: 0 auto;
	overflow: hidden;
}
#left
{
	float: left;
	width: 440px;
    margin-left:10px;
}
#right
{
	float: right;
	width: 450px;
}
.gr #right
{
	width: 384px;
	line-height: 140%;
}
#right p
{
	margin: 14px 34px 10pt 0;
	line-height: 140%;
}
#right h2
{
	margin: 15px 34px -12px 0;
	font-size: 11px;
}
#right h3.high-availability
{
	font-size: 14px;
	margin: 15px 34px 0 0;
}
#right ul
{
	margin: 15px 0 0 -16px;
	padding: 0;
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	line-height: 21px;
	margin-bottom: 5px;
}
#right ul li
{
	padding: 0 0 0 16px;
	background: url(../images/arrow.gif) no-repeat left;
}
#left img
{
	margin: 0 auto;
}
#left em
{
	font-size: 10px;
	margin: 10px 0 0 25px;
	display: block;
	font-style: normal;
}
#left .box
{
	width: 270px;
	overflow: hidden;
	margin: 17px 0 0 25px;
	background: #e9e6d3 url(../images/bg-box.gif) no-repeat 0 0;
}
#left .box div
{
	width: 251px;
	overflow: hidden;
	padding: 20px 0 18px 19px;
	background: url(../images/bg-box-b.gif) no-repeat 0 100%;
}
#left .box ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	line-height: 19px;
}
#left .box ul a
{
	padding: 0 0 0 15px;
	text-decoration: none;
	background: url(../images/bullet2.gif) no-repeat left;
	color: #666;
}
#left .box ul a:hover
{
	background: url(../images/bullet2-over.gif) no-repeat left;
	color: #ff9a02;
}
#left .box ul strong
{
	padding: 0 0 0 15px;
	color: #831c75;
	background: url(../images/bullet2.gif) no-repeat left;
}
#left .box.dark
{
	background: #f3f3e9 url(../images/bg-box2-t.gif) no-repeat 0 0;
}
#left .box.dark div
{
	background: url(../images/bg-box2-b.gif) no-repeat 0 100%;
}
#right ul.contact
{
	margin: 20px 0 0;
	float: none;
	width: auto;
	line-height: 16px;
}
#right ul.contact li
{
	padding: 0;
	background: none;
}
#right address
{
	font-style: normal;
}
span.hr
{
	background: url(../images/separator2.gif);
	height: 1px;
	overflow: hidden;
	display: block;
	margin: 7px 15px -10px 0;
}
.testomonials
{
	width: 940px;
	overflow: hidden;
    color: #fff;
}

h4.testimonials
{
	margin: 0 0 0 4px;
	display: inline;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}
.testomonials .treecol
{
	width: 940px;
	float: left;
	margin: 0 0 20px 0;
	display: inline;
	overflow: hidden;
}
.testomonials .col1
{
	float: left;
	width: 280px;
    margin-right:40px;
}
.testomonials .col2
{
	float: left;
	width: 360px;
    
}
.testomonials .col3
{
	float: left;
	width:220px;
    background: url(../images/footer/logo.png) 0 18px no-repeat;
    padding-top:70px;
        margin-right:40px
}
.testomonials .col1 ul
{
	margin: 0 20px 0 0!important;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
    width:120px;
    float:left;
}
.testomonials .col1 ul li
{
	padding: 4px 0!important;
	margin: 0;
    border-bottom: 1px solid #444;
    display:block!important;
}

.testomonials .col1 ul li a
{
 color: #fff!important;
font-size:12px;
line-height:23px;
}

.testomonials .col1 ul li a:hover
{
 color: #3fb008!important;
text-decoration: none!important;
}


.testomonials .col1 blockquote p
{
	margin: 0;
}
.testomonials .col1 blockquote
{
	font-size: 16px;
	margin: 0 0 16px 0;
	line-height: 24px;
	padding: 0px;
    background:  url(../images/footer-quote.gif) no-repeat 0 0;
}
.testomonials .col1 em
{
	font-style: normal;
	color: #999;
	font-size: 10px;
}
.testomonials .col1 strong
{
	color: #fafafa;
	font-size: 12px;
	margin: 0 0 10px 0;
    padding: 7px;
    background: #191919;
    line-height:26px;
}
.testomonials h2.latest-news, .testomonials h2.our-infrastructure
{
	margin: 0;
	font-size: 15px;
	letter-spacing: -1px;
}
h3.l-news, .testomonials h2.latest-news
{
	width: 78px;
	height: 13px;
	background: url(../images/text-latest-news.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 10px;
}

.infrastructure h4, .testomonials h2.our-infrastructure
{
	width: 114px;
	height: 13px;
	background: url(../images/text-our-infrastructure.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 10px;
}
.infrastructure h4
{
	margin: 6px 0 0;
}
.testomonials .col2 ul
{
	margin: 0;
	padding: 6px 0 !important;
	list-style: none;
	font-size: 10px;
}
.testomonials .col2 ul li
{
	padding: 10px 0;
	line-height: 130%;
    font-size: 12px;
    line-height:20px;
    
}

.testomonials .col2 ul li strong
{
	color: #fafafa;
	font-size: 11px;
	margin: 0 6px 10px 0;
    padding: 7px;
    background: #2F2F2F;
    line-height:18px;
}

.testomonials .col3 p.social
{
    background: none repeat scroll 0 0 #2F2F2F;
	margin: 18px 0 0 0!important;
    display: block;
    height: 70px;
    width: 171px;
    padding:0 7px;
}

.testomonials .col3 img
{
	float: left;
	margin: 14px 7px 0 7px!important;
}
.testomonials .col3 p
{
	margin: 10px 15px 10px 0;
    font-size:1.1em;
    line-height:2.8em;
}

.testomonials .col3 p span.phone
{
	background: url(../images/footer/phone.gif) no-repeat 4px 0px;
    padding-left:28px;
    color:#fff;
    font-size:1.5em;
}
.testomonials .col3 p span.mail
{
	background: url(../images/footer/mail-icon.gif) no-repeat 0 0;
    padding-left:28px;
}
.testomonials .col3 p span.support
{
	background: url(../images/footer/mail-icon.gif) no-repeat 0 0;
    padding-left:28px;
    margin-top:20px;

}
#right ul.package
{
	margin: 0;
	float: none;
	line-height: 15px;
	overflow: hidden;
}
#right ul.package li
{
	margin: 14px 0 0;
	background: url(../images/arrow.gif) no-repeat 0 4px;
}
#right ul.package ul
{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	width: auto;
	float: none;
}
#right ul.package ul li
{
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
#right .option
{
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	float: none;
}
#right .option li
{
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	background: none;
}
#right .option li a
{
	background: url(../images/text-option.gif) no-repeat 0 0;
	height: 27px;
	width: 70px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#right .option li a.customise-server
{
	background: url(../images/text-option.gif) no-repeat -70px 0;
	width: 105px;
}

.box3, .box6
{
  	width: 158px;
    position:relative;
	margin: 20px 16px 0 0;
    padding:20px 20px 72px 20px;
	overflow: hidden;
    border:1px solid #ccc;
    float:left;
    min-height:161px;  
}

.box6
{
    min-height:80px;  
}

.box3 ul, .box6 ul
{
  	margin:10px 0; 
    padding:0;
}
.box3 ul li, .box6 ul li
{
line-height:1.4em;
list-style:none;
background: url(../images/bullet-points/grey-arrow.png) no-repeat 0 8px;
padding: 5px 0 5px 18px;
border-bottom:1px dotted #DFE3E7;
}
.box3 h4, .box6 h4
{
	padding: 0 0 10px 0;
    border-bottom: 1px solid #2f2f2f;
}
.box3 h4 span
{
float:right;
color:#ca0678;
}
.box6 span
{
color:#ca0678;
}
.box3 h4 span small, .box6 h4 span small
{
font-size:9px;
}
.box3 a, .box6 a
{
position:absolute;
bottom:20px;
left:20px;
}

.box6 p span
{
font-size:1.6em;
}



.t-support, .announcement
{
	width: 270px;
	margin: 20px 20px 0 0;
    padding:20px;
	overflow: hidden;
	background:;
    border:1px solid #ccc;
    float:left;
    min-height:185px;
}
.announcement
{
	margin-right: 0;
}
.t-support h4, .announcement h4
{
	padding: 0 0 10px 0;
    border-bottom: 1px solid #2f2f2f;
}
.t-support p, .announcement p
{
	margin: 
}
a.raise-ticket
{
	width: 127px;
	height: 46px;
	background: url(../images/a-raise-ticket.gif);
	margin: 9px 0 0 0px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
a.read-announcement
{
	width: 138px;
	height: 46px;
	background: url(../images/a-announcement.gif);
	margin: 9px 0 0 0px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.table
{
	width: 719px;
	overflow: hidden;
	margin: 0 0 0 14px;
	padding: 0;
	background: url(../images/bg-table.gif);
}
.table li
{
	width: 719px;
	overflow: hidden;
	float: left;
	word-spacing: -2px;
	line-height: 34px;
	font-size: 10px;
	padding: 0 0 1px;
	background: url(../images/separator2.gif) repeat-x 0 100%;
}
.table li div
{
	float: left;
	overflow: hidden;
	text-align: center;
}
.table li .t1
{
	width: 169px;
	font-weight: bold;
	font-size: 11px;
	text-indent: 11px;
	text-align: left;
}
.table li .t1 strong
{
	color: #fd2900;
}
.table li .t2
{
	width: 130px;
}
.table li .t3
{
	width: 141px;
}
.table li .t4
{
	width: 141px;
}
.table li .t5
{
	width: 138px;
	background: #ebf1ea;
}
.table li a.click-here, .table li a.order-now
{
	margin: 0 auto 9px;
}
span.no, span.yes
{
	width: 17px;
	height: 16px;
	background: url(../images/yes.gif);
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 9px auto 9px;
}
span.no
{
	width: 13px;
	height: 13px;
	background: url(../images/no.gif);
	margin: 10px auto 0;
}
.table img
{
	margin: 0 0 0 10px;
}
.table strong
{
	font-size: 11px;
}
.table .title
{
	background: #fff;
}
.table .title div
{
	padding: 22px 0 0 0;
}
.table .title strong
{
	display: block;
	overflow: hidden;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../images/text-title.gif);
	background-repeat: no-repeat;
}

.table .titlelink strong
{
	display: block;
	overflow: hidden;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../images/text_title1.jpg);
	background-repeat: no-repeat;
}
.table .title strong.dedicated-s
{
	width: 169px;
	background-position: 0 0;
}
.table .title strong.value
{
	width: 130px;
	background-position: -169px 0;
}
.table .title strong.bronze
{
	width: 141px;
	background-position: -299px 0;
}
.table .title strong.silver
{
	width: 141px;
	background-position: -440px 0;
}
.table .title strong.gold
{
	width: 139px;
	background-position: -581px 0;
}
.table li .t5.best
{
	background: url(../images/bg-best.gif) no-repeat 0 0;
}
.table li .t5.best
{
	background: url(../images/bg-best.gif) no-repeat 0 0;
}

#right h1.welcome
{
	font-size: 17px;
	color: #666;
	margin: 0 0 0 0;
	background: none;
}
#right p big
{
	font-size: 12px;
	display: block;
	margin: -8px 0 0;
}
big.phone
{
	color: #fff;
	font-size: 24px;
	display: block;
	margin: 10px 12px 0 0;
    
    float:right;
	font-family: Arial;
}
big.phone a, .need-more span.phone a, #right big.phone a:hover {
	text-decoration: none;
	color: #8F1B7F;
}
#right p.q
{
	height: 28px;
	padding: 11px 0 0 0;
	font-size: 16px;
	margin: 10px 20px 0 0;
	background: url(../images/separator5.gif);
	overflow: hidden;
	width: 364px;
}
#right p.q strong
{
	width: 260px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	background: url(../images/text-dedicated.gif);
}
#right p.q a
{
	width: 78px;
	height: 15px;
	background: url(../images/text-click-here.gif);
	float: right;
	margin: 0 11px 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
.gr
{
	background: url(../images/bg-gr.gif) repeat-x 0 0;
	margin: 49px 12px 0 12px !important;
	position: relative;
	z-index: 900;
	padding: 18px 0 0;
	width: 739px !important;
}
.h
{
	height: 45px !important;
}
.b4
{
	width: 746px;
	height: 17px;
	overflow: hidden;
	background: url(../images/bg-b4.png);
	margin: 0 auto 4px;
}
.four
{
	width: 746px;
	background: url(../images/bg-four.png);
	margin: 0 auto;
	padding: 0 0 60px;
	position: relative;
}
.four:after
{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.four .col1, .four .col2, .four .col3, .four .col4
{
	float: left;
	width: 175px;
	margin: 0 10px 0 2pt;
}
.four .col4
{
	margin: 0;
}
.four ul
{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	width: 160px;
	overflow: hidden;
}
.four ul li
{
	width: 160px;
	overflow: hidden;
	float: left;
	background: url(../images/separator4.gif) repeat-x 0 100%;
}
.four ul li span
{
	line-height: 26px;
	display: block;
	padding: 0 0 0 18px;
	word-spacing: -2px;
	background: url(../images/bullet3.gif) no-repeat left;
}
.four .price
{
	display: block;
	width: 177px;
	position: absolute;
	bottom: 30px;
	text-align: center;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.four .price strong
{
	color: #666;
	font-size: 20px;
}
.four .click-here, .four .order-now
{
	margin: 0 0 0 49px;
	position: absolute;
	bottom: 0;
}
strong.new
{
	width: 79px;
	height: 70px;
	background: url(../images/new.png);
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	position: absolute;
	margin: -276px 0 0 -18px;
	z-index: 10;
}
.title4
{
	width: 100%;
	height: 46px;
	padding: 7px 0 0;
}
.title4 h3
{
	overflow: hidden;
	display: inline;
	float: left;
	height: 46px;
	width: 185px;
	text-indent: -9999px;
	margin: 0 0 0 2px;
}
.title4 h3.dedicated-server
{
	background: url(../images/text-dedicated-server.png);
	margin: 0 0 0 1px;
}
* html .title4 h3.dedicated-server
{
	margin: 0;
}
.title4 h3.dedicated-servers
{
	background: url(../images/text-dedicated-servers.png);
}
.title4 h3.colocation-servers
{
	background: url(../images/text-colocation-servers.png);
}
.title4 h3.other-services
{
	background: url(../images/text-other-services.png);
}
#popup
{
	background: #fff;
}
#popup div.main
{
	padding: 20px 40px;
	width: 380px;
}
#popup img
{
	margin: 0 auto;
}
#popup h1
{
	margin: 9px 0 0 0;
	font-size: 11px;
}
#popup p
{
	margin: 5px 0 0;
}
.testomonials .col3 a.click-here, .testomonials .col3 a.order-now
{
	margin: 9px 0 0;
	clear: none;
}
#right a
{
	text-decoration: none;
}
#right a:hover
{
	text-decoration: underline;
}
.center h1.first, #right .first
{
	margin: 0;
}
.need-more h4
{
	width: 93px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 4px 0 0 2px;
	background: url(../images/text-need-more.gif);
}
.need-more span
{
	width: 126px;
	height: 17px;
	margin: 3px 0 2px 2px;
	display: block;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
}
.floor-plan h4
{
	width: 63px;
	height: 13px;
	margin: 0 0 4px;
	background: url(../images/text-floor-plan.gif);
	overflow: hidden;
	text-indent: -9999px;
}
#cont
{
	padding-left: 300px;
	padding-right: 300px;
	font-size: 12px;
	overflow: hidden;
}
#cont h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666633;
	font-weight: bold;
}
#less
{
	padding-left: 300px;
	padding-right: 300px;
}
#less a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: bold;
	font-size: 10px;
}
#seoconsult
{
	padding-left: 300px;
	padding-right: 300px;
	color: green;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

/* Form Stuff - From MyServers */
.StandardForm, .NarrowForm
{
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.StandardForm .FormRow, .NarrowForm .FormRow
{
	margin-bottom: 15px;
}
.StandardForm input, .StandardForm select, .NarrowForm input, .NarrowForm select
{
	color: #444;
}
.StandardForm label
{
	display: block;
	float: left;
	width: 18em;
	text-align: right;
	margin-right: 0.5em;
}
.NarrowForm label
{
	display: block;
	float: left;
	width: 6em;
	text-align: right;
	margin-right: 0.5em;
}
.StandardForm .ControlGroup label
{
	display: inline;
	width: auto;
	float: none;
}
.StandardForm .FormRowNoLabel, .StandardForm .FormButtonRow
{
	margin-left: 8.5em;
}
.DialogContent .StandardForm .FormButtonRow
{
	margin-left: 18.5em;
}
.NarrowForm .FormButtonRow
{
	margin:20px 30px;
}
.FormRowNoLabel label, .ControlGroup label
{
	float: none;
	width: auto;
	display: inline;
}

#right .image
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.plainpanel
{
	width: 940px;
	overflow: hidden;
}

.plainpanel h3
{
	font-size: 1.5em!important;
	margin-top: 0px;
}
.plainpanel h3 a
{
	text-decoration: none;
	color: #CA0678;
}

.plainpanel h4
{
	font-size: 1.5em;
	margin-top: 0px;
}
.plainpanel h4 a
{
	text-decoration: none;
	color: #fff;
}

.plainpanel
{
	font-size: 1.1em;
}

.plainpanel ul
{
    margin:0 0 0 20px;
    padding:0;
    list-style: none;
    line-height:1.4em;
}

.plainpanel ul li
{
    background: url(../images/bullet-points/pink-arrow.png) 0 4px no-repeat; 
    padding-left:16px;
    line-height: 1.4em;
    font-size:1.0em;
}

.table .titlelink strong
{
	display: block;
	overflow: hidden;
	height: 36px;
	width: 722px;
	text-indent: -9999px;
	background-image: url(../images/text_title1.jpg);
	background-repeat: no-repeat;
}

.table .titlelink strong.dedicated-s
{
	width: 169px;
	background-position: 0 0;
}
.table .titlelink strong.value
{
	width: 130px;
	background-position: -169px 0;
}
.table .titlelink strong.bronze
{
	width: 141px;
	background-position: -299px 0;
}
.table .titlelink strong.silver
{
	width: 141px;
	background-position: -440px 0;
}
.table .titlelink strong.gold
{
	width: 135px;
	background-position: -581px 0;
}

.table li .t6
{
	width: 172px;
	font-weight: bold;
	font-size: 11px;
	text-indent: 11px;
	text-align: left;
}
.table li .t6 strong
{
	color: #fd2900;
}
.table li .t7
{
	width: 108px;
}
.table li .t8
{
	width: 109px;
}
.table li .t9
{
	width: 111px;
}
.table li .t10
{
	width: 110px;
	background: #ebf1ea;
}

.table li .t11
{
	width: 109px;
	background: #ebf1ea;
}

td
{
	font-family: "verdana";
	font-size: 9px;
	color: #666;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: normal;
}

.topbox
{
	background-image: url(../images/topbox.gif);
	background-repeat: no-repeat;
	width: 442px;
	height: 84px;
}

.boldtext
{
	font-family: "verdana";
	font-size: 18px;
	color: #525252;
	letter-spacing: 0px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-weight: bold;
}

.footerbg
{
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 22px;
}

.leftbg
{
	background-image: url(../images/leftbg.gif);
	background-repeat: repeat-y;
	width: 10px;
}

.rgtbg
{
	background-image: url(../images/rgtbg.gif);
	background-repeat: repeat-y;
	width: 10px;
}

.verti_line
{
	background-image: url(../images/verti_line.gif);
	background-repeat: repeat-y;
	width: 3px;
}

.hori_line
{
	background-image: url(../images/hori_line.gif);
	background-repeat: repeat-x;
	height: 1px;
}

.linkboldtext
{
	font-family: "verdana";
	font-size: 10px;
	color: #525252;
	letter-spacing: 0px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-weight: bold;
}
.dotvertical
{
	background: url(../images/bg-table5.gif);
	background-repeat: repeat-y;
}
.tophor
{
	background: url(../images/text-title5.gif);
	background-repeat: no-repeat;
	height: 36px;
}
.dotvertical2
{
	background: url(../images/bg-table3.gif);
	background-repeat: repeat-y;
}
.topserver
{
	background: url(../images/text-title3.gif);
	background-repeat: no-repeat;
	height: 36px;
}
.greytxt
{
	color: #666666;
}
.ArticleFooter
{
	padding-bottom: 5px;
	text-align: right;
}
.permalink
{
	background: url("../images/link.png") no-repeat scroll left center transparent;
	padding-left: 17px;
}
.ArticleFooter a
{
	display: inline;
}
.ShareButton
{
	float: right;
	top: -2px;
	position: relative;
}
ul.news li h3
{
	margin-bottom: 5px;
}
.ErrorBox
{
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
	padding: 10px;
}
.ErrorBox h1, .ProductComparisonIntro h1
{
	margin-top: 0px;
	margin-bottom: 10px;
}
.treenoright .center h1 {
	background: url(../images/bg-h1-550.png) no-repeat 0 0;
}


/*--------   NEW Jquery JS css Stuff 2012 ------------*/

.scrolltop
{
    clear: both;
    background: url(../images/to-the-top.png) no-repeat 0 0;
    height: 15px;
    width: 50px;
    float:right;
    margin: 26px 12px 0 0;
}
.section-divide .scrolltop
{
    float:right;
    margin: 16px -18px 0 0;
}
.scrolltop:hover
{
  	background: url(../images/to-the-top.png) no-repeat 0 -15px;
    height: 15px;
    width: 50px;
}



/* ------------- Slideshow ----------*/


#slides {
position:absolute;
top: 406px;
left: 0px;
}

/* Slides container 
Important: Set the width of your slides container. Set to display none, prevents content flash
*/

.slides_container 
{
	width:350px;
	overflow:hidden;
	position:relative;
	display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {
	width:350px;
	height:150px;
	display:block;
}
.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
    display:none;
}
#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:0px auto 0;
	width:52px;
}

.pagination li {
	float:left;
	margin:10px 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:16px;
	height:0;
	padding-top:16px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -16px;
}



.modal .popover, .modal .twipsy {
  z-index: 12000;
}
.twipsy {
  display: block;
  position: absolute;
  visibility: visible;
  padding: 2px;
  font-size: 11px;
  z-index: 1000;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fee67c;
}
.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fee67c;
}
.twipsy.below .twipsy-arrow {
  top: -3px;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fee67c;
}
.twipsy.right .twipsy-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fee67c;
}
.twipsy-inner {
  padding: 6px 12px;
  background-color: #fdf6a8;
  color: #a7712b;
  text-align: center;
  max-width: 200px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
border:3px solid #fee67c;

}
.twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 5px;
  display: none;
}
.popover.above .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fee67c;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fee67c;
}
.popover.below .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fee67c;
}
.popover.left .arrow {
  top: 50%;
  right:17.6%;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fee67c;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover .inner {
  background: #fee67c;
  padding: 3px;
  overflow: hidden;
  width: 280px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  behavior: url(/assets/css/PIE.htc);
  z-index : 5;

}
.popover .title {
  background-color: #fdf6a8;
  padding: 9px 15px 3px 15px;
  line-height: 1;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  margin:0!important;
  color:#A7712B;
}

.popover .h3 {
margin:0!important;
}
.popover .content {
  background-color: #fdf6a8;
  padding: 4px 14px 14px 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin:0!important;
  color:#A7712B;

}
.popover .content p, .popover .content ul, .popover .content ol {
  margin-bottom: 0;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

/* --- purple order hotline ---*/

.orderhotline 
{
    background:url(../images/order-hotline.png) no-repeat 0 0;
    width:484px;
    height:95px;
    text-indent:-9999em;
    position:absolute;
    top:230px;
    left:-36px;
}


/* --- Bottom tabs ---*/

UL.tabNavigation
{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 10px !important;
	background: #292929;
    position: relative;
    height: 38px;
    
}

UL.tabNavigation LI
{
    float:left;
    background: none!important; 
    padding-left:0px;
    font-size:1.0em;
}

UL.tabNavigation LI A
{
	padding:12px !important;
	color: #f8f8f8 !important;
	text-decoration: none !important;
	font-weight: normal;
    font-size: 1.1em !important;
    display: block;
}

UL.tabNavigation LI A.selected
{
    background: #fff;
	color: #000 !important;
}

UL.tabNavigation LI A.selected:hover
{
    background: #fff;
	color: #484848 !important;
}

UL.tabNavigation LI A:hover
{
    background: #484848;
	color: #fff !important;
}
UL.tabNavigation LI A:focus
{
	outline: 0 !important;
}
div.tabContainer div
{
	padding: 20px 30px !important;
    background:  url(../images/logo-tabbed-area.gif) right 0 no-repeat;
}
div.tabContainer > div h3
{
	margin-top: 6px !important;
    padding-top:0;
    color:#252525!important;
    font-size:16px!important;
    
}
div.tabContainer > div h2
{
	margin-top: 6px !important;
    padding-top:0;
    color:#252525!important;
    font-size:16px;
    
}
div.tabContainer > div h3 a
{
    color:#252525;
    text-decoration:none;
    font-size:16px;
}

.new-tab
{
    background:  url(../images/new.png) right 0 no-repeat;
    position:absolute;
    top:211px;
    left:-29px;
    margin:0!important;
    width:77px;
    height:92px;
}