@charset "utf-8";
html { padding:0; margin:0;}

BODY
{
    padding:0;
	margin:0;
	background-color: #fff;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	font-weight: normal;
}

H1, H2, H3, H4, H5, H6 {font-family: Arial, sans-serif;}

/* ________________________________ Bits for everyone ________________________________ */
.clr { clear:both; padding:0; margin:0;}

A:link{TEXT-DECORATION: none;color: #56004e;font-weight:normal;}
A:visited{TEXT-DECORATION: none;color: #56004e;font-weight:normal;}
A:active{TEXT-DECORATION: none;color: #56004e;font-weight:normal;}
A:hover{TEXT-DECORATION: underline;color: #56004e;font-weight:normal;}

H1, H2 {
	margin: 0 0 12px 0;
	font-weight:normal;
	font-size:22px;
}	
H3 {
	margin: 14px 0 8px 0;
	font-weight:normal;
	font-size:18px;
}
H4 {
	margin: 0 0 12px 0;
	font-weight:normal;
	font-size:18px;	
}
P {
	margin: 0 22px 12px 0;	
}

.imgfloatleft {
	float:left; 
	margin:2px 10px 0 10px;
}
.imgfloatright{
	float:right; 
	margin:20px 10px 0 18px;
}
.shopimgright {
	float:right; 
	margin:0;
	padding:0;
}

#loading{
	height:570px;
	width:930px;
	margin:0 auto;
	background-image:url(img/loading.gif);
	background-repeat:no-repeat;
	background-position:347px 166px;
	text-align:center;
	z-index:0 !important;
}
#album-6, #album-7, #album-8 {
	z-index:-9999;	
}

/* ________________________________ The top bit for the header ________________________________ */
#topcontain {
	width:100%;
	background-color:#fff;
	height:166px;
	background-image:url(img/grad-bg.gif);
	background-repeat:repeat-x;
}
#top {
	width:980px;
	margin:0 auto;
	height:166px;
	background:url(img/the-colman-group.png) no-repeat;
}
#top P {
	float:right;
	font-weight:bold;
	margin-top:28px;
	color:#024084;
}
#top H2.header {
	width:754px;
	height:166px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/the-colman-group.png) no-repeat;
	display:block;
	padding:0;
	margin:0;
	float:left;
}



/* ________________________________ The nav bit for the navigation ________________________________ */
#navcontain {
	width:100%;
	background-color:#024084;
	height:36px;
}
#nav {
	width:980px;
	margin:0 auto;
}


/* ________________________________ The cont bit for the main content ________________________________ */
H1.colmanprint {
	width:139px;
	height:70px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/title-colman-print.gif) no-repeat;
	display:block;
	padding:0;
	margin:8px 0 18px 0;
}
H1.colmanwholesale{
	width:180px;
	height:68px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/title-colman-wholesale.gif) no-repeat;
	display:block;
	padding:0;
	margin:8px 0 18px 0;
}
H1.stationerystop {
	width:183px;
	height:110px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/title-the-stationery-stop.gif) no-repeat;
	display:block;
	padding:0;
	margin:8px 0 18px 0;
}
H1.owlbrand {
	width:172px;
	height:70px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/title-owl-brand-stationery.gif) no-repeat;
	display:block;
	padding:0;
	margin:8px 0 18px 0;
}
H1.contactus {
	width:189px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/title-contactus.gif) no-repeat;
	display:block;
	padding:0;
	margin:8px 0 18px 0;
}
#contcontain {
	width:100%;
	background-color: #fbfbfb;
}
#cont {
	width:980px;
	margin:0 auto 0 auto;
	padding-top:16px;
	padding-bottom:28px;
	background-color: #fbfbfb;
}
#theatre {
	width:930px;
	margin:0 auto;	
	z-index:0;
}
#shoptab, .toptab {
	margin-top:8px;
}
.secondtab {
	margin-top:18px;
	margin-bottom:14px;
}
.secondtab FORM { padding:0; margin:0 }

#shoptab P {
	margin-right:0;	
}
.down18 {
	margin-top:18px;	
}
#big-quotebox{
	width:320px;
	background:url(img/bg-quotebox-mid.gif) repeat-y;
	margin: 4px 0 10px 0;
	color:#56004e;
}
.big-quotebox-holder{background:url(img/bg-quotebox-top.gif) no-repeat;}
.big-quotebox-frame{
	background:url(img/bg-quotebox-bot.gif) no-repeat 0 100%;
	padding:32px 8px 12px 30px;
}
#big-quotebox P {
	font-size:12px;
	font-style:normal;
}
#big-quotebox P.quote {
	font-size:12px;
	font-style:italic;
	line-height:16px;
	margin-bottom:6px;
}

#votebox {
	background-color:#56004e;	
	color:#ffffff;
	width:320px;
	margin-top:10px;
	margin-bottom:10px;
	cursor: hand; cursor: pointer;
}
.votebox-frame{
	padding:12px;
}

#votebox H2 {
	font-size:20px;
	line-height:24px;	
	margin-bottom:0;
}
#votebox P {
	
}
#gallerylink{
	width:320px;
	background-color:#56004e;
	margin: 4px 0 10px 0;
	color:#fff;
	cursor: hand; cursor: pointer;
}
.gallerylink-holder{}
.gallerylink-frame{
	background:url(img/gallerylink.png) no-repeat 0 100%;
	padding:8px 8px 18px 12px;
}

#gallerylink H2 {
	line-height:24px;	
	margin-bottom:0;
}
#gallerylink P {
	
}

/* ________________________________ The bit for the columns ________________________________ */
#colcontain {
	width:100%;	
	background-color:#ffffff;
	padding-bottom:12px;
}
#col {
	width:980px;
/*	background-image:url(img/lines4col.gif);*/
	margin:0 auto;
}
#colhr {
	width:930px;
	height:2px;
	background-image:url(img/colhr.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0 auto;
	padding: 8px 0 8px 0;
}
#col1, #col2, #col3, #col4 {
	width:245px;
	float:left;
	margin:0 0 0 0;
}
/*#col1 H2, #col1 H3 {
	margin: 0 18px 8px 0px !important; 
	font-weight:normal;
}
#col1 P {
	margin: 0 18px 8px 0px !important;
}*/
/*#col2 H2, #col2 H3 {
	margin: 0 18px 8px 18px !important; 
	font-weight:normal;
}
#col2 P {
	margin: 0 18px 8px 18px !important;
}*/

/*#col3 H2, #col3 H3 {
	margin: 0 0 8px 18px !important; 
	font-weight:normal;
}
#col3 P {
	margin: 0 0 8px 18px !important;
}*/
/*#col1 UL {
	margin-top: 0px;
	padding-left:15px;
}
#col1 UL LI {
	margin-right: 30px;
	margin-left: 0px;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}
#col2 UL {
	margin-top: 0px;
	padding-left:33px;
}
#col2 UL LI {
	margin-right: 30px;
	margin-left: 0px;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}
#col3 UL {
	margin-top: 0px;
	padding-left:33px;
}
#col3 UL LI {
	margin-right: 30px;
	margin-left: 0px;
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}*/
.fade1, .fade2, .fade3 { position:relative; width:102px; height:118px; margin: 3px auto 0 auto; }
.fade1 img, .fade2 img, .fade3 img { position:absolute; left:0; top:0; }

#boxpurple1, #boxpurple2, #boxpurple3 {
	width:286px;
/*	height:152px;*/
	background-color:#dedcdd;
	color:#56004e;
	padding-top:10px;
	padding-bottom:10px;
}
#boxpurple1 {
	margin: 14px 18px 8px 0px !important;
}
#boxpurple2 {
	margin: 14px 18px 8px 18px !important;
}
#boxpurple3 {
	margin: 14px 0 8px 18px !important;
}
#boxpurple1 P, #boxpurple2 P, #boxpurple3 P {
	margin: 0 6px 8px 0 !important;
	line-height:16px;
}
#smallmap {
	height: 200px;	
	width:270px;
}

/* ________________________________ The foot bit for the footer ________________________________ */
#footcontain {
	width:100%;	
	background-color:#024084;
	height:44px;
	padding-top:6px;
}
#foot {
	width:980px;
	margin:0 auto 0 auto;
}
#foot P {
	color:#fff;
	font-size:11px;
	line-height:14px;
	margin:5px 0 0 22px;
	float:left;
	}
#foot P.rt {
	margin:5px 22px 0 0;
	float:right;	
}

/* ________________________________ The eform bit for the forms ________________________________ */

#eform { margin:0; padding:5px 10px;}
/* #eform * { color:#F00;} */
#eform ol { margin:0 0 0 50px; padding:0; list-style:none;}
#eform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#eform li.buttons { margin:5px 0 5px 0;}
#eform label { margin:0; width:450px; display:block; padding:16px 0 0 0; color:#024084; font: 18px/22px Arial, sans-serif;}
#eform label span { font: 14px/20px 'MuseoSans500', Arial, sans-serif;color:#56004e;}
#eform checkbox { margin:4px 0 0 0; }
#eform input.text { width:450px; border:1px solid #aaa; margin:4px 0 0 0; padding:4px 4px; height:32px; background:#fff; font: 24px/30px 'MuseoSans500', Arial, sans-serif;}
#eform textarea { width:450px; border:1px solid #aaa; margin:4px 0 0 0; padding:4px 4px; background:#fff;font: 24px/30px 'MuseoSans500', Arial, sans-serif;}
#eform select { width:456px; border:1px solid #aaa; margin:4px 0 0 0; padding:4px 4px; height:40px; background:#fff;font: 24px/30px 'MuseoSans500', Arial, sans-serif;}
#eform li.buttons input { padding:3px 0 3px 130px; margin:0; border:0; color:#FFF; }
#eform .formnotes { font-style:italic; color:#999; font: 13px/16px 'MuseoSans500', Arial, sans-serif; }