/*input button formatting*/

INPUT {
/* this  changes button background image on forms
background-image: url("../userimages/core_horizontal.gif");
*/
background-color: #cce6ff; 
border-color:#efefef; 
color: #000099; 
font-family: verdana, ms sans serif; 
font-weight:bold; 
font-size: 9pt; 
text-align: center; 
cursor:pointer;
vertical-space:20;
}
*/ 
input:hover{

color:red;
}



/* Main redesign4 style sheet */

/*---------------------------------------------------------------------------------
Global Tags
---------------------------------------------------------------------------------*/
h1 {color:#000099; font-style:normal; font-weight:bold;font-family:bradley hand itc;font-size:2 em}
h2 { color:#0000ff; font-style:normal; font-weight:normal; font-size:small}
h3 { color:#000099;font-size: medium;  }
h4 {color:#0000FF; font-weight:normal;}
h5 {color:#0000ff;}
h6 {
color:#0000FF; 
font-size:30%;
}

#chr {
padding-right:140px;
}

#sidemenu {
font-weight:bold;
text-align:left;
line-height:30px;
margin-left:20px;
}

#headings a{
color:#000099;



}





#subheadings a {
font-weight:normal;
line-height:30px;
margin-left:20px;
}

.padlr {
padding-left:20px;
padding-right:0px;
}

.v5  {
padding-top:5px;
}
.mr20 {
margin-right:15px;
}
.ml20 {
margin-left:15px;
}
.m10 {

margin-top: 10px ;
}
.m20 {

margin-top: 30px ;
} 

.m30b {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
}
.ols {

float:left;
padding: 0px 30px 0px 30px;
width: 120px;

} 
 
.ols p{
text-align:center;
}

#olsbox  {
padding: 30px 0px 0px 0px;
/*margin-left: 25px;*/
margin-left: 5px;
margin-top:20 px;
text-align:center;
}
.high {

line-height:30px;



} 
.rc {
/*border: 5px solid #80FFFF;*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

}

.bs  {
-moz-box-shadow: 5px 5px 7px #888;
-webkit-box-shadow: 5px 5px 7px #888;
}

.rud {
color: red;
}

.fourm  {
font-size: 4 em;
}

.bdr {
border: 2px blue;
}

/*#ie6menu {
width:100%;
font-family:verdana;
z-index:130;
position:absolute;
top:200px;
/*background:#ffffff;*/
background:#ffff99;
color: #000099;
line-height:27px;
}
*/
.bdrblue {
border-color: blue;
}

.pl20 {
padding-left:20px
}

.float-right {
float:right
}

#float-right {
float:right
}

body {
background-image:url("http://www.azique.co.uk/images/cloth.jpg");
background-repeat: repeat;
/*	background: white;*/
    font-size:small;
	margin: 0;
	padding: 0;
	color: #000099;
}

div {
	margin: 0;
	padding: 0;
}

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

a:link { 
color:blue;
    text-decoration: none;
	}

a:visited {
color:blue;
	text-decoration: none;
	}

a:hover {
color:red;
	text-decoration: none;
	}

a:active {
	text-decoration: none;
    color:blue;
	}
    
.noul{text-decoration:none;
}

.bdr {border: 2px blue;
}

.s1 {font-size: 200%;
    font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    }
.s2 {font-size: 200%;
    font-weight: 200;
	color: #000099;
    padding-left: 0px;
	padding-bottom: 0px;
    text-align:center;
    text-decoration: none; 
    }
.s3 {font-size: 200%;        
        font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    }
.s4 {font-size: 150%;
    font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    }
.s5 {font-size: 100%;
    font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    margin-left:150px;
    margin-top:0px;
    }
.s6 {font-size: 70%;
    font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    
    }
    /*s7 is blurb at top of page*/
.s7 {font-size: 50%;
    font-weight: bold;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    
    }
    .s8 {font-size: 150%;
font-family:bradley hand itc;
    font-weight: bold;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    }
        .s9 {font-size: 150%;
        font-family:bradley hand itc;
    font-weight: bold;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    }
 .s10 {font-size: 100%;
    font-weight: bold;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    }
     .s11 {font-size: 125%;
    font-weight: bold;
       font-family:bradley hand itc;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    }
         .s12 {font-size: 200%;
    font-weight: bold;
       font-family:bradley hand itc;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    }
.s13 {font-size: 80%;
    font-weight: normal;
	color: #000099;
	padding-bottom: 0px;
    text-decoration:none;
    
    }







/*td1 used to be blurb at top of pages*/
 .td1 {color:#000099; padding-left:50px;padding-top:0px;padding-right:50px;padding-bottom:15px;font-size:150%;font-family:"Bradley Hand ITC";font-weight:bold;
}
 /*td2 used for horiz navlist at top of page*/
 .td2 {padding-left:20px;padding-top:20px;padding-right:20px;padding-bottom:20px;
}

.td3 {padding-left:20px;padding-top:0px;padding-right:20px;padding-bottom:0px;
}

.td4 {HEIGHT:250PX; vertical-align:middle;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;
}

.td5 {
margin-right:40px;
}

.td6 {
padding-left:20px;
}

/*td7 is for titles on pages*/
 .td7 {color:#000099; text-align:center;vertical-align:middle;padding-left:20px;padding-top:0px;padding-right:20px;padding-bottom:15px;font-family:"Bradley Hand ITC";font-weight:bold;
}
 .td8 {color:#000099; align:center;text-align:center;vertical-align:middle;padding-left:20px;padding-top:0px;padding-right:50px;padding-bottom:15px;
}
 .td9 {color:blue; text-align:left;    line-height: 12px;font-size:12px;text-decoration:none;
} 
 
 a.td9:link {text-decoration:none;color:blue}
 a.td9:hover {text-decoration:underline;color:blue}
 
.deepsea {
padding:10px;
align:center;
}
    
table.deepsea td {
padding:5px;
align:center;
}

 
#mainHeaderWrapper {
text-align: center;

background: #FFFFE0/*#DDE6FF*/;
border-bottom: 0px solid #ccc;
padding: 0;
margin: 0;	
}

#mainHeader {height: 75px;padding-top: 0px;padding-left: 0px;margin: 0;background: url("../images/aziquebycream.jpg") top no-repeat; }

#headerleft {float:left;margin-top:0px;
}

#headerright {float:right; margin-top:0px;
}

#synopsisWrapper {
text-align: center;
background: #FFFFff;
border-bottom: 0px solid #999;
padding: 0;
margin-bottom: 0px;	
}



#pagenameWrapper {
text-align: center;
border-bottom: 0px solid #999;
padding: 0;
margin-bottom: 0px;	
}

#hmenuWrapper {
/*text-align: center; this messes up menu in compatibility view in IE*/
border-bottom: 0px solid #999;
padding: 0;
margin-bottom: 0px;

}

#synopsis {
height:10PX;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #0000ff;
background: #ffFFff;
}



#pagename {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*width: 100%;*/
padding-top: 10px; 
   padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
font-size:100%;
font-weight:bold;
color: #000099;
background:#ffffff;
}

#hmenu {
/*position: relative;  Menu position that can be changed at will*/ 
/*top: 100;*/
/*left: 0;*/
text-decoration: none;
/*z-index:100;*/
/*width: 100%;  precision for Opera */
HEIGHT:34PX;
line-height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color:#000099;
width: 100%;
padding-top: 0px; 
padding-bottom: 0px;
/*margin-left: auto;
margin-right: auto;*/
/*background:#cce6ff;*/

}

/*horizmenu*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;

list-style-type: none;
}

#hmenu dl {
text-decoration: none;
background: #ffff99;
}

#hmenu dt {
/*cursor: pointer;*/
text-align: center;
color:#000099;
background: #ffff99;
border: 0px solid gray;
/*margin: 1px;*/
}

#hmenu dd {
display: none;
border: 0px solid gray;
}

#hmenu li {
text-align: center;
color:#000099;
background: #cce6ff;
}

/*without block menu mixes together but with it , it spaces out too much in ie8*/
#hmenu li a, #menu dt a {
color: #000099;
text-align:center;
text-decoration: none;
display: list-item;
/*height: 100%;*//*must have this for wrapped blocks*/
border: 0px;
}

/*this sets the colours for hovering on the top line of the top menu*/
#hmenu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus{
color: red;
/*height:30px;*/
background:#ffff99;
}

/*the following sets the colours for the dropdowns in the top menu when hovering*/
#hmenu li ul li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus{
/*height:30px;*/
text-align:center;
color: red;
background: #ffff99;
}

/*end of hmenu*/

#rhmenu {
/*position: absolute;  Menu position that can be changed at will 
top: 100;*/
/*left: 0;*/
text-decoration: none;
/*z-index:100;*/
width: 100%; /* precision for Opera */
HEIGHT:34PX;
line-height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color:#000099;
/*width: 100%;*/
padding-top: 0px; 
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
background:#cce6ff;
}



#rhmenu dl {
text-decoration: none;

}
#rhmenu dt {
text-align: center;
color:#000099;
background: #cce6ff;
border: 0px solid gray;
/*margin: 1px;*/
}

#rhmenu dd {
display: none;

border: 0px solid gray;
}

#rhmenu li {
text-align: center;

color:#000099;
background: #cce6ff;
}

/*without block menu mixes together but with it , it spaces out too much in ie8*/
#rhmenu li a, #menu dt a {
color: #000099;
text-align:center;
text-decoration: none;
display: list-item;

height: 100%;/*must have this for wrapped blocks*/
border: 0px;
}

/*this sets the colours for hovering on the top line of the top menu*/
#rhmenu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus{
color: #000099;
/*height:30px;*/

background:#cce6ff;
}

/*the following sets the colours for the dropdowns in the top menu when hovering*/
#rhmenu li ul li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus{
/*height:30px;*/
text-align:center;
color: red;
background: #ffff99;
}

/*end of rhmenu*/

#synopsis p {	
margin: 0;
padding: 0;	
}



#pagename p {	
margin: 0;
padding: 0;	
}
#tabletop { 
width:100%; 
background-image:url("http://www.azique.co.uk/images/cloth.jpg");
background-repeat: repeat; 

min-height:100%;
margin: 0px; 
padding-top:30px; 
padding-bottom:50px;
  
overflow:hidden;
}

#wrapper { 
position:relative;
width:720px;
/*z-index:10000000;*//*this would invalidate lightbox effect*/
margin: auto; 
padding:0em;
background-color:white; 

} 





#mainouter3item {
position:relative;
overflow: hidden;



background: #FFFFE0;
text-align: center;
float:left;
width: 720px;
padding: 0px;

/*margin-top: 30px;*/	
}



#mainouter2item {

position:relative;
right:20%;
background: white;
text-align: center;
float:left;
width: 720px;
padding: 0px;
/*margin-top: 30px;*/	
}



#mainouter1item {

position:relative;
right:60%;
background:#FFFFE0;
text-align: center;
float:left;
width: 720px;
padding: 0px;
/*margin-top: 30px;*/	
}

#mainColumnWrapper {
text-align: center;
padding: 0px;
/*	margin-top: 20px;*/	
}



#rangecolumnWrapper {
text-align: left;
float:left;
width: 100%;
background: lightblue;
padding: 0px;
}

#columnWrapper {
text-align: left;
width: 100%;
padding: 0px;
}

#mainWrapper {
padding: 0;
margin:0;
}

#welcome {
float:left;
padding: 0;
margin:0;
}



#navColumn {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
float:left;
width: 140px;
margin-left: 5px;
   margin-top:20px;
}

#leftcol {

position:relative;
left:84%;
background:lightyellow;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
float:left;
width: 16%;
padding: 0;
/*margin-left: 5px;*/
/*   margin-top:20px;*/
}

#navcontainer
{
/*position:absolute;*/
position:relative;
/*left:0;*/

/*z-index:10;*/

width: 720px;
/*_width:100%;*/
border: 0px blue solid;

}

#navcontainer li
{

float:left;
width:14.28571%;
/*z-index:10;*/
}

#navcontainer li ul li
{
float:none;
/*z-index:10;*/
}

#navcontainer a
{
display:inline;
color: #000099;
text-decoration:none;
list-style-type: none;
padding-top: 2px;
padding-bottom: 2px;

border: 0px white solid;
/*z-index:10;*/

}



#navcontainer a:visited
{
color: #000099;
/*z-index:10;*/

}

#navcontainer a:active
{
color: #000099;
/*z-index:10;*/
/*background:#D8E4F8;*/
background-color:#ffff99;
}

#navcontainer a:hover
{
color: red;
/*z-index:10;*/
background-color:#ffff99;
}

#navbar 
{
/*position:absolute;
top:180px;*/
	width:100%;
	margin-left: 0px;
	padding: 0;
   }

#navlist 
{
font-weight:normal;
font-size:100%;
color: blue;
/*background-color: #cce6ff;*/
background-color:#ffff99;
margin-left: 0px;

}

#rnavlist 
{

font-weight:normal;
font-size:100%;
color: blue;
background-color: #cce6ff;
margin-left: 0px;

}



#active:hover  ul li{ display: inline; text-align:center}



#active   li { display: none; }

.ash:hover ul { display: inline; text-align:center;
color: green;
background: #ffff99;}
.ash:hover ul li { display: inline; text-align:center;
color: red;
background: #ffff99;}
.ash ul { display: none; }

.ben:hover li { display: inline; text-align:center;
color: blue;
background: green}

.ben:li { display: inline; text-align:center;
color: red;
background: #ffff99;}



#space
{height:50px
}

#belownav 
{ 



	width:140px;



	margin-left: 0px;
    
margin-top:10px;
margin-bottom:10px;

	padding: 0;		

/*position:relative;
top:50px;
*/

}

#navcontainer2
{

background-color: #cce6ff;
border: 0px blue solid;
padding-top: 5px;
padding-bottom: 5px;
}
      
/*this contains the lower horis menu*/
#navlist2
{

font-weight:bold;
display:inline;

list-style-type: none;

background-color: #cce6ff;
text-align: justify;

}

/*this is an element in the menu*/
#navlist2 li {
display:inline;
background-color: #cce6ff;
color: #000099;

text-align: justify;

}
/*this is an<a> in an element*/
#navlist2 li a{
display:inline;
color: #000099;
width:80px;
vertical-align:top;
padding-left:5px;
padding-right:5px;
text-align: justify;
background-color: #cce6ff;
}

#navlist2 li a:hover{
display:inline;
padding:5px;
color: red;
/*z-index:10;*/
background-color:#ffff99;
text-decoration:none;
}

#leftcol {

position:relative;
left:80%;
background:#FFFFE0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
float:left;
width: 20%;
padding-top: 30px;
overflow:hidden;
/*margin-left: 5px;*/
/*   margin-top:20px;*/
}



#midarea  {
background:white;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
position:relative;
left:80%;

width:80%;
/*border: solid 1px #cccccc;*/
}
#midarea-item  {
background:white;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
position:relative;
left:80%;
overflow:hidden;
width:60%;
/*padding-left:5px;[these two lines cause the column widths to go wrong, whether padding or margin] 
padding-right:5px;*/
margin-top:20px;
/*border: solid 1px #cccccc;*/
}

#rightcol  {
position:relative;
left:80%;

width:20%;
background:#FFFFE0;
padding-top:30px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
overflow:hidden;
}

#rightcol p {
padding-top:5px;
}  

#mainColumn {

font-family: Verdana, Arial, Helvetica, sans-serif;
/*z-index:130;*/
text-align: left;
border: solid 0px #cccccc;
padding-right: 30px;
margin-left: 200px;
margin-top:0px;
}





#6nav ul li a{
display:inline-block;
}



#hometable1{
 position:relative;
 left:5px;
 width:100%;
/* z-index:1;*/
}

#top190{
top:190px;
}
Global Items



---------------------------------------------------------------------------------*/







#punchwrapper {

position:relative;

float:left;
	text-align: center;

background-color: #ffffE0;

	padding: 0px;





	border-top: 0px solid #DDD;





}







#punch {

    background-color: #ffffE0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

/*height:750px;*/



	text-align: center;

    



	width: 100%;

  font-size:75%;













}

#rfootera  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
text-align: center;
background: yellow;
width:100%;
line-height: 30px;
padding: 0;
margin: 0;
}
#rfooterb  {
text-align: center;
background: white;
width: 100%;
padding: 0;
margin: 0;
}





#footer p {



	padding: 0;



	margin: 0;



}

#footer-navigation ul{
    list-style-type: none; 

    margin-left: 0;
    padding-left: 0;
   
}

#footer-navigation li{
display:inline;
}

.clear {



	height: 0;

	width: 0;

	line-height: 0;

	clear: both;

	font-size: 0;

}

div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}