/*
 
 SilverStripe Crimex Theme
 http://www.silverstripe.com
 
 Created by: Jaco van Wyk
 
 Notes: *
 
*/

.preload-loader1 {background: url(../images/loaders/showcase-loader.gif);}
.preload-loader2 {background: url(../images/loaders/main-loader.gif);}

.preload1 {background: url(../images/menu/bg-drop-down.gif);}
.preload2 {background: url(../images/menu/bg-navigation.gif);}
.preload3 {background: url(../images/partners.jpg);}
.preload4 {background: url(../images/heading.jpg);}
.preload5 {background: url(../images/crime-tracer-heading.jpg);}

* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
}

img {
	border:0;
}

#container {
	width:988px;
	margin:0 auto;
}

#toplinks {
	position:relative;
	top:20px;
	right:10px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	letter-spacing:1px;
	margin-right:9px;
}

#toplinks a {
	color:#777777;
	text-decoration:underline;
}

.number {
	font-size:11px; 
	color:#000000;
}

#logo {
	display:block; 
	height:62px;
	margin-left:9px;
}

#mainloader img {
    background-color:#FFF;
    background-image:url(../images/loaders/main-loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
} 

#subloader img {
    background-color:#FFF;
    background-image:url(../images/loaders/showcase-loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
} 

#header {

}

#heading {
	width:978px;
	height:83px;
	background-image:url(../images/heading.jpg);
	background-repeat:no-repeat;
}

#heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#subnav {
	position:relative;
	bottom:5px;
	float:right;
}

#subnav a {
	font-family:Arial, Helvetica, sans-serif;
	color:#F0F0F0;
	font-size:11px;
}

#ct-heading {
	width:978px;
	height:83px;
	background-image:url(../images/crime-tracer-heading.jpg);
	background-repeat:no-repeat;
}

#ct-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#wt-heading {
	width:978px;
	height:83px;
	background-image:url(../images/website-visitor-tracking-heading.jpg);
	background-repeat:no-repeat;
}

#wt-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#es-heading {
	width:978px;
	height:83px;
	background-image:url(../images/email-spam-reduction-heading.jpg);
	background-repeat:no-repeat;
}

#es-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#dr-heading {
	width:978px;
	height:83px;
	background-image:url(../images/data-recovery-heading.jpg);
	background-repeat:no-repeat;
}

#dr-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#h-heading {
	width:978px;
	height:83px;
	background-image:url(../images/hosting-heading.jpg);
	background-repeat:no-repeat;
}

#h-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}


#av-heading {
	width:978px;
	height:83px;
	background-image:url(../images/antivirus-heading.jpg);
	background-repeat:no-repeat;
}

#av-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#pp-heading {
	width:978px;
	height:83px;
	background-image:url(../images/photo-protection-heading.jpg);
	background-repeat:no-repeat;
}

#pp-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#ss-heading {
	width:978px;
	height:83px;
	background-image:url(../images/secure-certificate-heading.jpg);
	background-repeat:no-repeat;
}

#ss-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	padding-top:27px;
	margin-left:20px;
}

#breadcrumbs {
	width:978px;
	height:32px;
	font-size:11px;
	padding-left:20px;
	padding-top:8px;
	background-image:url(../images/bg-breadcrumbs.gif);
	background-repeat:no-repeat;
}

#breadcrumbs a {
	color:#9b1318;
}

#showcase {
	margin-top:30px;
	margin-bottom:30px;
}

#pagecontent {
	width:978px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:25px;
}

#pagecontent img{
	margin-top:5px;
}

#pagecontent .col1 {
	width:312px;
	padding-right:15px;
	vertical-align:top;
}

#pagecontent .col2 {
	width:312px;
	padding-right:15px;
	vertical-align:top;
}

#pagecontent .col3 {
	width:312px;
	vertical-align:top;
}

#pagecontent .leftcol {
	width:628px;
	padding-top:15px;
	padding-right:15px;
	vertical-align:top;
}

#pagecontent .rightcol {
	width:345px;
	padding-top:15px;
	vertical-align:top;
}

#pagecontent .maincol {
	width:678px;
	padding-top:15px;
	vertical-align:top;
}

#pagecontent .maincol a {
	color:#ed1c24;
}

#pagecontent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#db131b;
}

#pagecontent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	margin-top:20px;
}

#pagecontent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:justify;
	line-height:18px;
}

.roundedcornr_box_709601 {
   background: #ffffff url(../images/roundedcornr/roundedcornr_709601_grad.gif) no-repeat;
}
.roundedcornr_top_709601 div {
   background: url(../images/roundedcornr/roundedcornr_709601_tl.gif) no-repeat top left;
}
.roundedcornr_top_709601 {
   background: transparent url(../images/roundedcornr/roundedcornr_709601_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_709601 div {
   background: url(../images/roundedcornr/roundedcornr_709601_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_709601 {
   background: transparent url(../images/roundedcornr/roundedcornr_709601_br.gif) no-repeat bottom right;
}

.roundedcornr_top_709601 div, .roundedcornr_top_709601,
.roundedcornr_bottom_709601 div, .roundedcornr_bottom_709601 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_709601 { margin: 0 20px; }

.roundedcornr_box_hosting {
   background: #ffffff url(../images/roundedcornr/hosting/roundedcornr_709601_grad.gif) no-repeat;
}
.roundedcornr_top_hosting div {
   background: url(../images/roundedcornr/hosting/roundedcornr_709601_tl.gif) no-repeat top left;
}
.roundedcornr_top_hosting {
   background: transparent url(../images/roundedcornr/hosting/roundedcornr_709601_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_hosting div {
   background: url(../images/roundedcornr/hosting/roundedcornr_709601_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_hosting {
   background: transparent url(../images/roundedcornr/hosting/roundedcornr_709601_br.gif) no-repeat bottom right;
}

.roundedcornr_top_hosting div, .roundedcornr_top_hosting,
.roundedcornr_bottom_hosting div, .roundedcornr_bottom_hosting {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_hosting { 
	margin: 0 20px;
	background-image:url(../images/prices/hostingbadge-550.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

.roundedcornr_box_tracking {
   background: #ffffff url(../images/roundedcornr/tracking/roundedcornr_709601_grad.gif) no-repeat;
}
.roundedcornr_top_tracking div {
   background: url(../images/roundedcornr/tracking/roundedcornr_709601_tl.gif) no-repeat top left;
}
.roundedcornr_top_tracking {
   background: transparent url(../images/roundedcornr/tracking/roundedcornr_709601_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_tracking div {
   background: url(../images/roundedcornr/tracking/roundedcornr_709601_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_tracking {
   background: transparent url(../images/roundedcornr/tracking/roundedcornr_709601_br.gif) no-repeat bottom right;
}

.roundedcornr_top_tracking div, .roundedcornr_top_tracking,
.roundedcornr_bottom_tracking div, .roundedcornr_bottom_tracking {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_tracking { 
	margin: 0 20px;
	background-image:url(../images/prices/trackingbadge-350.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

.roundedcornr_box_hosting ul, .roundedcornr_content_email ul, .roundedcornr_content_tracking ul, #pagecontent ul {
	margin-left:30px;
	margin-bottom:15px;
	line-height:18px;
}

.roundedcornr_box_email {
   background: #ffffff url(../images/roundedcornr/email/roundedcornr_709601_grad.gif) no-repeat;
}
.roundedcornr_top_email div {
   background: url(../images/roundedcornr/email/roundedcornr_709601_tl.gif) no-repeat top left;
}
.roundedcornr_top_email {
   background: transparent url(../images/email/roundedcornr/roundedcornr_709601_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_email div {
   background: url(../images/roundedcornr/email/roundedcornr_709601_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_email {
   background: transparent url(../images/roundedcornr/email/roundedcornr_709601_br.gif) no-repeat bottom right;
}

.roundedcornr_top_email div, .roundedcornr_top_email,
.roundedcornr_bottom_email div, .roundedcornr_bottom_email {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_email { 
	margin: 0 20px; 
	background-image:url(../images/prices/emailspambadge.jpg);
	background-position: top right;
	background-repeat:no-repeat;	
}

#footer {
	width:978px;
	height:68px;
	border-top: 0px solid #eae6e6;
	margin-bottom:20px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	letter-spacing:1px;
}

#footer #links {
	padding-top:18px;
	margin-bottom:5px;
	margin-left:20px;
}

#footer #links a {
	color:#ed1c24;
	text-decoration:underline;
}

#footer #copyright {
	margin-left:20px;
}

#footer #copyright a {
	color:#ed1c24;
	text-decoration:underline;
}

#partners {
	margin:0 auto;
	margin-right:32px;
	width:935px;
	height:33px;
	background-image: url(../images/partners.jpg);
	background-position:center;
	background-repeat: no-repeat;
}