/*
---------------------------------------
Cascading Style Sheet 		
Author: Lyndsey Pearce		
Version: 1.0				
website: Cube 3Commerce Site 2010
email: lyndsey.pearce@cube3marketing.com
---------------------------------------
*/

/*=COLORS
---------
Pink:		#eb008b
Dark grey:	#666666


*/

/*Normalises margin and padding*/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, 
th, td 
{
	margin: 0;
	padding: 0;
}

/*Normalises font sizes for headers*/
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

/*Removes list-styles from lists*/
ol, ul{
	list-style: none;
}

/*Normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, th, var{
	font-style: normal;
	font-weight: normal;
}

strong{
	font-weight: bold;
}

/*Removes cellspacing and cellpadding from tables*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*Removes border from fieldset and img*/
fieldset, img{
	border: 0;
}

table.footeradresses,
div.digilogos{
	float:left;
}


/*Left aligns test in caption and th*/
caption, th{
	text-align: left;
}

/*Removes quotation marks from g*/
q:before, q:after{
	content: '';
}

a:focus{
	outline:none;
}

body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
}

p{
	font-size:12px;
	line-height:140%;
	margin:0 0 10px 0;
}

/*=container styles*/
div#container{
	width: 900px;
	margin: 10px auto 0;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 30px 30px 0 30px;
	
}



div#container h1{
	text-indent: -9999px;
}

h3{
	font-size:12px;
	font-weight:bold;
	color:#333;
}

h3 a {
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

h3 a:hover {
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:underline;
}

/*=header styles*/
div#header{
	width: 900px;
	height: 54px;
	margin: -20px 0 0 0;
}


div#header img{
	margin: -5px 0 0 0;
}

/*=PrimaryNav*/
div#primaryNav ul{
	height: 15px;
	float:left;
	margin: 15px 0 0 -6px;
}

div#primaryNav ul li{
	display:inline;
	
}


div#primaryNav ul li a{
	text-decoration: none;
	color: #666666;
	border-right: 1px solid #2B2929;
	padding: 1px 7px 1px 6px;
}



/*=css for selected a tags  - where .link1 is applied to body tag of homepage. .link2 would be applied to another page, etc..*/
/*=Ecommerce Homepage*/
.link1 div#primaryNav ul li a#link1{
	text-decoration: none;
	color: #eb008b;
}

/*=Why choose us*/
.link2 div#primaryNav ul li a#link2{
	text-decoration: none;
	color: #eb008b;
}

/*=Magento ecommerce platform*/
.link3 div#primaryNav ul li a#link3{
	text-decoration: none;
	color: #eb008b;
}

/*=Services*/
.link4 div#primaryNav ul li a#link4{
	text-decoration: none;
	color: #eb008b;
}

/*=Solutions*/
.link5 div#primaryNav ul li a#link5{
	text-decoration: none;
	color: #eb008b;
}

/*=Contact us*/
.link6 div#primaryNav ul li a#link6{
	text-decoration: none;
	color: #eb008b;
}

/*=Reset border of last link*/
div#primaryNav ul li a#link9{
	border-right: none;
}


/*=Reset left padding on first link*/
div#primaryNav ol li a#link1{
	padding: 0 7px 0 0;
}


div#primaryNav ol li a:hover{
	text-decoration: none;
	color: #eb008b;
}

/*=wrapper styles*/
div#wrapper{
	width: 900px;
}

/*=template1 ecommerce home styles*/
div#ehome_4col{
	width:900px;
	margin:20px 0;
}

div#ehome_4col .col{
	width:225px;
	float:left;
	background-image:url(../images/solid_divider.gif);
	background-repeat:repeat-y;
	background-position:top right;
}

div#ehome_4col .col div.hold{
	height:467px;
}


p.link{
	background-color:#EDEDED;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
	line-height:140%;
	width:125px;
	padding:3px;
	text-align:center;
}

p.link a{
	color:#EB008B;
	text-decoration:none;
	display:block;
}

div#servicesCols p.link a span,
div.platform p.link a span{
	color:#333;
	text-decoration:none;
	text-transform: none!important;
	display:inline!important;
	padding:0!important;
}

p.link a:visited{
	text-decoration:none;
	display:block;
}

p.link a span{
	color:#333;
	text-decoration:none;
	text-transform: none!important;
	display:inline!important;
	padding:0!important;
}


div#ehome_4col .last{
	width:225px;
	float:left;
	background-image:none;
}

div#ehome_4col .col h2{
	margin: 0 0 10px 0;
}

div#ehome_4col .col h3{
	width:185px;
	float:left;
	font-size:12px;
}

div#ehome_4col .col3 h3{
	float:none;
	width:185px;
	margin:8px 0 0 0;
}

div#ehome_4col .col ol{
	margin:10px 0 0 0;
}

div#ehome_4col .col ol li{
	color:#9D9D9D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	line-height:140%;
	border-top:1px solid #ccc;
	width:185px;
	padding:3px 0;
}


div#ehome_4col .col h3 span{
	width:55px;
	float:right;
}

div#ehome_4col .col h3 span a{
	color:#9D9D9D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
	line-height:140%;
	text-decoration:none;
	font-weight:normal;
}

div#ehome_4col .col1{
	width:205px;
	padding: 0 20px 0 0;
}

div#ehome_4col .col1 img{
	margin:0 0 10px 0;
}

div#ehome_4col .col2{
	width:185px;
	padding: 0 20px;
}

div#ehome_4col .col3{
	width:185px;
	padding: 0 20px;
}

div#ehome_4col .col4{
	width:185px;
	padding: 0 20px;
}

/*=template1 ecommerce home header styles*/
div#ehome_4col .col h2.ecommerce{
	text-indent:-9999px;
	background-image:url(../images/h2_ecommerce_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
	
}

div#ehome_4col .col h2.solutions{
	text-indent:-9999px;
	background-image:url(../images/h2_solutions_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
}

div#ehome_4col .col h2.services{
	text-indent:-9999px;
	background-image:url(../images/h2_services_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
}


div#ehome_4col .col h2.demo{
	text-indent:-9999px;
	background-image:url(../images/h2_demo_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
}

div#wrapper div#flashcontent div#placeholderimage img{
	margin: 63px 0 -2px 0;
}

/*=template 2 why choose us styles*/
div#col1{
	width:255px;
	float:left;
}

div#col2{
	width:645px;
	float:left;
}




/*=template 2 why choose us header styles*/
div#col1 h2.why_choose{
	text-indent:-9999px;
	background-image:url(../images/h2_why_choose_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
	margin:0 0 10px 0;
	
}

/*=template 3 magento ecommerce platform header styles*/

h2.platform{
	text-indent:-9999px;
	background-image:url(../images/h2_platform_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
	margin:0 0 10px 0;
	
}

/*template 3 magento ecommerce platform*/
div#col1.platform{
	width:416px;
	float:left;
	padding:0 20px 0 0;
	margin:12px 0 0 0;
}

div#col2.platform{
	width:447px;
	padding: 0 0 0 13px;
	background-image:url(../images/solid_divider.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float:left;
	margin:12px 0 0 0;
}


/*template 3 magento ecommerce platform header styles*/
div#col1.platform h2{
	margin: 22px 0 0 0;
}



div#col1.platform h2.magento{
	text-indent:-9999px;
	background-image:url(../images/h2_magento_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
}

div#col1.platform h2.platform{
	text-indent:-9999px;
	background-image:url(../images/h2_platform_2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
}

div#col2.platform h2.screenshots{
	text-indent:-9999px;
	background-image:url(../images/h2_screenshots_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
	margin:0 0 0 8px;
}

/*=template 3 magento ecommerce platform tabs*/
ul.solutions{
	background-image:url(../images/tab-fade.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom:1px solid #CCCCCC;
	height:30px;
	margin: 0 0 25px 0;
}

ul.solutions li{
	background-image:url(../images/tab-edge.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	
}


ul.solutions li a{
	display:block;
	height:29px;
	float:left;
	color:#333;
	text-decoration:none;
}


ul.solutions li.last{
	clear:both;
	background-image:none;
}

ul.solutions li a span{
	background-image:url(../images/tab-edge.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 0 0 0;
	text-align:center;
	width:141px;
	display:block;
	height:19px;
}


ul.solutions li.selected a{
	color:#EB008B;
	font-weight:bold;
}

ul.solutions li.selected a span{
	background-image:url(../images/tab-selected.jpg);
	text-align:center;
	width:141px;
	padding:10px 0 2px 0;
}

ul.solutions li.removeEdge a span{
	background-image:none!important;
	text-align:center;
	width:141px;
	padding:10px 0 0 0;
}

/*=template 3 magento ecommerce platform sub pages header styles*/
h2.solutions{
	text-indent:-9999px;
	background-image:url(../images/h2_solutions_2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:31px;
	margin:10px 0;
}

h2.liteSolution{
	text-indent:-9999px;
	background-image:url(../images/h2_lite_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:88px;
	margin:10px 0;
}


h2.coreSolution{
	text-indent:-9999px;
	background-image:url(../images/h2_core_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:88px;
	margin:10px 0;
}

h2.entSolution{
	text-indent:-9999px;
	background-image:url(../images/h2_ent_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:88px;
	margin:10px 0;
}



.platformHold{
	width:700px;	
}


div#platformCol1{
	width:360px;
	float:left;
}

div#platformCol2{
	width:513px;
	float:left;
	margin:0 0 0 25px;
}

/*=template 5 solutions*/
div#featureList table th{
	font-weight:bold;
	padding:10px 0 0 0;
}

div#featureList table td{
	color:#666666;
	border-bottom:1px solid #cccccc;
	padding:5px 23px 10px 0;
	vertical-align:top;
}

div#featureList table tr.last td{
	border-bottom:none;
}

div#featureList table td p{
	margin:0;
	padding:0;
	font-size:11px;
}

/*=template 5 solutions header styles*/
div#featureList h2.feature{	
	text-indent:-9999px;
	background-image:url(../images/h2_feature_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:15px;
	margin:10px 0;
}

/*=enterprise solution header styles*/
div#entFeature h2.entFeature{	
	text-indent:-9999px;
	background-image:url(../images/h2_entfeature_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	margin:10px 0;
}



/*=enterprise solution video links*/
div#entFeature table tr.imageRow{
	
}

div#entFeature table tr.imageRow td{
	position:relative;
}

div#entFeature table tr.imageRow td img{
	background-color:#F9F9F9;
	padding:5px;
	position:relative;
	z-index:0!important;
}

div#entFeature table tr.imageRow td span.click{
	display:block;
	background-color:#EDEDED;
	padding:5px;
}



div#entFeature table td{
	color:#666666;
	padding:5px 23px 10px 0;
	vertical-align:top;
}

div#entFeature table td p{
	margin:0;
	padding:0;
	font-size:11px;
}

div#entFeature table td p strong{
	margin:0;
	padding:0;
	font-size:11px;
	color:#333333;
}

/*=enterprise solution header styles*/
h2.services{	
	text-indent:-9999px;
	background-image:url(../images/h2_services_2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	margin:10px 0;
}	

/*=services page column styles*/
div#servicesCols .col{
	width:275px;
	float:left;
	padding:0 25px 0 0;
}

div#servicesCols .col p.link{
	width:100%!important;
}

div#servicesCols .col h4{
	font-size:12px;
}

div#servicesCols .col p{
	font-size:11px;
}


/*=services page column header styles*/
div#servicesCols .col.design h3{
	text-indent:-9999px;
	background-image:url(../images/h3_edesign_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:19px;
	margin:10px 0;
}

div#servicesCols .col.dev h3{
	text-indent:-9999px;
	background-image:url(../images/h3_edev_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:19px;
	margin:10px 0;
}

div#servicesCols .col.marketing h3{
	text-indent:-9999px;
	background-image:url(../images/h3_emarketing_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:19px;
	margin:10px 0;
}


div#servicesCols span {
	background-color:#EDEDED;
	display:block;
	padding:5px;
	margin:0 0 17px 0;
}

div#servicesCols img {
	background-color:#F9F9F9;
	padding:5px;
}

/*=contact us form header styles*/
h2.contact {
	text-indent:-9999px;
	background-image:url(../images/h2_contact_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:31px;
	margin:10px 0;
}


/*=contact us form styles*/
div#addressCol{
	margin:10px 0 0 0;
	width:150px;
	float:left;
	display:inline;
}

div#addressCol a:visited,
div#wrapper div#col2 p a:visited{
	color:#AFAFAF;
	background-color:transparent;
	
}

div#addressCol a:hover{
	color: #4F4F4F;
	background-color:transparent;
}

div#addressCol h3.addressheader{
	text-indent:-9999px;
	background-image:url(../images/contactus_header.gif);
	background-position:left top;
	background-repeat:no-repeat;

}

div#addressCol address {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	font-size: 11px;
	line-height: 145%;
}

div#addressCol address span {
	display:block;
	margin: 10px 0;
}

div#addressCol address a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	font-size: 11px;
}


div#formCol{
	width: 550px;
	float:left;
	margin:10px 0 0 0;
}

div#formCol p.form_error{
	color: #eb008b;
	background-color: transparent;
	width: 200px;
	margin: 3px 0 3px 110px;
	line-height: 145%;
	font-size: 10px;
}

div#formCol p.form_attention{
	color: #eb008b;
	background-color: transparent;
	width: 300px;
	margin:3px 0 15px 20px;
	line-height: 145%;
	font-size: 13px;
}


div#formCol form {}

div#formCol h3.contactusheader{
	text-indent:-9999px;
	background-image:url(../images/contactus_header2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 0 0 10px 20px;

}



div#formCol img{
	margin: 0 0 10px 15px;
}

 div#formCol form fieldset legend{
	display:none;
}


div#formCol form label{
	width: 100px;
	float:left;
	margin: 3px 10px 3px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	font-size: 11px;
	text-align:right;
	
}

div#formCol form label span{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #eb008b;
	font-size: 11px;
	background-color:transparent;
	margin: 0 3px 0 0;
	
}

div#formCol form select{
	width: 308px;
	float:left;	
	margin: 3px 0;
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	font-size: 11px;
}

div#formCol form input{
	width: 300px;
	float:left;	
	margin: 3px 0;
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	font-size: 11px;
}

div#formCol form input#contactus-reset{
	width: 70px;
	float:left;	
	margin: 10px 10px 3px 110px;
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#6F6F6F;
	font-size: 11px;
	font-weight: bold;
}

div#formCol form input#contactus-submit{
	width: 70px;
	float:left;	
	margin: 10px 0 10px 110px;
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6F6F6F;
	font-size: 11px;
	font-weight: bold;
}

#formCol form textarea{
	width: 300px;
	float:left;	
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	font-size: 11px;
}

img.process{
	margin-left:59px;
}


/*=footer*/
div#footer{
	width: 900px;
}

div#footer address{
	width: 330px;
	color: #AFAFAF;
	background-color: transparent;
	line-height: 145%;
	float:left;
}

div#footer address a{
	color: #AFAFAF;
	background-color: transparent;
}

div#footer address a:visited,
div#footer address a:visited{
	color:#AFAFAF;
	background-color:transparent;
	
}

div#footer address a:hover,
div#footer address a:hover{
	color: #4F4F4F;
	background-color:transparent;
}

div#footer ol{
	float:right;
}

div#footer ol li{
	display:inline;
	color: #AFAFAF;
	background-color: transparent;
}

div#footer ol li a{
	color: #AFAFAF;
	background-color: transparent;
	border-right: 1px solid #AFAFAF;
	padding: 0 7px 0 6px;
}

div#footer ol li a:visited,
div#footer ol li a:visited{
	color:#AFAFAF;
	background-color:transparent;
	
}

div#footer ol li a:hover,
div#footer ol li a:hover{
	color: #4F4F4F;
	background-color:transparent;
}

/*=extra*/
div#extra{
	/*position:relative;
	top:0;*/
}



/*Generics*/
/*=Header images*/
img.left{float:left;}
img.right{float:right;}

/*=body text links*/

p a{
	color: #eb008b;
	background-color:transparent;
}

div#wrapper div#col1 p a:visited,
div#wrapper div#col2 p a:visited{
	color: #EB008b;
	background-color:transparent;
	
}

div#wrapper div#col1 p a:hover,
div#wrapper div#col2 p a:hover{
	color: #EB008b;
	background-color:transparent;
	
}

/*=3 weight paragraph styles*/
.pstyle1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
	font-size:12px;
	line-height:140%;
}


.pstyle2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#8F8F8F;
	font-size:12px;
	line-height:140%;
}

.pstyle3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666666;
}

.pstyle4{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666666;
	font-size:12px;
	line-height:140%;
	margin:0 0 25px 0;
}

.pstyle5{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#EB008B;
	font-size:12px;
	line-height:140%;
	margin:0 0 25px 0;
}

.pstyle5 span{
	text-transform:none;
	color:#EB008B;
	font-weight:bold!important;
}

p.report{
	margin:0 0 25px 0;
}

p span{
	text-transform:uppercase;
	color:#EB008B;
}

.thankyou{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
	font-size:18px;
	line-height:140%;
}



/*=more info about cube links*/
p.cubemoreinfo_para{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 13px;
	margin: 20px 0 0 0;
}

p.cubemoreinfo_para a.cubemoreinfo{
	color: #eb008b;
	background-color:transparent;
}



.attention{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666666;
	font-weight:bold;
}

img.thankyou{
	margin: 267px 0 0 0;
}

p a.thankyou{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	display:block;
	margin:3px 0 0 0;
}

div#thankyou{
	width: 106px;
	margin: 150px 0 0 0;
}

ol.points{
	font-family:georgia;
	font-size:11px;
	font-style:italic;
	line-height:145%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:0 0 0 13px;
}


.clear{
	clear:both;
}



/* Site map styles added in by Andy */

h4.sitemapTitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	color: #4f4f4f;
	margin: 16px 0 5px 0;
}

ol li.subnavlink1 a{
	color: #8f8f8f;
}

ol li.subnavlink2 a{
	color: #8f8f8f;
}

ol li.siteMapPoint{
	list-style-type: square;
	margin: 5px 0 5px 14px;
	color: #8f8f8f;
}

ol li.siteMapPoint a{
	color: #eb008b;
}

ol li.subnavlink2{
/*	list-style-type: square;*/
	/*margin: 5px 0 5px 14px;*/
	color: #8f8f8f;
}

#col2.sitemap{
	/*border: 1px solid #f00;*/
	padding: 20px 0 0 0;
}

div.creative.digitalportfolio{
	margin: 15px 0 0 0;
}

/*=video styles*/
div.video{
	margin:0 0 10px 0;
}


/*Footer Styles Added in by Andy*/

#footer img{
	float: right;
}

#footer img.mdig{
	margin: 7px 20px 0 0;
}

#footer img.econ{
	margin: -5px 10px 0 0;
}