/*************** COLOUR SETTINGS *************/
/*top br bg image */
#top{
	background-image: url('images/top_bg.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	height: 170px;
	position: absolute;
	width: 100%;
    top: 0px;
    left: 0px;
}
/*company logo */
#realLogo{
    background-image: url('images/realLogo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 175px;
    height: 85px;
    position: absolute;
    top: 11px;
    left: 9px;
}
/*company logo bg */
#logo{
    background-position: left top;
    height: 112px;
    width: 195px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
    background-image: url('images/logo.jpg');
    background-repeat: no-repeat;
}
/*address bg and text colour */
#leftColumn{
    background-position: center top;
    width: 180px;
    float: left;
    height: 163px;
    left: 7px;
    background-image: url('images/address-bg.jpg');
    z-index: 500;
    background-repeat: no-repeat;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    position: absolute;
    top: 231px;
    padding-top: 10px;
}
/*set slogan colour and size */
#headerText{
    height: 14px;
    width: 553px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #2751b3;
    text-decoration: none;
    font-weight: bolder;
    position: absolute;
    top: 33px;
    left: 207px;
    right: 10px;
}
/*left column colour (top half) */
#searchBox{
    background-image: url('images/search-box.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    height: 252px;
    width: 193px;
    position: absolute;
    top: 104px;
    left: 0;
    z-index: 100;
    text-align: center;
    background-color: #e0016b;
}
/*left column colour (bottom half) and left column base image */
#content{
    width: 770px;
    background-color: #e0016b;
    background-image: url( 'images/left-bottom-image.jpg' );
    background-repeat: no-repeat;
    background-position: left bottom;
    vertical-align: middle;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 100;
    float: left;
}
/*colour of address text on left column */
.style3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
/*colour of page titles */
h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 8px;
}
/*************** COLOUR SETTINGS END *************/



/********* MAIN BODY STYLES *********/
html {
	min-height: 100%;
	height: auto;
	margin-bottom: 1px;
	margin-top:0px;
}

body
{
    margin-top:0px;
    margin: 0px;
    padding: 0px;
}

h2{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    top: 43px;
    left: 4px;
}

h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    margin: 0px;
}

h4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

h5
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

p
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

.style1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}

.style2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.style4
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}

.style5
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

li
{
    list-style: none;
    display: inline;
    padding-right: 5px;
    margin: 0px;
    vertical-align: top;
}

ul
{
    margin: 0px;
    padding: 0px;
    z-index: 500;
}

a:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
    display: list-item;
    margin: 0px;
    list-style-type: none;
}

a:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000066;
    text-decoration: underline;
    display: list-item;
    margin: 0px;
    list-style-type: none;
}
a:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: underline;
    display: list-item;
    margin: 0px;
    list-style-type: none;
}
a:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000066;
    text-decoration: underline;
    display: list-item;
    margin: 0px;
    list-style-type: none;
}
/********* MAIN BODY STYLES END *********/



/******* MAIN HEADER IMAGE ********/
#headAdd{
    padding: 0px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    position: absolute;
    left: 191px;
    top: 149px;
    z-index: 0;
    text-align: right;
}
/******* MAIN HEADER IMAGE END ********/



/********* HEADER SETTINGS *********/

#header{
    height: 349px;
    width: 770px;
    background-position: center;
    vertical-align: middle;
    text-align: left;
    margin-top: 0px;
    margin-left: -385px;
    position: absolute;
    margin-bottom: 0px;
    left: 50%;
    top: 25px;
    z-index: 100;
    bottom: 52px;
}

/* flash nav positioning */
#mainLinks{
    position: absolute;
    width: 560px;
    height: 45px;
    top: 66px;
    left: 202px;
}
/* flash nav positioning end */

/*main sub links*/
#subLinks
{
    position: absolute;
    top: 116px;
    left: 200px;
    width: 566px;
    text-align: justify;
}

a.main:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    font-weight: bold;
}
a.main:visited {
   font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    font-weight: bold;
   
}
a.main:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    font-weight: bold;
}
a.main:active {
   font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    font-weight: bold;
}
/* main sub links end */

#affiliateLogo
{
    background-image: url('images/cprint-logo.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 56px;
    width: 100%;
}

/* Login area */
.button
{
    border: 0PX;
    background-image: url( 'images/button-bg.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    font-size: xx-small;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.button:hover
{
    border: 0PX;
    background-image: url(  'images/button-bg2.jpg' );
    background-repeat: no-repeat;
    background-position: center center;
    font-size: xx-small;
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
}
/* Login area end */

/* white email link on black address bg*/
a.white:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
    margin: 0px;
    list-style-type: none;
}

a.white:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
    margin: 0px;
    list-style-type: none;
}
a.white:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-decoration: underline;
    margin: 0px;
    list-style-type: none;
}
a.white:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
    margin: 0px;
    list-style-type: none;
}
/* white email link on black address bg end*/

/********* HEADER SETTINGS END *********/



/********* FOOTER *********/
#holder{
    width: 770px;
    vertical-align: middle;
    text-align: left;
    margin-top: 0px;
    margin-left: -385px;
    position: absolute;
    margin-bottom: 0px;
    left: 50%;
    top: 379px;
    z-index: 100;
}

#footer
{
    padding: 7px;
    background-position: left top;
    background-image: url('images/footer.jpg');
    float: left;
    z-index: 300;
    width: 800px;
    height: 93px;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-bottom: 8px;
}

a.footer:link
{
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url('images/bullet-point.jpg' );
    background-repeat: no-repeat;
    padding-left: 5px;
    display: inline;
}
a.footer:visited {
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url('images/bullet-point.jpg' );
    background-repeat: no-repeat;
    padding-left: 5px;
    display: inline;
}
a.footer:hover
{
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-decoration: none;
    background-image: url('images/bullet-point.jpg' );
    background-repeat: no-repeat;
    padding-left: 5px;
    display: inline;
}
a.footer:active 
{
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-decoration: none;
    background-image: url('images/bullet-point.jpg' );
    background-repeat: no-repeat;
    padding-left: 5px;
    display: inline;
}



/********* FOOTER END *********/



/********* LINK STYLES  *********/

/* case studies, staff, FAQ, services, category link style */ 
a.faq:link
{
    background-image: url('images/services_link_bg.jpg' );
    background-repeat: repeat-x;
    background-position: bottom;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #a5a5a5;
    line-height: 15px;
    padding-bottom: 3px;
}

a.faq:visited
{
    background-image: url(  'images/services_link_bg.jpg' );
    background-repeat: repeat-x;
    background-position:bottom;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #a5a5a5;
    line-height: 15px;
    padding-bottom: 3px;
}

a.faq:hover
{
    background-image: url( 'images/services_link_arrow.jpg' );
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #666666;
    line-height: 15px;
    padding-bottom: 3px;
}

a.faq:active
{
    background-image: url( 'images/services_link_arrow.jpg' );
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #666666;
    line-height: 15px;
    padding-bottom: 3px;
}
/* case studies, staff, FAQ, services, category link style end */ 


/* side tick style links*/
a.ticks:link
{
    margin: 0px;
    background-position: left top;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    list-style-type: none;
    background-image: url( 'images/tick2.jpg' );
    background-repeat: no-repeat;
    padding-left: 50px;
    font-weight: bolder;
    text-align: left;
    height: 40PX;
    width: 129px;
    padding-top: 10px;
}

a.ticks:visited
{
    margin: 0px;
    background-position: left top;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    list-style-type: none;
    background-image: url('images/tick2.jpg' );
    background-repeat: no-repeat;
    padding-left: 50px;
    font-weight: bolder;
    text-align: left;
    height: 40PX;
    width: 129px;
    padding-top: 10px;
}
a.ticks:hover
{
    margin: 0px;
    background-position: left top;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    list-style-type: none;
    background-image: url(     'images/tick1.jpg' );
    background-repeat: no-repeat;
    padding-left: 50px;
    font-weight: bolder;
    text-align: left;
    height: 40PX;
    width: 129px;
    padding-top: 10px;
}
a.ticks:active
{
    margin: 0px;
    background-position: left top;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    list-style-type: none;
    background-image: url( 'images/tick2.jpg' );
    background-repeat: no-repeat;
    padding-left: 50px;
    font-weight: bolder;
    text-align: left;
    height: 40PX;
    width: 129px;
    padding-top: 10px;
}
/* side tick style links*/

a.PageObjectTools:link
{

    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 570px;
    position: absolute;
    top: 9px;
    width: 150px;
}

a.PageObjectTools:visited 
{

    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 570px;
    position: absolute;
    top: 9px;
    width: 150px;
    height: 13px;
}

a.PageObjectTools:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #66CCFF;
    text-decoration: none;
    left: 570px;
    position: absolute;
    top: 9px;
    width: 150px;
    height: 13px;
}

a.PageObjectTools:active 
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 570px;
    position: absolute;
    top: 9px;
    width: 150px;
    height: 13px;
}

/* dummy link for pages */
a.fool:link
{
    text-decoration: none;
}
a.fool:visited 
{
    text-decoration: none;
}
a.fool:hover
{
    text-decoration: none;
}
a.fool:active 
{	
    text-decoration: none;
}
/* dummy link for pages end */


/********* LINK STYLES END  *********/



/******** PAGE LAYOUT STYLES ********/

#spacer
{
    z-index: 500;
    vertical-align: top;
    float: left;
    margin-top: 40px;
    margin-left: 5px;
}

#contentContainer
{
    width: 577px;
    float: right;
}
#spacer2
{
    width: 577px;
    float: right;
    height:15px;
}

#indexContentImages
{
    width: 366px;
    background-position: left top;
    background-color: White;
    float: left;
    padding-left: 6px;
    padding-right: 5px;
    margin-bottom: 6px;
    margin-right: 8px;
    text-align: justify;
    
}
#indexContentImages h1
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left:0px;

}
#indexContentImages a:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}

#indexContentImages a:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}
#indexContentImages a:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}
#indexContentImages a:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}

#sideAdds
{
    width: 185px;
    float: left;
    text-align: center;
}

#aboutContent
{
    padding-left: 8px;
    padding-bottom: 8px;
    text-align: justify;
}
#aboutContent h1
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left:0px;

}
#aboutContent a:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}

#aboutContent a:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}
#aboutContent a:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}
#aboutContent a:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    text-decoration: underline;
    display: inline;
    margin: 0px;
    list-style-type: none;
}

.testimonial
{
    float: left;
    width: 565px;
    margin-left:6px;
}
/******** PAGE LAYOUT STYLES END ********/



/********* PUBLISH PAGE *********/
#publish
{
    padding: 0px 0px 0px 5px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    margin: 0px;
    position: absolute;
    left: 186px;
    top: 139px;
    z-index: 0;
    text-align: left;
    height: 211px;
}

#publishl
{
    float: left;
    width: 562px;
    height: 178px;
    text-align: left;
    padding-left: 15px;
}

#publishInstructions
{
    background-image: url('images/publish-image.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 10px;
    margin-top: 4px;
    padding-left: 220px;
    height: 150px;
}

#publishButton
{
    margin-left: 10px;
    margin-top: 4px;
}

a.accordion1:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #0066FF;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion1:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #0066FF;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion1:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #003399;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion1:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #003399;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion2:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC9900;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion2:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC9900;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion2:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC6600;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion2:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC6600;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion3:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #009933;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion3:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #009933;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion3:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #006600;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion3:active
{
 font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #006600;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion4:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC0000;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion4:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #CC0000;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion4:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #990000;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion4:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #990000;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion5:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #6600FF;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.accordion5:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #6600FF;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion5:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #3333CC;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.accordion5:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #3333CC;
    width: 549px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

/********* PUBLISH PAGE END *********/



/********* FAQ PAGE STYLES *********/
.faqanswer
{
    margin: 0px 0px 2px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-align: justify;
    display: block;
}

a.faqquestion:link
{
    margin: 0px 0px 7px 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0033CC;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    list-style-type: circle;
    list-style-position: outside;
    vertical-align: middle;
    text-align: justify;
}

a.faqquestion:visited
{
    margin: 0px 0px 7px 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0033CC;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    list-style-type: circle;
    list-style-position: outside;
    vertical-align: middle;
    text-align: justify;
}

a.faqquestion:hover
{
    margin: 0px 0px 7px 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC0000;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    list-style-type: circle;
    list-style-position: outside;
    vertical-align: middle;
    text-align: justify;
}

a.faqquestion:active
{
    margin: 0px 0px 7px 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0033CC;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    list-style-type: circle;
    list-style-position: outside;
    vertical-align: middle;
    text-align: justify;
}

/********* FAQ PAGE STYLES END *********/



/********* SHOP PAGE *********/
/* category container */
#Shop
{
    padding: 0px 0px 0px 5px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    margin: 0px;
    position: absolute;
    left: 186px;
    top: 139px;
    z-index: 0;
    text-align: left;
    height: 211px;
}

#ShopTopBar
{
    float: left;
    width: 579px;
    height: 32px;
    background-color: #726e6f;
    text-align: left;
}

#ShopTopBar h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 8px;
    float: left;
}

#ShopTopBar h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #afddff;
    margin-top: 8px;
    float: left;
    margin-left: 2px;
}

#ShopPanel
{
    float: left;
    width: 562px;
    height: 178px;
    text-align: left;
    padding-left: 15px;
}

#ShopPanel h1
{
    padding: 0px;
    margin: 8px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #003961;
    height: 15px;
    width: 556px;
} 

#ShopDivideLine
{
    float: right;
    width: 572px;
    height: 2px;
    background-color: #012f50;
}
/* category container end */

/* product styles */
.ProductContainer
{
    float: left;
    width: 551px;
}

.Product
{
    float: left;
    width: 550px;
    background-image: url( 'images/product_bg.jpg' );
    background-repeat: no-repeat;
}

.ProductPic
{
    padding: 5px;
    float: left;
    width: 143px;
    height: 100px;
    margin-top: 10px;
    margin-left: 15px;
    background-image: url('images/product_picbg.jpg');
    background-repeat: no-repeat;
}

.ProductDescription
{
    float: left;
    width: 340px;
    height: 94px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.ProductDescription h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 3px;
    float: left;
}

.ProductDescription h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #003366;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 3px;
    float: left;
    width: 330px;
    height: 65px;
}
#ProductTitle
{
    float: right;
    width: 572px;
    height: 49px;
}

#ProductTitle h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #706e6f;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 10px;
    float: left;
}

#ProductTitle h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #706e6f;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 3px;
    float: left;
}

#ProductTitle h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #706e6f;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    width: 473px;
    font-weight: bold;
}

.AddToShop
{
    width: 301px;
    height: 58px;
    background-image: url(  'images/shopping-basket_button.jpg' );
    z-index: 300;
    float: right;
    margin-top: 0px;
    background-repeat: no-repeat;
}
.AddToShop h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #706e6f;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 80px;
    float: left;
    cursor: pointer;
}

.Configure
{
    width: 301px;
    height: 58px;
    background-image: url( 'images/configure_button.jpg' );
    background-repeat: no-repeat;
    z-index: 300;
    float: right;
    margin-top: 0px;
}

.Configure h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #706e6f;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 80px;
    float: left;
    cursor: pointer;
}

.price
{
    width: 243px;
    height: 30px;
    background-image: url('images/shop_price_bg.jpg');
    z-index: 300;
    float: left;
    background-repeat: no-repeat;
    padding-top: 10PX;
    padding-left: 5PX;
}
/* product styles end */

/* top category link style */
a.staff:link
{
    margin: 0px;
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
    text-decoration: none;
    background-image: url( 'images/shopCategory-arrow.gif' );
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
}

a.staff:visited
{
    margin: 0px;
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
    text-decoration: none;
    background-image: url( 'images/shopCategory-arrow.gif' );
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
}
a.staff:hover
{
    margin: 0px;
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    background-image: url( 'images/shopCategory-arrow2.gif' );
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
}
a.staff:active
{
     margin: 0px;
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
    text-decoration: none;
    background-image: url( 'images/shopCategory-arrow.gif' );
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
}
/* top category link style end */

/* logout link style*/
a.logout:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 500px;
    position: absolute;
    top: 9px;
    width: 80px;
    height: 13px;
}
a.logout:visited {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 500px;
    position: absolute;
    top: 9px;
    width: 80px;
    height: 13px;
}
a.logout:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #66CCFF;
    text-decoration: none;
    left: 500px;
    position: absolute;
    top: 9px;
    width: 80px;
    height: 13px;

}
a.logout:active 
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    left: 500px;
    position: absolute;
    top: 9px;
    width: 80px;
    height: 13px;
}
/* logout link style*/

/********* SHOP PAGE END ********/



/********* CMS PAGE STYLES ********/

#UpdatePagesPanel
{
    float: left;
    width: 562px;
    height: 178px;
    text-align: left;
    padding-left: 5px;
}

#cms-top
{
    float: left;
    width: 570px;
    background-color: #FFFFFF;
    margin: 0px;
    z-index: 0;
    text-align: left;
    padding-top: 5px;
    padding-left: 8px;
}

#cms    
{
    padding: 0px 0px 0px 5px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    margin: 0px;
    position: absolute;
    left: 186px;
    top: 139px;
    z-index: 0;
    text-align: left;
    height: 211px;}

#cms-top h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 5px;
}

/* image library styles */
#library-top 
{ 
    padding: 0px 0px 0px 5px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    margin: 0px;
    position: absolute;
    left: 186px;
    top: 139px;
    z-index: 0;
    text-align: left;
    height: 211px;
    } 

#library-button-bg
{
    background-image: url('images/image-library-button-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
    margin-left: 8px;
}
    
#library-button-bg h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#library-button-bg h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

/* for create page button on cms index pages */
#cmsCreate
{
    background-image: url('images/image-library-button-create.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
    margin-left: 8px;
}
    
#cmsCreate h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#cmsCreate h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

/* for cms create page button on create site options page */
#cmsCreate2
{
    background-image: url('images/image-library-button-create.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;

}
    
#cmsCreate2 h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#cmsCreate2 h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

#cmsUpdate
{
    background-image: url('images/image-library-button-update.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
    margin-left: 8px;
}

#cmsUpdate2
{
    background-image: url('images/image-library-button-update.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
}

#cmsUpdate2 h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#cmsUpdate2 h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}
    
#cmsUpdate h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#cmsUpdate h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

/* testimonial button on cms index page*/
#cmsTestimonial
{
    background-image: url('images/image-library-button-testimonials.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
    margin-left: 8px;
}

#cmsTestimonial2 h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

#cmsTestimonial h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

/* for the adding testimonial page, not cms index page*/
#cmsTestimonial2
{
    background-image: url('images/image-library-button-testimonials.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
}

#cmsTestimonial2 h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}
    
#cmsTestimonial h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

/* for the cms admin page, not cms index page*/
#cmsAdmin
{
    background-image: url('images/image-library-button-admin.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 90px;
    width: 570px;
    margin-left: 8px;
}
    
#cmsAdmin h5
{
    margin-left: 150px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

#cmsAdmin h4
{
    margin-left: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

.pageOptions
{
    padding: 5px;
    margin-left: 14px;
    background-color: #80c1ed;
    margin-bottom: 15px;
    float: left;
    width: 550px;
}

#image-upload
{
    float: left;
    background-color: #C0C0C0;
    margin-left: 8px;
    margin-top: 5px;
    width: 566px;
    height: 85px;
    padding-left: 5px;
    padding-top: 5px;
}

#image-upload h5
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    margin-top: 0px;
}

.upload
{
    width: 400px;
}

#image-library
{
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 100px;
}

#greyBG
{
    background-color: #CCCCCC;
    margin-left: 8px;
    margin-top: 5px;
    padding-bottom: 20px;
    padding-top: 5px;
}

#cms-content
{
    background-position: left top;
    padding-left: 109px;
    background-image: url( 'images/about.jpg' );
    background-repeat: no-repeat;
    padding-bottom: 8px;
    }
    
.UpdateGreyBG
{
    padding: 3px;
    border: 1px solid #333333;
    background-color: #dddddd;
    margin-left: 7px;
    float: left;
    width: 555px;
    margin-bottom: 15px;
}

#UpdatePageButton
{
    margin-top: 4px;
    float: left;
    padding-left: 5px;
    padding-bottom: 5px;
}

/********* CMS PAGE STYLES ********/



/******** DESIGNER PAGE ********/
#DesignerTopBar
{
    float: left;
    width: 100%;
    height: 32px;
    background-color: #726e6f;
    text-align: left;
}

#DesignerTopBar h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 8px;
    float: left;
}

#DesignerTopBar h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #afddff;
    margin-top: 8px;
    float: left;
    margin-left: 2px;
}

.ajax__tab_body
{
    padding: 0px;
    margin: 0px;
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(images/designer_gradientbg.jpg) repeat-x bottom;
}

/* Ian stuff */
/* AutoComplete flyout */
.autocomplete_completionListElement 
{  
      visibility : hidden;
      margin : 0px!important;
      background-color : inherit;
      color : windowtext;
      border : buttonshadow;
      border-width : 1px;
      border-style : solid;
      cursor : 'default';
      overflow : auto;
      height : 40px;
      text-align : left; 
      list-style-type : none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
      background-color: #ffff99;
      color: black;
      padding: 10px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
      background-color : window;
      color : windowtext;
      padding : 10px;
}
/* Ian stuff end */


/******** DESIGNER PAGE END ********/

/* CLIENTS PAGE */
#accordion
{
    margin-left: 12px;
    float: left;
    margin-bottom: 10px;
    width: 555px;
}

#accordion2
{
    margin-left: 6px;
    float: left;
    margin-bottom: 10px;
    width: 561px;
}

.clients
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
}

.clientsJob
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size: 10px;
    padding-right: 6px;
}

.clientJobImage
{
    border: 3px solid #CCCCCC;
}

a.clients:link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #808080;
    width: 555px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}

a.clients:visited
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #808080;
    width: 555px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.clients:hover
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #666666;
    width: 555px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
a.clients:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: #666666;
    width: 555px;
    height: 30px;
    padding-top: 9px;
    padding-left: 5px;
}
/* CLIENTS PAGE END */


/* SHOPPING BASKET PAGE */

 

.Shop_topBar
{
    background-color: #C0C0C0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    width: 560px;
    height: 15px;
    float: left;
}

 

.Shop_content
{
    background-position: left bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    width: 560px;
    float: left;
    background-repeat: repeat;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 20px;
    padding-bottom: 5px;
    background-color: #E4E4E4;
}

 
a.shopLink:link, a.shopLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    color: #0000FF;
}

 

a.shopLink:hover, a.shopLink:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    color: #003399;
}

 

.shoppingDetails
{
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    margin-right: 10px;
    text-align:right;
}

 

.continue
{
    float: left;
    margin-right: 15px;
}

.checkout
{
    float: left;
}

 

/* SHOPPING BASKET PAGE END */



/************** SUMMARY OF ORDER PAGE START**************/

 
.BillingAddress
{
    float: left;
    margin-right: 10px;
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

 

.DeliveryAddress
{    
    float: left;
    margin-right: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;  
}

 

.SummaryDivide
{
    background-position: left center;
    float: left;
    width: 563px;
    height: 15px;
    background-image: url( 'images/shopping_basket_divideline.jpg' );
    background-repeat: repeat-x;

}

 

a.PayButton:link, a.PayButton:visited
{
    background-image: url(      'images/order_button.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 168px;
    height: 21px;
    padding-left: 100px;
    padding-top: 7px;
}

 

a.PayButton:hover, a.PayButton:active
{
    background-image: url(   'images/order_button2.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 168px;
    height: 21px;
    padding-left: 100px;
    padding-top: 7px;
    color: #000099;
}

 
/************** END SUMMARY OF ORDER PAGE START**************/

/************** FILES PAGE START**************/
.FileItem
{
    padding: 5px;
    float: left;
    width: 143px;
    height: 100px;
    margin-top: 10px;
    margin-left: 15px;

}
a.FileItem:Link
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0000ff;
    text-decoration: underline;
    display: list-item;
    margin: 0px;
    list-style-type: none;
}
.FileProduct
{
    float: left;
    width: 550px;
    background-image: url( 'images/Fileproduct_bg.jpg' );
    background-repeat: no-repeat;
}

/************** END FILES PAGE**************/


/*Modal Popup*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}