@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
	margin : 0;
	padding : 0;
	border : 0;
}

body {overflow: scroll;}

.arial{font-family: Arial, Helvetica, sans-serif;}
.trebuchet {font-family: "Trebuchet MS";}
.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}
.tahoma{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}

/* Font Sizes */

.ten {font-size: 10px;}
.eleven {font-size: 11px;}
.twelve {font-size: 12px;}
.thirteen {font-size: 13px;}
.fourteen {font-size: 14px;}
.fifteen {font-size: 15px;}
.sixteen {font-size: 16px;}
.seventeen {font-size: 17px;}
.eighteen {font-size: 18px;}
.nineteen {font-size: 19px;}
.twenty {font-size: 20px;}
.twentyone {font-size: 21px;}
.twentytwo {font-size: 22px;}
.twentythree {font-size: 23px;}
.twentyfour {font-size: 24px;}
.twentyfive {font-size: 25px;}
.thirty {font-size: 30px;}

/* Font Colours */

.magenta {color: #C637B3;}
.darkgray {color: #514E4A;}
.purple {color: #D671E2;}
.white {color: #FFFFFF;}
.black {color: #000000;}
.gray {color: #8E8E8E;}
.grayishblue {color: #7C7C97;}
.lightgray {color: #CCCCCC;}
.red {color: #E70000;}
.orange {color: #FF5500;}
.yellow {color: #FFFF00;}
.green {color: #0ba722;}
.sharp_blue {color: #287ED3;}
.blue {color: #3082D4;}

/* Font Style & Weight */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.strikeout {text-decoration: line-through;}

/* Hovers */

.n2u {text-decoration: none;}
.n2u:hover {text-decoration: underline;}

.u2n {text-decoration: underline;}
.u2n:hover {text-decoration: none;}

.gray2red {color: #6D6D6D; text-decoration: none;}
.gray2red:hover {color: #E70000;}

.gray2orange {color: #6D6D6D; text-decoration: none;}
.gray2orange:hover {color: #FF6600;}

.gray2blue {color: #6D6D6D; text-decoration: none;}
.gray2blue:hover {color: #3082D4;}

.white2black {color: #FFFFFF; text-decoration: none;}
.white2black:hover {color: #000000;}

.white2yellow {color: #FFFFFF; text-decoration: none;}
.white2yellow:hover {color: #FFFF00;}

.red2black {text-decoration: none;color: #CC0000;}
.red2black:hover {text-decoration: none;color: #000000;}

.black2blue {text-decoration: none;color: #000000;}
.black2blue:hover {text-decoration: none;color: #287ED3;}

.black2white {text-decoration: none;color: #000000;}
.black2white:hover {text-decoration: none;color: #FFFFFF;}


.blue2black {text-decoration: none;color: #3082D4;}
.blue2black:hover {text-decoration: none;color: #000000;}


.black2red {text-decoration: none;color: #000000;}
.black2red:hover {text-decoration: none;color: #CC0000;}

.clear {clear: both;}

.float_left { float: left;}

.float_right {float: right;}

body {
	padding-top: 10px;
	margin : 0 auto;
	font-family : verdana;
	font-size : 11px;
	background : #ffffff;
	color: #7a7a7a;
}

h1 {
	font-family : "Trebuchet MS";
	font-size : 30px;
	font-weight : bold;
	color : #a7a7a7;
	text-decoration : none;
	margin : 0;
	padding : 0;
}

#wrapper {
	width:907px;
	padding: 0;
	margin: 0 auto;
}

.center_align_div {
	margin: 0 auto;
}

#logo {
	width: 203px;
	height: 153px;
	float: left;
	text-align: center;
}

.text-box-quantity {
	width: 30px;
	height:20px;
	padding-top:6px;
	color: #858585;
	border: 1px #858585 solid;
}

.text-box2 {
	width: 30px;
	height:16px;
	padding-top:3px;
	color: #858585;
	border: 1px #858585 solid;
}

	
.blue_box	{ background-color:#686872;
			height:20px;}
			
.field {
	width:200px;
	height:20px;
	border: 1px solid #a8a8a8;
	background-color: #f5f5f5;
}

#navigation a
{
color: #fff;
background: #0169be url(../images/left-tab.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
height: 25px;
line-height: 25px;
}

#navigation a span
{
background: url(../images/right-tab.gif) right top no-repeat;
padding-right: 10px;
height: 25px;
line-height: 25px;
}

#navigation a, #navigation a span
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none;
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: #ff5500 url(../images/left-tab-hover.gif) left top no-repeat;
padding-left: 10px;
}

#navigation a:hover span
{
background: url(../images/right-tab-hover.gif) right top no-repeat;
padding-right: 10px;
}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
margin: 0;
} 	

.nav {background: url(../images/navup.gif); height: 25px; color: #fff; font-size: 11px; text-align: center;}
.nav:hover {background: url(../images/navhover.gif);}
.navactive {background: url(../images/navhover.gif);height: 25px; color: #fff; font-size: 11px; text-align: center; }