﻿/*FireFox and IE7 res over 1024*/
body
{
	margin: auto;
	text-align: justify;
	background-image:url('Image/Bg.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#88aad7;
	font-family:Arial, Helvetica, sans-serif;
}
#test a
{
    color:red;
}
#test a:hover
{
    color:Olive;
}
h1
{
	font-size:medium;
	color:#017cc2;
	margin-left:28px;
	margin-top:10px;
	position:absolute;
}
h4
{
	font-size:small;
	color:#017cc2;
	margin-left:0;
	padding-left:0;
	margin-bottom:-5px;
}
h2 a
{
	font-size:medium;
	color:#017cc2;
	margin-left:20px;
	margin-right:20px;
	text-decoration:none;
}
h2
{
    margin-top:5px;
    margin-bottom:7px;
}
h3
{
	font-size:medium;
	color:#fff;
}
.style1 
{
	font-size: small;
}
.style2 
{
	border-width: 0px;
}
#page
{
	width:1092px;
	margin:auto;
}
#Top-Links
{
	text-align:right;
	width:1082px;
	margin:auto;
	margin-top:20px;
	margin-bottom:10px;
	color:white;
	font-size:small;
}
#Top-Links a
{
	text-align:right;
	text-decoration:none;
	color:white;
	font-weight:bold;
	width:1082px;
	margin:auto;
}
#Top-Menu
{
	background-image:url('Image/Bg-Menu.jpg');
	/*background-repeat:repeat-x;
	background-position:left center;*/
	height:73px;
	width:1092px;
	margin:auto;
}
#Top-Menu ul li
{
	list-style:none;
	display:inline;
}
#Top-Menu ul li a
{
	color:#027cc3;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	width:122px;
	height:50px;
	border-left:1px #85a7d3 solid;
	text-align:center;
	margin-top:10px;
	line-height:50px;
}
#Top-Menu ul li a:hover
{
	background-image:url('Image/RollOvere-Menu.jpg');
	background-repeat:repeat-x;
}
#Left-Menu
{
	width:229px;
	/*height:418px;*/
	background-image:url('Image/Left-Bg-Menu.png');
	background-position:center bottom;
	float:left;
}
#Left-Header
{
	background-image:url('Image/Left-Head-Menu.jpg');
	background-position:center bottom;
	color:white;
	width:209px;
	height:38px;
	margin:auto;
	line-height:40px;
	padding-left:20px;
}
#Left-Links
{
	/*border-bottom:1px white solid;*/
	margin-left:20px;
	margin-right:20px;
}
#Left-Links ul li
{
	list-style:none;
}
#Left-Links ul
{
	margin-left: 0;
	padding-left: 0;
}
#Left-Links a
{
	color:#017cc2;
	text-decoration:none;
	font-weight:bold;
}
#Left-Links a:hover
{
	color:#e67817;
}
#Offers
{
	border-bottom:1px white solid;
	border-top:1px white solid;
	margin-left:20px;
	margin-right:20px;
}
#Recommend
{
	background-image:url('Image/Recommend.jpg');
	background-repeat:no-repeat;
	width:167px;
	/*height:151px;*/
	/*margin-left:20px;
	margin-right:20px;*/
	margin-bottom:43px;
	text-align:center;
	color:white;
	padding-top:68px;
	font-size:x-small;
}
ul.Recommend
{
    margin-bottom:5px;
}
#Recommend a
{
	width:167px;
	display:block;
	/*margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;
	padding-top:90px;*/
	text-align:center;
	color:white;
	font-size:x-small;
	text-decoration:none;
}

#Right-Menu
{
	width: 863px;
	float: right;
	background-image: url('Image/Right-Menu.png');
	background-position: center;
	background-repeat: repeat-y;
	min-height:470px;
}
#Right-Content
{
	text-align:justify;
	width:93%;
	margin:auto;
	padding-top:30px;
	color:gray;
    /*height: 726px;*/
}
/*this is only for the web advert page */
#Right-Content1
{
	text-align:justify;
	width:93%;
	margin:auto;
	padding-top:30px;
	color:gray;
}
/*This emad  here*/
#Right-Header
{
	height:24px;
	width:863px;
	background-image:url('Image/Right-Head-Menu.jpg');
	background-position:center top;
}
#Right-Footer
{
	background-image: url('Image/Right-Footer-Menu.png');
	background-position:center bottom;
	float:right;
	width: 863px;
	height: 27px;
}
#Web-Design
{
	width:265px;
	height:98px;
	background-image:url('Image/Web-Design-text.jpg');
}
#Web-Design a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Web-Design a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}
#Logo-Design
{
	width:265px;
	height:98px;
	background-image:url('Image/Logo-Design-text.jpg');
}
#Logo-Design a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Logo-Design a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}

#Graphic-Emails
{
	width:265px;
	height:98px;
	background-image:url('Image/Graphic-Emails-text.jpg');
}
#Graphic-Emails a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Graphic-Emails a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}

#Design-4-Print
{
	width:265px;
	height:98px;
	background-image:url('Image/Design-4-Print-Text.jpg');
}
#Design-4-Print a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Design-4-Print a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}
/*
#Design-3D
{
	width: 265px;
	height: 98px;
	background-image: url('Image/3D-Text.jpg');
}
#Design-3D a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Design-3D a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}*/
#Networking
{
	width: 265px;
	height: 98px;
	background-image: url('Image/Networking-Text.jpg');
}
#Networking a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Networking a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}

#Web-Advert
{
	width: 265px;
	height: 98px;
	background-image: url('Image/Web-Advert-text.jpg');
}
#Web-Advert a img
{
	border: 0;
	background-image: url('Image/Web-Design-But.jpg');
	background-repeat: no-repeat;
}
#Web-Advert a:hover img
{
	border: 0;
	background-image: url('Image/Web-Design-RoloOver.jpg');
	background-repeat: no-repeat;
}
#Footer a
{
	color:white;
	font-size:small;
	text-decoration:none;
	text-align:left;
	/*float:right;*/
}
#Footer
{
	color:white;
	float:right;
	width:857px;
}
.HomePage
{
	float:left; 
	text-align:left; 
	font-size:9pt; 
	width:197px; 
	padding-left:20px; 
	padding-top:10px;
	color:Gray;
}
.HomePage h1
{
	font-size:8pt;
	color:#017cc2;
	position:static;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:3px;
}
#Web-Services, #Printing, #Graphic-Extras
{
	float:left;
	padding-left:10px;
}
/*======================= Login Page Only==============================*/
#Login
{
	width:630px;
	height:260px;
	background-image:url('Image/Login/Bg.jpg');
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:auto;
}
/*===========================Spacial Offers============================*/
#Packages td
{
	background-image:url('Image/Packages/Packege-Bg.gif');
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px #d0d5da dashed;
	padding:5px 0;
}
.Packages td
{
	background-image:url('Image/Packages/Packege-Bg.gif');
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px #d0d5da dashed;
	padding:5px 0;
}
.Special_Offers
{
	width:93%;
	/*border-bottom:1px #d0d5da solid;*/
	margin-top:15px;
}
.Special_Offers a
{
	color:#017cc2;
	text-decoration:none;
}
.Special_Offers a:hover
{
	color:#e67817;
}

.Expiery
{
	background-image:url('Image/Special_Offers/Expirey_Offer1.jpg');
	background-repeat:no-repeat;
	width:146px;
	height:81px;
	float:right;
	text-align:center;
}
.Expiery a
{
	background-color:#017cc2;
	color:white;
	text-decoration:none;
	text-align:center;
	padding:3px 5px;
}
/*==============================================Pricing==================================*/
#Pricing
{
	width: 863px;
	background-image: url('Image/Right-Menu.png');
	background-position: center;
	background-repeat: repeat-y;
}
#Pricing-Menu
{
	/*height:177px;
	margin:auto;
	width:93%;*/
	
	width: 863px;
	/*background-image: url('Image/Right-Menu.png');
	background-position: center;
	background-repeat: repeat-y;*/

}
/*=========================================================================================*/
ul.box
{
	height:177px;
	margin:0;
	text-align:center;
	margin:auto;
	padding-left:15px;
	margin-left:15px;
}
ul.box li
{
	list-style:none;
	display:inline;
}

ul.box li a
{
	display:block;
	width:130px;
	height:177px;
	float:left;
	margin:auto;
	text-align:right;
}

ul.box li a img
{
	display:block;
	border:0;
	text-decoration:none;
}
#pic1
{
	background-image:url('Image/Pricing/But/WebDesign.jpg');
	width:130px;
	height:177px;
	float:left;

}

/*li.btn1 a:hover
{
	background-image:url('Image/Pricing/But/WebDesign-hover.jpg');
}*/
#pic2
{
	background-image:url('Image/Pricing/But/LogoDesign.jpg');
	width:130px;
	height:177px;
	float:left;

}
/*li.btn2 a:hover
{
	background-image:url('Image/Pricing/But/LogoDesign-hover.jpg');
}
*/
#pic3
{
	background-image:url('Image/Pricing/But/GraphicEmails.jpg');
	width:130px;
	height:177px;
	float:left;

}
/*li.btn3 a:hover
{
	background-image:url('Image/Pricing/But/GraphicEmails-hover.jpg');
}
*/
#pic4
{
	background-image:url('Image/Pricing/But/Design4Print.jpg');
	width:130px;
	height:177px;
	float:left;

}
/*li.btn4 a:hover
{
	background-image:url('Image/Pricing/But/Design4Print-hover.jpg');
}
*/
#pic5
{
	background-image:url('Image/Pricing/But/Network.jpg');
	width:130px;
	height:177px;
	float:left;

}
/*li.btn5 a:hover
{
	background-image:url('Image/Pricing/But/Network-hover.jpg');
}
*/
#pic6
{
	background-image:url('Image/Pricing/But/WebAdvert.jpg');
	width:130px;
	height:177px;
	float:left;

}
/*li.btn6 a:hover
{
	background-image:url('Image/Pricing/But/WebAdvert-hover.jpg');
}*/

/*======================================*/
.area
{
	display: none;
	padding:0 25px;
	/*padding: 10px 10px 10px 0px;
	font-size: large;*/
}
/*===================Page Links===================*/
.Page-Link a
{
	color:#027CC3;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.Page-Link a:hover
{
	color:#E67817;
}
/*============================MyAccount==*/
.MyAccount
{
	border:1px solid #017CC2;
	width:93%;
}
.MyAccount th
{
	color:White;
	background-color:#017CC2;
	padding:5px;
}
.MyAccount td
{
	padding:5px;
}
/*================Hover info===============*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #eef3f9;
	padding-top: 0px;
	padding: 5px;
	left: -1000px;
	border: 1px solid #e67817;
	visibility: hidden;
	color: gray;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	padding-top: 0px;
	width: 350px;
	top: 10px;
	left: 30px; /*position where enlarged image should offset horizontally */
	font-size: 12px;
}
.thumbnail img
{
	border:0;
	text-decoration:none;
}
/*===========================Design-4-Print=============================*/
.dropDown
{
	display:none;
}
.dropDown ul 
{
	list-style:none;
	line-height:40px;
	color:gray;
	margin-left:30px;
}
/*#Product_List li
{
	height:54px;
	border-bottom:1px #f3f3f3 solid;
}
*/
h2 a
{
	font-size:medium;
	padding-left:55px;
	text-decoration:none;
	color:#017CC2;
}
/*==================================================================*/
#Cards h2 a
{
	background:#fff url(Image/Design4Print/Business_Cards.jpg) no-repeat top left;
}
#Stationery h2 a
{
	background:#fff url(Image/Design4Print/Stationery.jpg) no-repeat top left;
}
#Folders h2 a
{
	background:#fff url(Image/Design4Print/Folders.jpg) no-repeat top left;
}
#Booklets h2 a
{
	background:#fff url(Image/Design4Print/Booklets.jpg) no-repeat top left;
}
#Leaflets h2 a
{
	background:#fff url(Image/Design4Print/Leaflets.jpg) no-repeat top left;
}
#Folded_Leaflets h2 a
{
	background:#fff url(Image/Design4Print/Folded-Leaflets.jpg) no-repeat top left;
}
#Flyers h2 a
{
	background:#fff url(Image/Design4Print/Flyers.jpg) no-repeat top left;
}
#Things_To_Mail h2 a
{
	background:#fff url(Image/Design4Print/Things_To_Mail.jpg) no-repeat top left;
}
#Great_Ideas h2 a
{
	background:#fff url(Image/Design4Print/Great_Ideas.jpg) no-repeat top left;
}

/*==================================================================*/
#productListContainer ul li
{
	border-bottom:1px #f3f3f3 solid;
	background:transparent none repeat scroll 0 0;
	margin:0;
	padding:0;
}
#fullProductList a:hover
{
	/*padding-bottom:10px;
	padding-left:55px;
	padding-top:10px;*/
	color:#E67817;
}
#fullProductList ul li a 
{
	padding-bottom:12px;
	padding-left:55px;
	padding-top:12px;
	line-height:40px;
}
/*===========================hiden dive*/
#advantages
{
	display:none; 
    position:absolute; 
    left:350px; 
    top:150px; 
	overflow:scroll;
	width:440px;
	height:400px;
	text-align:justify;
	border: 1px #017CC2 solid;
    color:#017CC2; 
	background-color: #c9d9ec;
}
#advantages a
{
	display:block;
	background-color:#017CC2;
	height:26px;
	background-image:url('Image/Networking/Network-BG.jpg');
	background-position:left;
	background-repeat:no-repeat;
}
#advantages p
{
	padding:5px;
}
#advantages ul li
{
	list-style-type:circle;
}
#advantages li
{
	padding-right:10px;
}
/*Contact Us*/
.Blue
{
	color:#007cc3;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.Orange
{
	color:#ef7e0f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
/*End Of contact Us*/
/*Enquiry*/
#Enquiry
{
	display:none; 
    position:absolute; 
    left:400px; 
    top:280px; 
    border: 1px #017CC2 solid;
    color:#017CC2; 
	background-color: #c9d9ec; 
	/*overflow:scroll;*/
	width:440px;
	height:500px;
	text-align:justify;
}
#Enquiry a
{
	display:block;
	background-color:#017CC2;
	height:26px;
	background-image:url('Image/Contact/Enquiry-BG.jpg');
	background-position:left;
	background-repeat:no-repeat;
}
#Enquiry p
{
	padding:5px;
}
#listing li
{
	margin-left:200px; 
	/*border:solid 1px black;*/
}
/*Sitemap*/
.SubLink
{
	font-size:smaller;
}
/*Terms*/

#Terms a
{
	display:block;
	height:73px;
	width:63px;
}
#Value a
{
	background-image:url('Image/Tearms/Value-Package.jpg');
}
#Value a:hover
{
	background-image:url('Image/Tearms/Value-Package-R.jpg');
}
#Design a
{
	background-image:url('Image/Tearms/Design.jpg');
}
#Design a:hover
{
	background-image:url('Image/Tearms/Design-R.jpg');
}
#Logos a
{
	background-image:url('Image/Tearms/Logos.jpg');
}
#Logos a:hover
{
	background-image:url('Image/Tearms/Logos-R.jpg');
}
#Design4Print a
{
	background-image:url('Image/Tearms/Design4Print.jpg');
}
#Design4Print a:hover
{
	background-image:url('Image/Tearms/Design4Print-R.jpg');
}
/*Packages-Header*/
#Packages-Header h1
{
	font-size:x-large;
	color:#017cc2;
	margin:auto;
	position:relative;
	padding-top:20px;
	margin-bottom:-20px;
}
.Packages-Header h1
{
	font-size:x-large;
	color:#017cc2;
	margin:auto;
	position:relative;
	padding-top:35px;
	margin-bottom:-20px;
}
.Big
{
	color:#017cc2;
	font-size:40pt;
	font-family:Arial, Helvetica, sans-serif;
}
#Packages p
{
	color:#017cc2;
}
/*Full page*/
#Right-Menu-FullPage
{
	width: 1092px;
	background-image: url('Image/Right-Menu-FullPage.png');
	background-position: center;
	background-repeat: repeat-y;
}
#Right-Header-FullPage
{
	height:24px;
	width:1092px;
	background-image:url('Image/Right-Head-Menu-FullPage.jpg');
	background-position:center top;
}
#Right-Footer-FullPage
{
	background-image: url('Image/Right-Footer-Menu-FullPage.png');
	background-position:center bottom;
	width: 1092px;
	height: 27px;
}
/*==============Flags============*/
#Flags
{
	float:left;
	margin-top:-3px;
	
}
#Flags a img
{
	border:0;
}
/*=======================*/
.image a img
{
	border:1px solid #017cc2;
}
.image a:hover img
{
	border:1px solid #EF7E0F;
}
.image a:visited img
{
	border:1px solid #017cc2;
}
#Ecovida-Logo
{
    height:38px;
    width:114px;
    background-image:url('ecovida.png');
}
.Links a img
{
    border:1px solid #027CC3;
}
.Links a img:hover
{
    border:1px solid #E67817;
}
.Links a img:visited
{
    border:1px solid #027CC3;
}
/*..AddCartBut a
{
	color:#fff;
	text-decoration:none;
	padding:3px 5px;
	background-color:#017CC2;
	font-size:small;
}
AddCartBut a:hover
{
	color:#e67817;
	background-color:#017CC2;
	font-size:small;
}
.AddCartBut
{
    vertical-align:bottom;
}*/
.inputAddtoCartbtn{
    border:0;
    background-color:#017CC2;
    color:#fff;
    width:98px;
 }
 .D4PAddtoCart
 {
    float:right;
    margin-top:-24px;
 }
 #flashcontent
 {
     padding-left:20px;
     margin-top:-18px;
 }
 .BackLink a
 {
     text-align:left; 
     font-size:8pt; 
     padding-top:5px;
     font-weight:-5;
 }
.Quick-Links
{
    border-bottom:1px solid #fff;
    padding-bottom:15px;
}
