/* @override http://localhost/~pascal/shop4/screen.css */

body {
	background : #f4f4f4;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 1.5em;
	padding : 0px;
	margin : 0px;
}


div.buttons
{
 margin-top: 20px;
 padding-left: 380px;
}


body.smallBiz div.buttons
{
 margin-top: 20px;
 padding-left: 745px;
}


a:link,
a:visited {
	color : #004F9D;
	font-weight : bold;
	background-color : transparent;
	text-decoration : none;
}

a:hover {
	background-color : transparent;
	color : #F60;
	font-weight : bold;
	text-decoration : none;
}


.emphasise {
    color: #F60;
}


.link{
	font-size: 13px;
	padding-left: 10px;
	}

.link a:hover{

	color: #F60;
}


a img, img /* removes border from Gecko browsers */
{
 	border: none;	
}


form {
	padding:0;
	margin:0;
}

ul {
	padding:0;
	margin:0;
	margin-left:30px;
	margin-bottom: 10px;
}

ul li {
	padding-top : 2px;
	line-height : 100%;
	list-style: disc;
}


ul li.noBullet {
    list-style: none;
}


ol {
	padding:0;
	margin:0;
	margin-left:30px;
	margin-bottom:30px;
}

ol li {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	margin:0;
	margin-bottom:10px;
}

ol li a:link,
ol li a:visited {
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
}

ol li a:hover {
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
}

p {
	/*padding:7px 0px 2px 0px;*/
	margin: 0 0 10px 0;
}


p.sidebar {
	margin: 0;
	padding:7px 0px 2px 0px;
} /* Added by AJS on 14/02/08 to stop white background issue created in sidebar by previous statement */


h1 {
	font-size : 2.5em;
	color : #9a9e88;
	font-weight : normal;
	padding-bottom : 0px;
	line-height : 0.9em;
	background-color : transparent;
	margin : 0px 0px 0.5em 0px;
}


h2 {
	font-size : 17px;
	height:20px;
	color : #004F9D;
	background-color : transparent;
	margin : 0px;
	padding: 0px;
}


h3 {
	font-size : 15px;
	line-height: 1.0em;
	color : #004F9D;
	background-color : transparent;
	margin : 0px;
	padding: 0px;
}


h3 em {
	font-size : 13px;
	line-height: 1.0em;
	color : #004F9D;
	background-color : transparent;
	margin : 0px;
	padding: 0px;
}

h4
{
 	font-size: 12px;
	color: #036;
	background-color: transparent;
	margin-top: 13px;
	margin-bottom: 0;
}

#faqtxt h3 {
	margin-top: 20px;
}

#faqtxt h3.first {
	margin-top: 5px;
}


#faqtxt p {
	padding-top: 0;
}

h3#needAdvice
{
 	color: #FFF;
 	padding-left: 10px;
}

.roundcont p.callnumber {
	font-size: 18px;
	padding-top: 6px;
}

table {
	padding:0px;
	margin : 0px;
	border : 1px solid #9a9e88;
	width : 100%;
}

td {
	padding : 5px;
	text-align : center;
	border : 1px solid #9a9e88;
	margin : 0px;
}

th {
	padding : 5px;
	margin : 0px;
	color : #ffffff;
	background-color : #9a9e88;
	border : 1px solid #9a9e88;
}

/* ------------------------------------------  */
/* -----------   Layout  ----------------  */
/* ------------------------------------------  */

#wrapper {
	border : 0px solid #ffffff;
	margin : 0px auto;
	padding : 0px;
	width : 980px;
	position: relative;
}

#header {
	margin : 0px;
	padding :0px;
	background : url(images/bg_top.jpg) repeat-x top left;
	height : 101px;
	width:979px;
}

#header h1 span {
	display : none;
}

#header h1 {
	margin : 0px;
	padding :0px;
	background : url(images/shop4websites.jpg);
	background-repeat:no-repeat;
	height : 65px;
	/*width:274px;*/
	width:960px;
}


#headercaption {
	/*position:relative;*/
float:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#004F9D;
	width:300px;
	line-height:15px;
	margin-top:20px;
	/*margin:0;*/
padding:0;
}

h3 em {
	font-size:12px;
}

#content {
	border-top:10px solid #004F9D;
	display:block;
	padding:0;
	margin:0;
	width:979px;
}

#col1 {
	margin-top:10px;
	margin-left:5px;
	width:164px;
	float:left;
	height:100%;
#height:444px;
	padding: 10px;
	padding-bottom:0px;
	;
}

#col1faq {
	margin-top:10px;
	margin-left:5px;
	width:348px;
	float:left;
	height:100%;
#height:444px;
	padding: 10px;
}

#col1 img {
	border:solid 1px #333333;
	margin-top:10px;
}

#col2 {
	margin-top:10px;
	margin-left:5px;
	width:164px;
	;
	float:left;
	/*background-color:#669966;*/
background-image:url(images/bg_colum.jpg);
	background-repeat:no-repeat;
	height:454px;
	padding: 10px;
}

#col234 .inside {
	width:554px;
#width:560px;
}

#col234 {
	margin-top:10px;
	margin-left:5px;
	width:576px;
	float:left;
}

#col2345 {
	margin-top:10px;
	margin-left:5px;
	width:768px;
	float:left;
	padding: 0 5px;
}

#col2345fax {
	margin-top:10px;
	margin-left:5px;
	width:583px;
	float:left;
}

#col12345 {
	margin-top:10px;
	margin-left:5px;
	width:952px;
	float:left;
	padding: 0 5px;
}

#col3 {
	margin-top:10px;
	margin-left:10px;
	width:164px;
	float:left;
	/*background-color:#CC66CC;*/
background-image:url(images/bg_colum.jpg);
	background-repeat:no-repeat;
	height:454px;
	padding: 10px;
}

#col4 {
	margin-top:10px;
	margin-left:10px;
	width:164px;
	float:left;
	/*background-color:#0099CC;*/
background-image:url(images/bg_colum.jpg);
	background-repeat:no-repeat;
	height:454px;
	padding: 10px;
}

#col5 {
	margin-top:10px;
	margin-left:10px;
	width:180px;
	float:left;
	/*background-color:#FFCC99;*/
/*background-image:url(images/bg_colum.jpg);
background-repeat:no-repeat;*/
height:454px;/*padding: 10px;*/
}

#packagetxt {
	float:left;
	width:250px;
	margin-right:30px;
	margin-top:0px;
	padding-left:20px;
}

#packagetxt h2 {
	margin-bottom:10px;
}

#packagedesc {
	float:right;
	width:200px;
	margin-right:30px;
}

#howItWorks {
	margin:0px 0 10px 0;
	padding:0;
}

#faqtxt {
	float:left;
	width:540px;
#width:495px;
	margin-right:30px;
	padding-left:20px;
}

#faqtxt h3 {
	margin-bottom:10px;
}

h2.notopgap {
	margin-bottom:10px;
	margin-left:20px;
}

.price {
	font-size:13px;
	font-weight:bold;
	margin-bottom: 0;
}

.otherprice {
	font-size:13px;
	font-weight:bold;
}


.customWeb {
	font-size : 17px;
	height:20px;
}

.caption {
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
	margin-bottom:10px;
	padding:0;
	height:auto;
}

.steps img {
	margin: 7px;
}

.choosetemp div div {
	width: 275px;
	height: 225px;
	float: left;
	margin: 10px 17px;
}

.choosetemp .choosetoprow div {
	background-image: url(images/templatebg_01.gif);
	background-repeat: no-repeat;
	position: relative;
}

.choosetemp .choosebottomrow div {
	background-image: url(images/templatebg_02.gif);
	background-repeat: no-repeat;
	position: relative;
}

.choosetemp .template {
	display:block ;
	padding: 15px 25px 2px 25px;
}

.choosetemp label {
	padding: 5px 0 10px 25px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	}


.choosetemp label span {
	color:#FF6600;
	margin-left: 10px;
}


.choosetemp label img.magglass {
	position: relative;
	top: 0px;
	left: 90px; 
}

/*
.choosetemp label img.buyNow {
	position: relative;
	top: 0px;
	right: 0px;
}
*/

.choosetemp .submitarea {
	clear: both;
	float: none;
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
	
}

.instructions {
	padding: 0 20px;
}

.instructions p {
	color:#555 ;
	font-size: 12px;
	font-weight: bold;	
}

.largepreviews {
	text-align: left;
}


body.startUp div.largepreviews {
	text-align: center;
}


.smallImage {
    display: inline;
    margin-left: 20px;
}


.largeImage {
    display: inline;
    margin-left: 20px;
}

.extras ul {
	margin-left: 1.5em;
}
.extras li {
	margin-top: 10px;
}

.extras li a:hover {
	color: #F60;
}

.extraspopup {
	position: absolute;
	width: 283px;
	height: 102px;
	top: 0px;
	left: 0px;
	background-image: url(images/bg_extraspopup.gif);
	background-repeat: no-repeat;
	visibility: hidden;
}

.extraspopup h3 {
	font-size: 13px;
	margin: 15px 10px 0 15px;
	padding: 0;
}

.extraspopup p {
	margin: 10px 10px 0 15px;
	padding: 0;
	line-height: 110%;
}


ul#ourClients
{
 margin-top: 10px;
 margin-left: 0;
}


ul#ourClients li
{
 list-style: none;
 line-height: 150%;
}


/* ----------------- Template Variation Pages -------------------------  */


h2.templateExamples
{
 display: inline;
}


ul.variations
{
 display: inline;
 float: right;
 margin-bottom: 10px;
 margin-right:  10px;
}


ul.variations li
{
 list-style: none;
 display: inline;
}


ul.variations li.selected a
{
 color: #F60;
 text-decoration: underline;
}


body.templateVariation div.buttons
{
 margin-top: 20px;
 padding-left: 840px;
}


body.templateVariation h4
{
 margin-left: 20px;
}


img.templateVariation
{
 display: inline;
 margin-left: 20px;
 margin-bottom: 20px;
 border: 1px solid #CCC;
}


/* ------------------------------------------  */
/* -----------   Navigation  ----------------  */
/* ------------------------------------------  */

#nav {
	display : inline;
	height : 90px;
	list-style : none;
	overflow : hidden;
	padding : 0px;
	margin : 0px 0px 0px 0px;
}

#nav li {
	display : inline;
	list-style : none;
	margin : 0px;
	padding : 0px;
}

#nav a {
	float : left;
	overflow : hidden;
	padding : 36px 0px 0px 0px;
	height : 0px !important;
	height /**/	:30px;	/* for win IE 5 only*/
	border : 0;
}

#nav a:hover {
	background-position : 0 -51px;
	border : 0;
}

#nav a:active,
#nav a.selected,
#nav a.selected:hover {
	background-position : 0 -97px;
	border : 0;
}

#home a {
	background : url(images/nav_home.gif) no-repeat top left;
	width : 117px;
}

#aboutus a {
	background : url(images/nav_aboutus.gif) no-repeat top left;
	width : 117px;
}

#contact a {
	background : url(images/nav_contact.gif) no-repeat top left;
	width : 117px;
}

#faq a {
	background : url(images/nav_faq.gif) no-repeat top left;
	width : 117px;
}

#howtobuy a {
	background : url(images/nav_howtobuy.gif) top left no-repeat;
	width : 117px;
}

#features a {
	background : url(images/nav_additionalFeatures.gif) no-repeat top left;
	width : 130px;
	padding-right:110px;
}

#signup a {
	background : url(images/nav_signup.gif) no-repeat top left;
	width : 130px;
}

#package1 a {
	background : url(images/nav_package1.gif) top left no-repeat;
	width : 117px;
}

#package2 a {
	background : url(images/nav_package2.gif) top left no-repeat;
	width : 117px;
}

#package3 a {
	background : url(images/nav_package3.gif) top left no-repeat;
	width : 140px;
}

/*-------------------------------------------------*/
/*----------------  Page Shadow Css  --------------*/
/*-------------------------------------------------*/


#pageshadow {
	width:995px;
	padding:0 8px;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	z-index : 0;
	background-color:#f4f4f4;
	display:table; /* a bit of a hack to get the footer to sit below the page content, when page content exceeds window height */
	padding-bottom:10px;
}

#footer {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.8em;
	padding:0 8px;
	margin:0 -8px;
	height:70px;
	/*	padding:0 8px;
	margin-top:-70px;
	border-top:solid 5px #2E7D4A;*/
	width:995px;
	clear:both;
	z-index : 1;
}

#footer #footerbar {
	padding:0;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	position:relative;
	display:block;
}

#footer #footerbar #footercontents {
	background-color: #004F9D;
	clear:both;
	height:20px;
	text-align:right;
	color:#ffffff;
	padding:0 10px;
	width:960px;
	margin:0 8px
}

#footer #footerbar #footercontents .left{
    float: left;
    padding-left: 10px;
}

#footercontents a {
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}


#footer #shadowbottom {
	background-image:url(images/bottom.gif);
	width:995px;
	background-repeat:repeat-x;/*height:8px;*/	
}


#footer #shadowbottom #shadowbottomleft {
	background-image:url(images/bottom_left.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:8px;
}


#footer #shadowbottom #shadowbottomleft #shadowbottomright {
	background-image:url(images/bottom_right.gif);
	background-position:987px 0;
	background-repeat:no-repeat;
	height:8px;
}

/* ------------------------------------------  */
/* ---------- Rounded Outine Box ------------  */
/* ------------------------------------------  */

/* here liquid corners styles */

.top-left {
	background-image: url('images/corner_tl.gif');
	height: 25px;
	margin-right: 9px;
	font-size: 2px;
}

.top-right {
	float: right;
	margin-top: -25px;
	background-image: url('images/corner_tr.gif');
	height: 21px;
	width: 25px;
	font-size: 2px;
}

div.inside {
	border-left: 2px solid #d0d0d0;
	border-right: 2px solid #d0d0d0;
	background-image: url(images/bg_rounded_box.jpg);
	background-repeat:repeat-x;
	color: #000000;
	padding-left: 9px;
	padding-right: 9px;
 #padding-left: 6px;
 #padding-right: 6px;
	margin-top:-4px;
}

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

.bottom-left {
	background-image: url('images/corner_bl.gif');
	height: 25px;
	margin-right: 9px;
	font-size: 2px;
}

.bottom-right {
	float: right;
	margin-top: -25px;
	background-image: url('images/corner_br.gif');
	height: 25px;
	width: 25px;
	font-size: 2px;
}

/* ------------------------------------------  */
/* ---------- Rounded Filled Box ------------  */
/* ------------------------------------------  */


.roundcont {
	width: 182px;
	background-color: #004F9C;
	color: #fff;
	margin-bottom:10px;
}

.roundcont p {
	margin: 0 10px;
	padding:0;
}

.roundtop {
	background: url(images/solid_tr.gif) no-repeat top right;
}

.roundbottom {
	background: url(images/solid_br.gif) no-repeat top right;
}

img.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

/* ------------------------------------------  */
/* ---------- Preview tab ------------  */
/* ------------------------------------------  */

/*#interface1 {
	z-index : 1;
}*/

#loader_container {
	width : 100%;
	position : absolute;
	top : 40%;
	text-align : center;
}

#loader {
	width : 135px;
	border : #6a6a6a 1px solid;
	display : block;
	font-size : 10px;
	margin : 0px auto;
	z-index : 255;
	color : #000000;
	background-color : #ffffff;
	font-family : Tahoma, Helvetica, sans;
	text-align : left;
	padding-right : 0px;
	padding-top : 10px;
	padding-bottom : 16px;
	padding-left : 0px;
}

#progress {
	font-size : 1px;
	left : 10px;
	width : 1px;
	position : relative;
	top : 1px;
	height : 5px;
	background-color : #9d9d94;
}

#loader_bg {
	font-size : 1px;
	left : 8px;
	width : 113px;
	position : relative;
	top : 8px;
	height : 7px;
	background-color : #ebebe4;
}


/*------------------------ SEO Footer Specific --------------------------------*/
/*------------------------ Added by AJS 14/02/08--------------------------------*/

div.seoFooter
{
 margin: 10px 20px 30px 0;
 padding-bottom: 10px;
 text-align: center;
}


div.seoFooter p
{
 font-size: 10px;
 color: #999;
 text-align: center;
}


div.seoFooter a,
div.seoFooter a:link,
div.seoFooter a:visited
{
 font-size: 10px;
 font-weight: normal;
}


div.seoFooter a:hover,
div.seoFooter a:active
{
 font-size: 10px;
 font-weight: normal;
}