﻿/* Common elements _all sites */

*, .*, #* {
 margin: 0px; 
 padding: 0px; 
}


ul{
margin-left:20px;
margin-top:10px;
margin-bottom:5px;
}

li{
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom:5px;
}


.errorlabel{
color:#FF0000;
font-weight:bold;
line-height:25px;
}

.divspacer{
padding:0px;
}

.leftadvertising 
{
 border: 1px solid #D6D6D6;
 border-bottom: 0px;   
}

/* end common elements */



/* 0 BASIC TAGS */

h1, h2, h3, h4 {
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

a {
	text-decoration: none;
	color: #93181D;
}


a:hover {
	text-decoration: underline;
	color: #E6CD84;
}




h1 {
	margin-top: 0.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	position: absolute;
	left: 37px;
	top: 45px;
	font-size: 11px;
}

h3 {
	margin-top: 0.0em;
	margin-bottom: 1.12em;
	font-size: 14px;
	color:#993300;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}




img {
	border-width: 0;
}

.off{
display:none;
}


/* Template */



body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #848282;
}


#pagewrapper{
margin:0px auto 0px auto;
position:relative;
width:770px;
}

.header {
	background-image: url(Images/header_bg.gif);
	background-repeat:repeat-x;
	position: relative;
	width: 770px;
	height: auto;
	margin: 0px auto 5px auto;
	text-align:left;
}



.page {
position:relative;
	width:770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding:0px;
	float:left;
	
}

.shim {
	display: none;
}


.footerbg 
{
    position:relative;
    top:3px;
    left:0px;
	width: auto;
	height: 120px;
	text-align: center;
	background:#FFFFFF;
	margin-bottom:10px;
	
}

.footer 
{
	background-image: url(images/footer_bg.gif);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	width: 770px;
	height: 120px;
	text-align: center;
	font-size: 10px;
	color: #848282;
	text-align: left;
}

.footertext
{
    position:absolute;
    padding-left: 240px;
    padding-top:40px;   
    }
    
    .contentfooteroffset
    {
        vertical-align:bottom;
       
        }
        
       .contentheaderoffset
    {
        vertical-align:top;
       
        }   
        .paddedcontent
        {
            padding-left:10px;
            padding-right:10px;
            }
            
#maincontent
        {
            padding-top:0px;
            
            }


#headerleft
{
    position:absolute;
    margin:0px 0px 0px 0px;
}

#headerright
{
	position:absolute;
	margin-left:611px;
	width:159px;
	height:237px;
	background-image: url(images/nav_bg.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 4px
    }
    
#adminheaderright
{
	position:absolute;
	margin-left:611px;
	width:159px;
	height:237px;
	background-image: url(images/adminnav_bg.jpg);
	background-repeat: no-repeat;
    }
    
.largecontent 

{
	margin-left:auto;
	margin-right:0px;
	background-image:url(images/maincontent_large_mid.jpg);
	width:557px;
}


#inbasket {
position:absolute;
top:83px;
right:5px;
text-align:right;
width:154px;
}

#mainnavigation {
position:absolute;
top:105px;
left:7px;
text-align:left;
width:145px;
height:116px;
}

.loginpaneldiv {

line-height:auto;
font-weight:bold;

}

#loginpanel input {

border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-size:14px;
	color:#93181D;
	background-color:white;
	margin-top:5px;
	margin-bottom:5px;
	width:180px;
	padding:3px;
	

}

#loginpanel .loginbutton {

border:1px solid #2C2C2C;
background-image:url(images/buttonbg.jpg);
background-repeat:repeat-x;
font-size:14px;
font-weight:bold;
color:#2C2C2C;
width:65px;
	

}

.contentinnersmall
{
padding-left:10px;
padding-right:10px;
width:340px;
}

.contentinnerlarge
{
padding-left:10px;
padding-right:10px;
width:535px;
}


.settingeditor{
text-align:right;
background-color:#F2F2F2;
padding-bottom:10px;
padding-top:10px;
margin-bottom:5px;
padding-right:18px;
margin-left:2px;
margin-right:2px;
}

.addproduct{
text-align:right;
background-color:#F2F2F2;
padding-bottom:10px;
padding-top:10px;
padding-right:18px;
margin-top:20px;
margin-bottom:20px;
margin-left:2px;
margin-right:2px;
}

.productdivider{
margin-bottom:5px;
}

.formheading{
font-weight:bold;
margin-bottom:5px;
}

.formdescriptive{
margin-bottom:5px;
}

.forminput{
margin-bottom:15px;
}

.deletesettings{
margin-bottom:15px;
background-color:#FF0000;
border:solid;
border-width:1px;
border-color:#990000;
text-align:center;
padding:20px;
margin-top:10px;
}


.formstyle  {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	color:#666666;
	background-color:white;
	padding:2px;
	
}

.formstyleerror  {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	background-color:#F4ECEC;
	padding:2px;
	
}

.buttonstyle  {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	background-image:url(images/buttonBg2.gif);
	background-position:top;
	background-color:white;
	height:20px;
	width:80px;
	vertical-align:top;
}

#regomoreinfo{
width:72px;
padding-top:335px;
margin-left:260px;
}

#registerbg{
width:349px;
height:489px;
background-image:url(images/register_bg3.jpg);
background-repeat:no-repeat;
}

#regostart{
position:relative;
width:300px;
top:38px;
margin-left:30px;
}

.paddedsignin{
padding:5px;
text-align:center;
}

#recoverbg{
width:349px;
height:489px;
background-image:url(images/recover_bg.jpg);

}

#createaccountbg{
width:349px;
background-image:url(images/createaccount_bg.jpg);
background-repeat:no-repeat;
}

#createsucess{
width:349px;
background-image:url(images/createaccount_bg.jpg);
background-repeat:no-repeat;
height:489px;
}

.regoheading{
position:relative;
width:300px;
margin-left:25px;
top:55px;
text-align:center;
}

.regotext{
width:340px;
margin-left:7px;
}
		
.regospacer{
width:340px;
height:100px;
}
			
/* SIDE NAVIGATION */

#navtable {
padding-left:10px;
}

.clientbutton {
padding-top:6px;
padding-bottom:8px;
padding-left:12px;
cursor: auto;
background-image:url(images/navmenubg.jpg);
background-repeat:repeat-x;
text-align:left;
width:154px;
}

.clientbuttonactive {
padding-top:6px;
padding-bottom:8px;
padding-left:12px;
cursor: auto;
background-image:url(images/navmenubgactive.jpg);
background-repeat:repeat-x;
text-align:left;
width:154px;
}

.navigationrow {
padding-top:6px;
padding-bottom:8px;
padding-left:12px;
cursor: auto;
background-image:url(images/navmenubg.jpg);
background-repeat:repeat-x;
text-align:left;

}

.navigationrowover {
padding-top:6px;
padding-bottom:8px;
padding-left:12px;
cursor: auto;
background-image:url(images/navmenubgover.jpg);
background-repeat:repeat-x;
text-align:left;
cursor: pointer;
	cursor: hand;

}

.navigationrowover a{
	text-decoration: none;
	color: #93181D;
}


.navigationrowover a:hover{
	text-decoration: none;
	color: #93181D;
}

.capt{
text-transform:capitalize;
}
#spacer
{
	height:2px;
}
#nav7 {
padding-left:10px;
height:150px;
width:195px;
background-color:white;
border-right:1px #D9D9D9 solid;
border-left:1px #D9D9D9 solid;

}

#nav8 {
padding-left:10px;
height:50px;
width:195px;
background-color:white;
border-right:1px #D9D9D9 solid;
border-left:1px #D9D9D9 solid;

}

/* adbar */

#adbar
{
	float:right;
	width:175px;
	height:520px;
	background-image:url(images/advertising_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin-right:5px;
	background-color:#FFFFFF;
}

.adelement
{

text-align:center;
margin-top:10px;
margin-left:10px;
width:160px;
height:160px;

}






/* 2.1 ALL PAGES */


#sidebar {
	float:left;
	background-image: url(images/side_panel_bg.jpg);
	margin: 0px 0px 0px 0px;
	padding:0px;
	width: 207px;
}




dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

/* 3.1 Products table display */

.productbg{
width:170px;
height:236px;
background-image:url(images/product_bg.jpg);
background-repeat:no-repeat;
margin-left:7px;
margin-bottom:10px;
}

.productbghold{
width:170px;
height:236px;
background-image:url(images/product_bg_hold.jpg);
background-repeat:no-repeat;
margin-left:7px;
margin-bottom:10px;
}

.productbghome{
width:170px;
height:236px;
background-image:url(images/product_bg.jpg);
background-repeat:no-repeat;
margin-left:2px;
}

#ptitle{
position:absolute;
font-weight:bold;
text-align:right;
width:80px;
margin-left:70px;
}

#pprice{
position:absolute;
text-align:right;
width:150px;
margin-left:0px;
margin-top:90px;
color:#93181D;
font-size:11px;
}
.pricebig{
font-size:13px;
font-weight:bold;
}
#pdesc{

position:absolute;
width:150px;
height:60px;
margin-left:10px;
margin-top:120px;

}

#pmoreinfo{
position:absolute;
width:150px;
height:60px;
margin-left:15px;
margin-top:195px;
}

#pimage{
position:absolute;
width:80px;
height:80px;
margin-left:0px;
margin-top:5px;
}

#productdescription{
width:300px;

}

#adminprodimage{
width:215px;
float:right;
}

.prodoption{

padding-top:6px;
padding-bottom:8px;
background-image:url(images/prodoptionbg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.prodoptionheading{

padding-top:6px;
padding-bottom:8px;
background-image:url(images/prodoptionbg.jpg);
background-repeat:repeat-x;
font-weight:bold;
}

/* Invoice */

.invoicetax{
font-size:32px;
color:#000000;
}

/* Account summary */

#summarybg{
width:349px;
height:489px;
background-image:url(images/subscriber_bg.jpg);
}

#summarybg2{
width:349px;
height:489px;
background-image:url(images/employee_bg.jpg);
}

.scounter{
font-size:50px;
color:#333333;
padding-bottom:20px;
text-align:center;
}

.scounter2{
font-size:50px;
color:#FFFFFF;
padding-bottom:20px;
text-align:center;
}

.scounter a{
color:#333333;
}

.scounter2 a{
color:#FFFFFF;
}


.s1{
position:absolute;
width:158px;
top:100px;
left:235px;
}

.s2{
position:absolute;
width:158px;
top:100px;
left:405px;
}

.s3{
position:absolute;
width:158px;
top:260px;
left:235px;
}

.s4{
position:absolute;
width:158px;
top:260px;
left:405px;
}

.s5{
position:absolute;
width:158px;
top:425px;
left:235px;
}

.s6{
position:absolute;
width:158px;
top:425px;
left:405px;
}


