/* CSS Document */

HTML,BODY,TD,TABLE,DIV,P,FORM
    {
	margin:0px;
	padding:0px;
	}

#outer
    {
	width:700px;
	padding:3px;
	position:relative;
	left:50%;
	margin-left:-350px;
	margin-top:18px;
	border-color:#000000;
	border-width:2px;
	border-style:solid;
	}
	
#header
    {
	width:700px;
	height:120px;
	background-image:url(../images/header.jpg);
	position:relative;
	}

#body
    {
	width:700px;
	position:relative;
	margin-bottom:5px;
	margin-top:5px;
	}
	
#bottom
    {
	width:700px;
	height:20px;
	background-image:url(../images/footer.jpg);
	position:relative;
	}
	
#footer
    {
	width:100%;
	height:20px;
	position:relative;
	margin-top:7px;
	text-align:center;
	}
	
/* Horizontal Menu */

#chromemenu
	{
	width: 700px;
	font-weight: bold;
	font-size: 90%;
		}	

#chromemenu:after
	{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#chromemenu ul
	{
	border: 0px solid #CCCCCC;
	width: 700px;
	
	background: url(http://www.printmugs.co.uk/images/glossyback.gif);
	padding: 5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right; /*set value to "right" for example to align menu to the left of page*/
	}

#chromemenu ul li
	{
	display: inline;
	}

#chromemenu ul li a
	{
	color: #494949; /*text colour*/
	padding: 5px;
	margin: 0;
	text-decoration: none;
	border-right: 0px solid #CCCCCC;
	}

#chromemenu ul li a:hover
	{
	background: url(http://www.printmugs.co.uk/images/glossyback2.gif) center center repeat-x; /*background link or colour */
	}
	
/*text*/
	
.style1
    {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	z-index:51;
    }
	
.style1 a:link
    {
	color: #0000FF;
	text-decoration: none;
    }
	
.style1 a:visited
    {
	color: #0000FF;
	text-decoration: none;
    }
	
.style1 a:hover
    {
	color: #FF0000;
	text-decoration: none;
	cursor: pointer;
    }
	
.style1 a:active
    {
	color: #0000FF;
	text-decoration: none;
    }
	
/*Other*/

table
    {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	}
	
th
    {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	}
	
tr
    {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	}
	
td
    {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	}
	
/*Contact Form*/
	
#login
    {
    width:177px;
	height:180px;
	position:relative;
	top:6px;
	left:50%;
	margin-left:209px;
	padding:2px;
	background-color:#CCCCCC;
	border:solid;
	border-color:#999999;
	border-width:2px;
	z-index:50;
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
	
#login_area
    {
    position:relative;
	top:-196px;
	left:50%;
	margin-left:213px;
    width:177px;
	height:181px;
	position:relative;
	padding:10px;
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:55;
	}
	
#login_bottom
    {
	text-align:center;
    position:absolute;
	left:50%;
	top:25px;
	margin-left:-105px;
    width:177px;
	height:30px;
	position:relative;
	padding:10px;
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:55;
	}
	
.login_textarea
   {
   height:20px;
   border:solid;
   border-color:#999999;
   border-width:1px;
   margin:2px;
   margin-left:0px;
   font:Arial, Helvetica, sans-serif;
   width:150px;
   }
   
.login_textfield
   {
   border:solid;
   border-color:#999999;
   border-width:1px;
   margin:2px;
   margin-left:0px;
   font:Arial, Helvetica, sans-serif;
   }
   
.select
   {
   border:solid;
   border-color:#999999;
   border-width:1px;
   margin:2px;
   font:Arial, Helvetica, sans-serif;
   }
   
#contact_form
    {
    width: 10.0em;
    float: left;
    text-align: right;
    margin-right: 1.0em;
    display: block
    }
   
.button
    {
    border: 1px solid #666666;
    }
	
.button:hover
    {
	cursor:pointer;
	background-color:#999999;
    }