/*FlexiWeb Style File - Created 18-01-2012
Menus Section
*/
.the-ops {
	position: absolute;
	top: 158px;
	width : 250px;
	z-index: 90;
	text-align: left;
	right:10px;
}
#the-ops, #the-ops ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 250px;
	}
	
#the-ops li { /* all list items */
	float : left;
	width: 250px;
	position : relative;
	line-height : 28px;
	margin-bottom : -1px;
}
	
#the-ops li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10px;
	margin-top : -20px;
}
#the-ops li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#the-ops li a {
	width: 250px;
	display : block;
	color : #E5E5E5;
	font-weight : normal;
	font-family: Tahoma, Geneva, sans-serif;
	font-size : 15px;
	text-decoration : none;
	z-index: 90;	
}	
	width:100px;		
}
#the-ops li:hover ul ul, #the-ops li:hover ul ul ul, #the-ops li.sfhover ul ul, #the-ops li.sfhover ul ul ul {
	left: -999em;
}
#the-ops li:hover ul, #the-ops li li:hover ul, #the-ops li li li:hover ul, #the-ops li.sfhover ul, #the-ops li li.sfhover ul, #the-ops li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#the-ops li a:hover {
	color : #FFF;
}
#the-ops li:hover, #the-ops li.hover {
    position:static;
} 

.footer {
	position: absolute;
	z-index: 90;
	text-align: right;
	bottom:-115px;
right:0px;
}
#footer, #footer ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 11px;
	font-weight: normal;
	}

#footer li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#footer li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#footer a {
	display: block;
	width: auto;
	color: #FFF;
	font-size : 11px;
	text-decoration: none;
	padding:0px 5px !important;
	z-index: 90;	
}
#footer a:hover {
color: #97929D;
}
#footer li:hover ul ul, #footer li:hover ul ul ul, #footer li.sfhover ul ul, #footer li.sfhover ul ul ul {
	left: -999em;
}
#footer li:hover ul, #footer li li:hover ul, #footer li li li:hover ul, #footer li.sfhover ul, #footer li li.sfhover ul, #footer li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#footer li:hover, #footer li.sfhover { 
}
#footer li ul a {
width:100px;	
}/*FlexiWeb Style File - Created 18-01-2012
Elements Section
*/
body {
margin: 0px;
}
.maincontent {
position: absolute;
left: 0px;
top: 399px;
width: 520px;
padding: 22px 348px 22px 28px;
text-align: left;
background: #FFFFFF url(images/bottom.gif) no-repeat bottom left;
line-height:1.4em;
}
.maincontent a {
color: #231F20;
text-decoration: underline;
}
.maincontent a:visited {
color: #231F20;
}
.maincontent a:hover {
color: #5F2F92;
}
table {
font-size: 100%;
}
p {
margin: 10px 0px;
}
.outerdiv {
height: auto;
padding: 0px 0px 210px 0px;
background:url(images/outerdivbg.gif) repeat-x bottom;
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #231F20;
background:#282035 url('images/bodybg.jpg') repeat-x top;
}
.containerdiv {
position: relative;
height: 800px;
width: 896px;
padding: 0px 0px 20px 0px;
}
h2 {
font-size: 16px;
color: #5F2F92;
margin: 0px 0px 12px 0px;
font-weight:normal;
}
h3 {
font-size: 15px;
margin: 0px 0px 10px 0px;
font-weight:normal;
}
h4 {
font-size: 12px;
margin: 10px 0px;
}
a img {
border: none;
}
h1 {
font-size: 20px;
color: #5F2F92;
margin: 0px 0px 12px 0px;
font-weight:normal;
line-height:24px;
}
.logo {
z-index: -2;
position: absolute;
left: -145px;
top: 0px;
height: 366px;
width: 967px;
padding: 46px 0px 0px 145px;
text-align: left;
background:url(images/headerbg.jpg) no-repeat;
}
.top {
position: absolute;
left: 0px;
top: 391px;
}
.bottom {
position: absolute;
left: 0px;
width: 896px;
font-size: 11px;
color: #FFF;
text-align: right;
bottom:-150px;
line-height:1.4em;
}
.bottom a {
color: #FFF;
text-decoration: none;
}
.bottom a:visited {
color: #FFF;
}
.bottom a:hover {
color: #97929D;
}
.main a {
}
#solution-bottles img {
-ms-interpolation-mode: bicubic;
}
.solutionitem {
height: 323px;
position:fixed relative;
bottom:0px;
display:table-cell;
vertical-align:middle;
float:left;

}
.findus-link {
height: 85px;
width: 58px;
padding: 0px 7px 0px 0px;
text-align: center;
background:url('images/findusbg.gif') no-repeat;
display:block;
}
.email-link {
height: 85px;
width: 74px;
background:url('images/emailbg.gif') no-repeat;
display:block;
}
.callback-link {
height: 85px;
width: 74px;
padding: 0px 8px 0px 0px;
text-align: center;
background:url('images/callbackbg.gif') no-repeat;
display:block;
}
#bottles {
width: 500px;
}
#paneli {
z-index: 10;
}
#solution-bottles {
z-index: 2;
position: absolute;
left: 420px;
top: 121px;
width: 500px;
}
.footer-ops {
position: absolute;
left: 0px;
width: 896px;
text-align: left;
bottom:-90px;
}
.footer-notesting {
position: absolute;
left: 0px;
bottom:-120px;
}
.menu-footer {
border-right: 1px solid #FFF;
}
.content-col-left {
width: 60%;
padding: 0px 20px 0px 0px;
vertical-align:top;
}
.content-col-right {
width: 40%;
vertical-align:top;
}
.topmenu {
position: absolute;
left: 230px;
top: 56px;
font-size: 15px;
color: #FFF;
text-transform:uppercase;
}
.topmenu a {
color: #FFF;
}
.topmenu a:visited {
color: #FFF;
}
.arrange-a-demo {
position: absolute;
top: 905px;
right:22px;
}
.web-to-print {
position: absolute;
top: 487px;
width: 238px;
color: #FFF;
padding: 10px 15px;
text-align: left;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.web-to-print a {
color: #FFF;
}
.web-to-print a:visited {
color: #FFF;
}
.web-to-print a:hover {
color: #DDD;
}
.web-to-print-top {
position: absolute;
top: 480px;
overflow: auto;
right:22px;
}
.solution {
z-index: 1;
position: absolute;
left: 0px;
top: 121px;
text-align: left;
}
.sales-enquiry-top {
font-size: 18px;
color: #FFF;
padding: 5px 0px;
text-align: center;
background:url('images/solution-sales-enquiry.gif') no-repeat top;
}
.sales-enquiry-bottom {
height: 10px;
background:url('images/sales-enquiry-bottom.gif') no-repeat 4px 0px;
}
.sales-enquiry-bg {
padding: 5px 8px;
background:url('images/sales-enquiry-bg.gif') repeat-y;
}
#map {
position: relative;
left: 0px;
top: 0px;
height: 400px;
width: 540px;
border: 2px solid #C3D5E8;
}
.temfaq {
}
.temfaq a {
color: #3C83BA;
text-decoration: none;
}
.temfaq a:visited {
color: #3C83BA;
}
.temfaq a:hover {
color: #003366;
}
.faq-expand {
padding: 0px 0px 0px 20px;
}
.faq {
display:block;
}
.question {
}
.question-text {
}
#bottles-wrapper {
position: relative;
height: 323px;
width: 500px;
}
.plus-bullet {
font-size: 13px;
padding: 0px 0px 3px 15px;
margin: 2px 0px 6px 0px;
background: url('images/bullet_inkdrop.gif') no-repeat 0px 4px;
}
.star-bullet {
padding: 0px 0px 0px 25px;
margin: 2px 0px 6px 0px;
background: url('images/star.png') no-repeat 0px 0px;
}
.theops-menu-heading {
position: absolute;
top: 125px;
font-family: Century Gothic,Tahoma, Geneva, sans-serif;
font-size: 24px;
color: #FFF;
right:5px;
}
.theops-menu-arrows {
position: absolute;
top: 167px;
right:284px;
}
.theops-bottles {
position: absolute;
left: 0px;
top: 117px;
}
#indexmaincontent {
top: 452px;
}
.top-home {
position: absolute;
left: 0px;
top: 444px;
}
.arrange-a-demo-theops {
position: absolute;
top: 552px;
right:22px;
}
.menu-the-ops {
border-bottom:1px solid #745E9A;
}
.button-contact {
position: absolute;
top: 684px;
right:22px;
}
.button-email {
position: absolute;
top: 611px;
overflow: auto;
right:22px;
}
.button-callback {
position: absolute;
top: 743px;
right:22px;
}
.printer-website-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.selling-websites-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.print-catalogue-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.sell-print-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.print-templates-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.artwork-upload-bottles {
position: absolute;
left: 0px;
top: 117px;
}
.my-account-bottles {
position: absolute;
left: 0px;
top: 117px;
}
#whoarewemaincontent {
top: 148px;
}
.top-content {
position: absolute;
left: 0px;
top: 140px;
}
.who-are-we-box {
position: absolute;
top: 192px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.who-are-we-box a {
color: #FFF;
text-decoration: none;
}
.who-are-we-box a:visited {
color: #FFF;
}
.who-are-we-box-top {
position: absolute;
top: 185px;
right:22px;
}
.arrange-a-demo-content {
position: absolute;
top: 325px;
right:22px;
}
.button-callback-content {
position: absolute;
top: 520px;
right:22px;
}
.button-contact-content {
position: absolute;
top: 462px;
right:22px;
}
.button-email-content {
position: absolute;
top: 521px;
right:22px;
}
#benefitsmaincontent {
top: 148px;
}
#casestudiesmaincontent {
top: 148px;
width: 840px;
padding: 22px 28px 22px 28px;
}
#faqmaincontent {
top: 148px;
}
#contactusmaincontent {
top: 148px;
}
#callbackmaincontent {
top: 148px;
}
#callback-responsemaincontent {
top: 148px;
}
#termsmaincontent {
top: 148px;
}
#privacymaincontent {
top: 148px;
}
.maincontent ul {
padding: 0px;
margin: 0px 0px 10px 0px;
}
.maincontent ul li {
padding: 0px 0px 0px 20px;
background: url('images/bullet_inkdrop.gif') no-repeat 0px 4px;
list-style-type:none;
}
.text-red {
color: #FD3547;
}
.text-blue {
color: #35AAE3;
}
.text-green {
color: #9DCD3E;
}
.text-lilac {
color: #C8BAEF;
}
.text-yellow {
color: #FFFF45;
}
.text-mint {
color: #32E195;
}
.text-pink {
color: #FD38FE;
}
.web-to-print-backuptext {
position: absolute;
overflow: 0;
}
.text-white {
color: #FFF;
}
th {
font-weight:normal;
}
.the-ops-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.the-ops-box a {
color: #FFF;
text-decoration: none;
}
.the-ops-box a:visited {
color: #FFF;
}
.your-own-website-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.your-own-website-box a {
color: #FFF;
text-decoration: none;
}
.your-own-website-box a:visited {
color: #FFF;
}
.print-catalogue-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.print-catalogue-box a {
color: #FFF;
text-decoration: none;
}
.print-catalogue-box a:visited {
color: #FFF;
}
.print-templates-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.print-templates-box a {
color: #FFF;
text-decoration: none;
}
.print-templates-box a:visited {
color: #FFF;
}
.artwork-upload-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.artwork-upload-box a {
color: #FFF;
text-decoration: none;
}
.artwork-upload-box a:visited {
color: #FFF;
}
.my-account-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.my-account-box a {
color: #FFF;
text-decoration: none;
}
.my-account-box a:visited {
color: #FFF;
}
.selling-websites-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.selling-websites-box a {
color: #FFF;
text-decoration: none;
}
.selling-websites-box a:visited {
color: #FFF;
}
.sell-print-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.sell-print-box a {
color: #FFF;
text-decoration: none;
}
.sell-print-box a:visited {
color: #FFF;
}
.benefits-box {
position: absolute;
top: 192px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.benefits-box a {
color: #FFF;
text-decoration: none;
}
.benefits-box a:visited {
color: #FFF;
}
.case-sudies-box {
position: absolute;
top: 192px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.case-sudies-box a {
color: #FFF;
text-decoration: none;
}
.case-sudies-box a:visited {
color: #FFF;
}
.seo-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 16px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.seo-box a {
color: #FFF;
text-decoration: none;
}
.seo-box a:visited {
color: #FFF;
}
.quote-man-box {
position: absolute;
top: 420px;
width: 228px;
font-size: 17px;
color: #FFF;
padding: 3px 20px 10px 20px;
right:22px;
background: #5E4D7E url(images/boxbottom.gif) no-repeat bottom left;
line-height:1.3em;
}
.quote-man-box a {
color: #FFF;
text-decoration: none;
}
.quote-man-box a:visited {
color: #FFF;
}
.the-ops-box-top {
position: absolute;
top: 413px;
right:22px;
}
#web_to_print_solutionmaincontent {
top: 148px;
overflow: auto;
}
#web-to-print-solutions-providermaincontent {
top: 148px;
overflow: auto;
}
#Online-business-tipsmaincontent {
top: 148px;
}
#online-marketing-for-printersmaincontent {
top: 148px;
overflow: auto;
}
#casestudiesmaincontent li {
width: 45%;
float:left;
}
.casestudiesmaincontent ul {
margin: 0px 0px 10px 0px;
}
hr {
background-color: #CCCCCC;
height: 1px;
width: 100%;
border: none;
margin: 10px 0px;
}
#contact-us-responsemaincontent {
top: 148px;
overflow: auto;
}