/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : 0.85em Arial, sans-serif;
background-image : url('images/body-bg.jpg');
background-repeat : no-repeat;
background-color : ;
background-position : center top;
color : black;
}

a {
color : #ed174b;
text-decoration : underline;
}

a:hover {
color : black;
text-decoration : underline;
}

a.subtle {
color : #666666;
text-decoration : none;
}

a.subtle:hover {
color : black;
text-decoration : underline;
}

p {
text-align : left;
padding: 4px 20px 8px 20px;
margin: 0;
}

p.subtle {
color : #666666;
font-size: 0.85em;
width : auto;
float : left;
}

p.imgsubtle {
float : right;
}

img.subtle {
margin : 2px;
padding : 0px;
}

.line {
width : 920px;
height : 1px;
background-color: #666666;
margin : 0 20px 0 20px;
}

hr {
margin : 0 20px 0 20px;
color : #666666;
background-color : #666666;
height : 1px;
}

h1 {
font : bold 1.8em Arial, sans-serif;
color : #ed174b;
padding: 20px 20px 10px 20px;
margin: 0;
}

h2 {
font : bold 1.6em Arial, sans-serif;
color : #ed174b;
padding: 15px 20px 10px 20px;
margin: 0;
}

h3 {
font : bold 1.2em Arial, sans-serif;
color : black;
padding: 10px 20px 5px 20px;
margin: 0;
}

h1.banner {
float : right;
font : bold 1.8em Arial, sans-serif;
color : white;
padding : 40px 20px 40px 20px;
margin : 0;
}

strong.banner {
color : #F8981D;
}

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

img {
border : 0;
}

.fullBg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
}

#print {
width : 19cm;
background : white;
}

#print ul {
list-style-type: disc;
margin : 0 0 0 75px;
padding : 0 4px 0 8px;
}

#print li {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}


#content {
position : relative;
z-index : 50;
margin : 0 auto;
padding : 0;
width : 960px;
height : auto;
background : none;
}

.spacer {
height : 30px;
clear : both;
}

#content .spacer {
height : 30px;
clear : both;
}


#content #titlebar {
padding : 0;
margin : 0;
height : 100px;
line-height : 100px;
width : 960px;
background : url(images/titlebar.png);
}

#content #titlebar h1 {
color : white;
font-size : 1em;
font-weight : bold;
padding : 17px 0 0 12px;
}

#content #bannerUM {
padding : 0;
margin : 0;
height : 150px;
width : 960px;
}

#content #banner {
padding : 0;
margin : 0;
height : 300px;
width : 960px;
background : url(images/banner-bg.png);
}

#userarea {
float : right;
width : 200px;
height : 80px;
margin : 10px;
background : url(images/user-bg.png);
}

#userarea p {
font-size : 0.8em;
text-align : right;
padding : 2px;
}



#content #banner img, #content #banner p, #content #bannerrand img, #content #bannerrand p  {
padding : 0;
margin : 0;
}

#content img.trbg {
float : right;
position : relative;
top : 61px;
left : 920px;
margin : 0;
padding : 0;
}

#content #menu {
clear : both;
height : 25px;
line-height : 25px ;
width : 960px ;
margin : 0;
padding : 0;
color : black;
background : url(images/menu-bg.png);
font-size : 0.85em;
}

#content #menu li {
float : left;
height : 25px;
}

#content #menu ul {
margin : 0;
padding : 0;
height : 25px;
}

#content #menu li {
list-style : none;
display : inline;
margin : 0;
height : 25px;
}

#content #menu li a {
text-decoration : none;
margin : 0;
padding : 0px 10px 0px 10px;
font-weight : bold;
color : white;

}

#content #menu li a:hover {
text-decoration : underline;
}

#content #ddmenu .wrapper1 {
color : white;	
margin : 0;
padding : 0;
line-height : 25px;
height : 25px;
width : 960px;
background : url(images/menu-bg.gif);
font-size : 0.85em;
}

#content #ddmenu .wrapper1 a{
color : white;
text-decoration : none;
font-weight : bold;
}

#content #ddmenu .wrapper1 a:hover {
color : white;
text-decoration : underline;
}

/* #content #ddmenu .wrapper1 p {
margin : 0 0 17px;
padding : 0;
line-height : 18px;
} */

#content #ddmenu .wrapper {
width: 960px;
margin: 0;
}

#content #ddmenu .nav {
background: url(images/menu-bg.gif);
float: left;
}

#content #ddmenu .nav-wrapper {
clear: both;
float: left;
}

/* #content #ddmenu .nav-left {
background: url(images/nav_left.png) no-repeat top left;
float: left;
width: 11px;
height: 41px;
}

.nav-right {
	background: url(images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}

*/

#content #ddmenu .nav ul {
/*width: 648px;*/
height: 25px;
float: left;
margin: 0;
padding-top: 0px;
list-style: none;
}

#content #ddmenu .nav li {
float: left;
padding: 0 7px 0 7px;
position: relative;
z-index: 1;
}

#content #ddmenu .nav li.last {
/* background:none; */
}

#content #ddmenu .nav li:hover {
z-index:2;
}

#content #ddmenu .nav li a {
display: block;
line-height: 25px;
overflow: hidden;
float: left;
}

/* a .menu-left {
	background: url(images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
} */

#content #ddmenu a .menu-mid {
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
}

/* a .menu-right {
	background: url(images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
} */

#content #ddmenu .nav li a:hover .menu-left,
#content #ddmenu .nav li.active a .menu-left,
#content #ddmenu .nav li:hover a .menu-left,
#content #ddmenu .nav li a:hover .menu-mid,
#content #ddmenu .nav li.active a .menu-mid,
#content #ddmenu .nav li:hover a .menu-mid,
#content #ddmenu .nav li a:hover .menu-right,
#content #ddmenu .nav li.active a .menu-right,
#content #ddmenu .nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 25px;
}
#content #ddmenu .nav li a:hover,
#content #ddmenu .nav li.active a,
#content #ddmenu .nav li.hover a,
#content #ddmenu .nav li:hover a {
	color: white;
}

#content #ddmenu .nav li:hover .sub,
#content #ddmenu .nav li.hover .sub {
	display:block;
}

#content #ddmenu .nav li .sub {
display: none;
position: absolute;
top: 25px;
left: 0px;
background: url(images/submenu-bg.gif);
width: 186px;
padding-top: 2px;
}

#content #ddmenu .nav li ul {
background: url(images/submenu-bg.gif) repeat-y;
width: 162px;
height: auto;
margin: 0;
padding: 0 12px 10px;
list-style: none;
}

#content #ddmenu .nav li:hover li,
#content #ddmenu .nav li.active li {
width: 100%;
padding: 1px 0 2px;
/* background: none !important;*/
}

#content #ddmenu .nav li:hover li a,
#content #ddmenu .nav li.active li a {
color: black;
/*background: none !important;*/
line-height: normal;
width: 156px;
padding: 8px 3px 3px;
text-indent: 1px;
}

#content #ddmenu .nav li:hover li a:hover,
#content #ddmenu .nav li.active li a:hover {
	/*background: #165B9F !important;*/
	text-decoration: underline;
	line-height: normal;
}

/*IE*/
#content #ddmenu .nav li li a:hover,
#content #ddmenu .nav li li a:hover {
	color: #fff;
	/*background: #165B9F !important;*/
	text-decoration: none;
	line-height: normal;
}
/**/
#content #ddmenu .nav .btm-bg {
	background: url(images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

/* 
#content #ddmenu .content {
	width: 670px;
	background: transparent url(images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
#content #ddmenu .content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
#content #ddmenu .content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
#content #ddmenu .content p {
	padding: 0 15px;
	text-align: justify;	
}
#content #ddmenu .content-bottom {
	width: 710px;
	background: transparent url(images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
} */

#content #ddmenu .nav li .sub a {
color : black;
}

#content #ddmenu .nav li .sub a:hover {
color : black;
}

#content #navbar {
height : 50px;
width : 960px;
margin : 0;
padding : 0;
background : url(images/navbar-bg.png) no-repeat;
}

#content #navbar p.nav {
float : left;
font-size : 0.8em;
font-weight : bold;
padding : 10px 0 0 10px;
}

#content #navbar p.supp {
float : right;
font-size : 0.8em;
font-weight : bold;
padding : 10px 10px 0 0;
text-align : right;
}

#content #main {
padding : 0;
margin : 0;
width : 960px;
height : auto;
min-height : 400px;
background : url(images/content-main-bg.png);
background-position : top center;
}

#content #main img {

padding : 10px;
}

#content #main .splash {
float : left;
margin : 80px 0px 105px 15px;
padding : 0;
height : 210px;
width : 300px;
}

* html #content #main .splash {
margin : 80px 0px 105px 10px;
}

#content #main .splash img {
border : none;
margin : 0;
padding : 0;
}

#content #main .splash p {
text-align : center;
font-size : 1.1em;
font-weight : bold;
text-align : center;
margin : 2px;
padding : 0;
}

#content #main .splash p.img {
margin : 0;
padding : 0;
}

#content #main .splash4 {
float : left;
margin : 0 0 40px 20px;
padding : 0;
height : 215px;
width : 215px;
}

#content #main .splash4 p.img, #content #main .splash4 img {
margin : 0;
padding : 0;
}

#content #main #fasplashleft {
float : left;
width : 480px;
height : 548px;
margin : 0;
padding : 0;
}

#content #main #fasplashright {
background : url(images/face.jpg);
float : right;
width : 480px;
height : 548px;
margin : 0;
padding : 0;
}

#content #main #fasplashclear {
clear : both;
}

#content #main #ramsplash {
height: 400px;
width: 960px;
margin : 0;
padding : 0;
background : url(images/splash-bg.gif);
}

#content #main #ramsplash h3 {
color : white;
padding: 220px 0 0 715px;
}


#content #main #ramsplash a {
color : #F9A233;
text-decoration: none;
}

#content #main #ramsplash a:hover {
color: #F9A233;
text-decoration: underline;
}

#content #main #textlarger {
font-size : 1.2em;
}

#content #main #textsmaller {
font-size : 0.9em;
}

#content #main ul {
list-style-type: disc;
margin : 0 0 0 15px;
padding : 0 20px 0 8px;
}

#content #main li {
margin : 0 0 0 30px;
padding : 0 0 5px 0;
}

#content #main input {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 0 3px;
padding : 2px;
}

#content #main textarea {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 3px 3px;
padding : 2px;
}

#content #main .col0 {
float : left;
width : 720px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col1 {
float : left;
width : 150px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col12 {
float : left;
width : 180px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col2 {
float : left;
width : 290px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col23 {
float : left;
width : 450px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col3 {
float : left;
width : 240px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .colthird {
float : left;
width : 200px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col265 {
float : left;
width : 265px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col123 {
float : left;
width : 600px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540 {
float : left;
width : 540px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540img {
float : left;
width : 540px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col180img {
float : left;
width : 180px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col4 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col5 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main p.formsection {
border-bottom: solid 1px black;
padding : 0;
margin: 4px 20px 4px 20px;
font-weight : bold;
font-size : 0.85em;
}

#content #main .news p.title {
color : #555555;
border-bottom: solid 1px #555555;
padding : 0;
margin: 4px 20px 4px 20px;
font-weight : bold;
}

#content #main .news p.byline {
padding: 0px 20px 6px 20px;
font-style : italic;
font-size : 0.85em;
}

#content #main .news p.links {
padding: 2px 20px 8px 20px;
font-size : 0.85em;
}

#content #main .news h3.title {
font : bold 1.4em Arial, sans-serif;
color : black;
margin: 10px 20px 5px 20px;
padding: 0;
border-bottom: solid 1px black;
}

#content #main .product img {
float : right;
}

#content #main .product h3 {
clear : right;
}

#content #main .minicart p {
font-size : 0.8em;
}

#content #main .cart p.cart1 {
float : left;
clear : left;
width : 75px;
}

#content #main .cart p.cart2 {
float : left;
width : 200px;
}

#content #main .cart p.cart3 {
float : left;
width : 100px;
}

#content #main .cart p.cart123 {
float : left;
width : 455px;
}

#content #main p.mcart1 {
float : left;
clear : left;
width : 20px;
padding : 2px 5px 2px 20px;
}

#content #main p.mcart2 {
float : left;
width : 160px;
padding : 2px 20px 2px 5px;
}

#content #bottom {
clear : both;
padding : 0;
margin : 0;
width : 960px;
background : none;
}

#content #bottom p {
line-height : 20px;
padding : 33px 10px 16px 0;
margin : 0;
text-align : right;
font-weight : bold;
font-size : 0.65em;
color : black;
}

#content #bottom p.img {
text-align : left;
}

#content #bottom a {
text-decoration : none;
color : black;
}

#content #bottom a:hover {
text-decoration : underline;
color : black;
}

#content #bottom #left {
float : left;
width : 480px;
text-align : left;
background : none;
}

#content #bottom #left p {
padding : 16px 10px 16px 80px;
font-weight : normal;
text-align : left;
}

#content #bottom #right {
float : right;
width : 480px;
text-align: right;
background : none;
}




#album .cover {
width : 180px;
height : 216px;
margin : 20px 60px 0 60px;
padding : 0;
float : left;
}

#album .cover .label {
width : 170px;
height : 20px;
margin : 0 0 2px 0;
padding : 2px 5px 2px 5px;
text-align : center;
background : #ed174b;
color : white;
}

#album .cover .label p {
text-align : center;
font-weight : bold;
}

#album .cover .label a {
color : white;
text-decoration : none;
}

#album .cover .label a:hover {
color : white;
text-decoration : underline;
}

#album #displayed {
width : 500px;
margin : 20px auto;
}

#album .gallery {
width : 180px;
height : 190px;
float : left;
padding : 10px;
margin : 10px;
}



#album img {
display : block;
margin : auto;
}

.half {
float : left;
width : 480px;
margin : 0;
padding : 0;
}

.third {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.quarter {
float : left;
width : 240px;
margin : 0;
padding : 0;
}

.twothirds {
float : left;
width : 640px;
margin : 0;
padding : 0;
}

#files {
float : right;
background : #B7BAC1;
width : 220px;
margin : 0 10px 10px 10px;
padding : 5px 0 0 0;
font-size : 0.75em;
}

#files a[href$='.pdf'] {
background:transparent url(images/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

#files a[href$='.zip'] {
background:transparent url(images/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

.iconbox {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.iconbox p {
text-align : center;
}

.iconbox img {
margin : 0;
padding : 0 96px 0 96px;
border : 0;
}

#content #main img.adminmenu {
margin : 0;
padding : 0 4px 0 4px;
}

#content #main img.subtle {
margin : 0px;
padding : 2px;
float : right;
}

#content #main p.adminmenu {
line-height : 20px;
}

#content #main #shop #catlist {
float : left;
width : 240px;
background : silver;
margin : 0 5px 0 5px;
padding : 10px 0 10px 0;
}

#content #main #shop #catlist p {
font-size : 0.8em;
font-weight : bold;
}

#content #main #shop #catlist p.subcat {
padding: 4px 10px 8px 30px;
font-weight : normal;
}

#content #main #shop #shopcontent {
float : right;
width : 700px;
margin : 0px 5px 0 5px;
padding : 0;
}