@charset "utf-8";
/*************** COLOUR SETTINGS *************/
/*top bar 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: #B50505;
    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: #d9282b;
}
/*left column colour (bottom half) and left column base image */
#content{
    width: 770px;
    background-color: #d9282b;
    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;
}
h6{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 8px;
}
.InlineHeading{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 6px;

}

/*************** 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: 11px;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}
.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 *************/

/*************** RICHIE STYLES *************/
/*
#contentContainer a 
{
	color:#000;
	font-weight:bold; 
	font-style: italic; 
	text-decoration:none;
}

 

#contentContainer a:hover 
{
	text-decoration:underline;
}
*/
#indexContentImages ul
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:8px;
}

#indexContentImages ul li
{
	font-weight: bold; 
	font-style: italic; 
	text-decoration:none;
	display:list-item;

}
#indexContentImages ul li:hover 
{
	text-decoration:underline;
	display:list-item;
}

#indexContentImages a 
{
	color:#000000; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration:none;
	display: inline;
}
#indexContentImages li a 
{
	color:#00007f; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration:none;
	display: inline;
}

 

#indexContentImages a:hover 
{
	text-decoration:underline;
	display: inline;
}


/*************** RICHIE STYLES END *************/

/*************** MAIN HEADER IMAGE *************/
#headAdd{
    padding: 0px;
    float: left;
    width: 578px;
    background-color: #FFFFFF;
    margin: 0px;
    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, 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, 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, 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, a.white:active
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-decoration: underline;
    margin: 0px;
    list-style-type: none;
}
/* white email link on black address bg end*/

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

/*************** FOOTER SETTINGS *************/
#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, 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, 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;
}
#mppLogo{
    background-image: url( 'images/mpp.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    float: right;
    width: 207px;
    height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    padding-left: 95px;
    margin-top: 15px;
}
/*************** FOOTER SETTINGS END *************/

/***********************  LINK STYLES **********************/
/* casestudies, staff, services, faq category link styles */
a.faq:link, 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, 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;
}
/* casestudies, staff, services, faq category link styles end */

/* tick links styles */
a.ticks:link, 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, a.ticks:active
{
    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;
}
/* tick links styles end */

/* dummy link style for pages */
a.fool:link, a.fool:visited, a.fool:hover, a.fool:active
{
    text-decoration: none;
}
/* dummy link style 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;
}
#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{
    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 ul li
{
    list-style-type: disc;
    list-style-position: outside;
    display: block;
    margin: 0px 0px 7px 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
}
#sideAdds{
    width: 185px;
    float: left;
    text-align: center;
}
#aboutContent{
    padding-left: 8px;
    padding-bottom: 8px;
	text-align: justify;
}
.testimonial{
    float: left;
    width: 565px;
	margin-left: 6px; 
}
/*************** PAGE LAYOUT STYLES END *************/

/*************** PUBLISH PAGE SETTINGS *************/
#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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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 SETTINGS END *************/

/*************** FAQ PAGE STYLES END *************/
.faqanswer{
    margin: 0px 0px 2px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-align: justify;
    display: block;
}
.faqanswer a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#000000; 
    font-weight: bold; 
    font-style: italic; 
    text-decoration:none;
    display: inline;
}
.faqanswer a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration:underline;
    display: inline;
}
a.faqquestion:link, 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, a.faqquestion:active
{
    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;
}
/*************** FAQ PAGE STYLES END *************/

/*************** SHOP PAGE STYLES *************/
/* 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;
}
.ConfigureQ{
    width: 301px;
    height: 58px;
    background-image: url( 'images/proceed_button.jpg' );
    background-repeat: no-repeat;
    z-index: 300;
    float: right;
    margin-top: 0px;
}
.ConfigureQ 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, 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, a.staff:active
{
    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.staff2:link, a.staff2:visited
{
    margin: 0px;
    background-position: left center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000066;
    font-weight:bold;
    text-decoration: none;
    background-image: url( 'images/shopCategory-arrow.gif' );
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
}

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

/* logout link style end */
a.logout:link, 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, a.logout:active 
{
    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;

}
/* logout logout style end */

/*************** SHOP PAGE STYLES 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 STYLES *************/
#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: 0px;
    display: list-item;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color : window;
    color : windowtext;
    padding : 0px;
    display: list-item;
}

/*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;
}

/* Ian stuff end */

/*************** DESIGNER PAGE STYLES 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, 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, 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 *************/

/************** 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**************/

/* 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;
}

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

.checkout{
    float: left;
}
/* SHOPPING BASKET PAGE END */

a.welsh:link, a.welsh:visited, a.welsh:active
{
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 170px;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
a.welsh:hover{
    margin:0px;
    padding:0px;
    display: inline;
    width:170px;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

/************** 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**************/