/* Saltire On The Move CSS Document */

/* SITE-WIDE DEFINITIONS ----------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0px none #FFFFFF;
}

li {
	padding:0px;
}

#content {
	width: 704px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	background-image: url(../images/middle_back.gif);
	background-position: 0px 0px;
}

a:link,
a:hover,
a:visited,
a:active {
	padding:0px;
	color: #183B6E;
	text-decoration: none;
}

li.active a:link,
li.active a:hover,
li.active a:visited,
li.active a:active {
	color: #ffffff;
	text-decoration: none;	
}

h1 {
	font-size: 24px;
	margin-bottom:10px;
	color: #183b6e;
}

h2 {
	color: #183b6e;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

h3 {
	color: #183b6e;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


h4 {
	color: #183b6e;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;

}

p {
	color: #183b6e;
	margin-bottom :5px;
}
/* MENU STRUCTURE - TOP MENU ------------------------------- */

#mainmenu {
	height: 139px;
	width: 704px;
	position: relative;
	background-image: url(../images/topbar.gif);
}

/* MENU STRUCTURE - LEFT MENU ------------------------------ */

#leftmenu {
	width: 156px;
	height: 222px;
	float: left;
	position: relative;
	top: 17px;
	left: 0px;
	display: block;
	overflow: visible;
	clear:left;
}

#maincontent #leftmenu ul {
	list-style-type: none;
}

#maincontent #leftmenu li {
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 13px;
	color: #183b6e;
	line-height: 15px;
	font-weight: bold;
	text-align: right;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}

* html #maincontent #leftmenu li {
	margin: 0px;
	margin-bottom:3px;
}

#maincontent #leftmenu li a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* BUTTONS --------------------------------------------------------------------------- */

/* Home Button */
#maincontent #leftmenu li#home {
	padding-right: 0px;
}

#maincontent #leftmenu li#home a{
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* END Home Button */

/* Order Button */
#maincontent #leftmenu li#order {
	background-image: url(../images/menusystem/order_up.gif);
}

#maincontent #leftmenu li#order a:link,
#maincontent #leftmenu li#order a:active,
#maincontent #leftmenu li#order a:visited {
	color: #0D7C57;
} 

#maincontent #leftmenu li#order:hover,
#maincontent #leftmenu li#ordersel {
	background-image: url(../images/menusystem/order_dn.gif);
}
/* END Order Button */

/* Menus & Ordering Button */
#maincontent #leftmenu li#menu {
	background-image: url(../images/menusystem/menu_up.gif);
}

#maincontent #leftmenu li#menu a:link,
#maincontent #leftmenu li#menu a:active,
#maincontent #leftmenu li#menu a:visited {
	color: #195F99;
} 

#maincontent #leftmenu li#menu:hover,
#maincontent #leftmenu li#menusel {
	background-image: url(../images/menusystem/menu_dn.gif);
}
/* END Menus & Ordering Button */

/* Enquiries Button */
#maincontent #leftmenu li#enquiries {
	background-image: url(../images/menusystem/enquiries_up.gif);
}

#maincontent #leftmenu li#enquiries a:link,
#maincontent #leftmenu li#enquiries a:active,
#maincontent #leftmenu li#enquiries a:visited {
	color: #F8000D;
} 

#maincontent #leftmenu li#enquiries:hover,
#maincontent #leftmenu li#enqsel {
	background-image: url(../images/menusystem/enquiries_dn.gif);
}
/* END Enquiries Button */

/* Contact Button */
#maincontent #leftmenu li#contact {
	background-image: url(../images/menusystem/contact_up.gif);
}

#maincontent #leftmenu li#contact a:link,
#maincontent #leftmenu li#contact a:active,
#maincontent #leftmenu li#contact a:visited {
	color: #E18F02;
} 

#maincontent #leftmenu li#contact:hover,
#maincontent #leftmenu li#contactsel {
	background-image: url(../images/menusystem/contact_dn.gif);
}
/* END Contact Button */

/* Login Button */

#maincontent #leftmenu li#login {
	background-image: url(../images/menusystem/login_up.gif);
	color: #999999;
	line-height: 35px;
	margin-bottom:3px;
}



#maincontent #leftmenu li#login a:link,
#maincontent #leftmenu li#login a:active,
#maincontent #leftmenu li#login a:visited {
	color: #4A1878;
} 

#maincontent #leftmenu li#login:hover,
#maincontent #leftmenu li#loginsel {
	background-image: url(../images/menusystem/login_dn.gif);
}


/* END Login Button */

/* Generic Button Styles */
#maincontent #leftmenu li#home a:hover,
#maincontent #leftmenu li#menu a:hover,
#maincontent #leftmenu li#order a:hover,
#maincontent #leftmenu li#enquiries a:hover,
#maincontent #leftmenu li#login a:hover,
#maincontent #leftmenu li#contact a:hover {
	color: #ffffff;
}

#maincontent #leftmenu li#homesel,
#maincontent #leftmenu li#ordersel,
#maincontent #leftmenu li#menusel,
#maincontent #leftmenu li#enqsel,
#maincontent #leftmenu li#contactsel,
#maincontent #leftmenu li#loginsel {
	color: #ffffff;
	line-height: 35px;	
}
/* END Generic Button Styles */

/* END BUTTONS --------------------------------------------------------------------------- */






/* MENU STRUCTURE - RIGHT MENU ----------------------------- */

#rightmenu,
#rightmenu2 {
	position: relative;
	width: 127px;
	height: 222px;
	top: 17px;
	right: 0px;
	float: right;
}

#rightmenu2 {
	background-image: url(../images/menusystem/right_bk.gif);
	background-repeat: repeat-y;
	background-position: top left;
	height: 225px;
}

#maincontent #rightmenu ul,
#maincontent #rightmenu2 ul {
	list-style-type: none;
}



#maincontent #rightmenu li ,
#maincontent #rightmenu2 li{
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 13px;
	color: #183b6e;
	line-height: 15px;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-image: url(../images/menusystem/right_up.gif);
}

* html #maincontent #rightmenu li ,
* html #maincontent #rightmenu2 li{
	margin-bottom: 0px;
}

#maincontent #rightmenu li a:link,
#maincontent #rightmenu li a:active,
#maincontent #rightmenu li a:visited,
#maincontent #rightmenu2 li a:link,
#maincontent #rightmenu2 li a:active,
#maincontent #rightmenu2 li a:visited {
	color: #183b6e;
} 

#maincontent #rightmenu li a:hover,
#maincontent #rightmenu2 li a:hover {
	color: #ffffff;
} 

#maincontent #rightmenu li:hover,
#maincontent #rightmenu li#sel,
#maincontent #rightmenu2 li:hover,
#maincontent #rightmenu2 li#sel {
	color: #ffffff;
	background-image: url(../images/menusystem/right_dn.gif);
}

* html #maincontent #rightmenu li:hover,
* html #maincontent #rightmenu li#sel,
* html #maincontent #rightmenu2 li:hover,
* html #maincontent #rightmenu2 li#sel {
	margin-bottom: 3px;
}

#maincontent #rightmenu li#sel,
#maincontent #rightmenu2 li#sel {
	background-image: url(../images/menusystem/right_dn.gif);
	line-height: 35px;
}

#maincontent #rightmenu li a,
#maincontent #rightmenu2 li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* PAGE STRUCTURE - CENTER COLUMN -------------------------- */

#centercol {
	width: 408px;
	height: 222px;
	margin-top: 3px;
	margin-left: 160px;
	margin-right: 122px;
	margin-bottom: 3px;
	left: 0px;
	top: 0px;
	position: relative;
	display: block;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

* html #centercol {
	margin-top: 0px;
}

#maincontent #centercol_narrow {
	width: 332px;
	margin-top: 3px;
	margin-right: 161px;
	margin-bottom: 3px;
	margin-left: 205px;
	left: 0px;
	top: 0px;
	position: relative;
	display: block;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height: 222px;
	overflow: visible;
}

* html #maincontent #centercol_narrow {
	height: 219px;
	overflow: visible;
}

.text div#spacer {
	clear:both;
}

/* PAGE STRUCTURE - FOOTER --------------------------------- */

#footer {
	background-color: #183b6e;
	color: #bac4d4;
	height: 27px;
	font-size: 10px;
	line-height: 30px;
	text-indent: 11px;
	clear: both;
	background-image: url(../images/structure/footer.gif);
	background-position: left top;
}

/* CONTACT STYLES */

div.text p,
div.text ul {
	font-size: 12px;
	text-align: justify;
	color: #183B6E;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-weight: normal;
}

div.text ul {
	padding-bottom: 16px;
}

div.text li {
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	list-style-type: none;
}


ul#contact li {
	min-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
}
* html ul#contact li {
	height:20px;

}

ul#contact li p {
	font-size: 12px;
	color: #183B6E;
	padding-top: 15px;
}

ul#contact li#tel {
	background-image: url(../images/structure/contact_tel.gif);
}

ul#contact li#fax {
	background-image: url(../images/structure/contact_fax.gif);
}

ul#contact li#email {
	background-image: url(../images/structure/contact_email.gif);
}

ul#contact li#add{
	border-bottom-color: #ffffff;
}

.text  {
	padding: 0px;
	margin: 0px;
}

/* FORM STYLES */

#form div.login,
#deliver div.del {
	height: 28px;
	display:block;
}

#form {
	font-size: 11px;
	color: #666666;
}

#form label {
	margin-top:10px;
	float: left;
	width: 300px;
	color: #183B6E;
	font-weight: bold;
}

#form label.login {
	width: 100px;
	font-size: 13px;
}

#form input {
	float: left;
	width: 300px;
}

#form input.login {
	width: 200px;
	margin-top: 6px;
}

#form input.submit {
	float: left;
	width: 100px;
}

#form textarea {
	float: left;
	width: 300px;
}

div.del label {
	float: left;
	width: 100px;
	font-size: 13px;
	display: block;
	margin-top: 6px;
}

#deliver div input,
#deliver div select {
	width: 200px;
	margin-top: 6px;
}

#deliver div textarea {
	width: 200px;
	margin-top: 6px;
	
}

#deliver div.del p {
	margin-top: 8px;
}

#deliver div input.submit {
	float: left;
	width: 100px;
	margin-top:54px;
}

#deliver div input.submit2 {
	float: left;
	width: 100px;
	margin-top:10px;
}

/* cart styles */

.item_num {
	width: 20px;
	font-size: 12px;
	color: #183B6E;
	margin: 0px;
	padding: 0px;
}

.add {
	width:90px;
	font-size: 12px;
}

.rem {
	width:50px;
	font-size: 12px;
}

#order th {
	font-size: 12px;
	color: #183B6E;
	text-align: left;
	height: 20px;
}

#order tr {
	vertical-align: top;
	font-size: 12px;
	color: #183B6E;
}

#order td.total{
	text-align: right;
	font-weight: bold;
	line-height: 30px;
}

#order td.price{
	text-align: right;	
}

#order th.price {
	text-align: right;	
} 

#nums {
	background-image: url(../images/howto_all.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nums li {
	padding-left: 0px;
	margin-left: 45px;
	margin-bottom: 13px;
	
}

#nums li.num3 {
	padding-left: 0px;
	margin-left: 45px;
	margin-bottom: 0px;
	
}

#content #maincontent #centercol_narrow .text #contactdets {
	float: right;
}