@charset "UTF-8";

/*

Mew Media LTD

*/

body {color:#333; background:#eee;}

a.addIcon span {display:none;}
a.editIcon span {display:none;}
a.orderIcon span {display:none;}

fieldset {border:none; padding:0;}
input.header, input.text {width:250px; color:#333; padding:1px; border:1px solid #333; background:#fff;}
select {width:250px; color:#333; padding:1px; border:1px solid #333; background:#fff;}
input.btn {background-color:#8eb73f; color:white; border:1px solid #ccc;}
input:hover.btn {background-color:#6AA042; color:white; border:1px solid #fff; cursor:pointer;}


#contentWrapper a.editIcon {display:block; padding:8px 0;}
a.deleteIcon span {display:none;}



div#header {height:134px; text-align:left;}
div#header img {padding:30px 0 0 52px; }
div.wrapper {width:977px; margin:0 auto 0px; background:white; padding:0 14px;}
div.finalfooter {width:1005px; margin:0 auto 50px; background:#eee; padding:0px; font-size:0.7em; color:#ccc; text-align:right;}
div.finalfooter a, div.finalfooter a:link, div.finalfooter a:visited {color:#999;}

div#contentWrapper {width:643px; float:right; margin-bottom:20px; }
div#mainWrapper {float:left; width:425px;}
div#content1 {width:425px; float:left; }
div#content4 {width:425px; float:left; /*display:none;*/}

div#mainWrapper img.imageSize_2 {float:right; padding:4px 0px 4px 4px; }
div#mainWrapper img.imageSize_1 {float:left; padding:4px 8px 4px 0px; }
div#mainWrapper p {clear:both;}


div#subWrapper { margin-left:2px; width:200px; float:right; border:1px solid #ccc; }
div#content2 {width:180px;  padding:0 10px 10px; background:#eee;}
div#content3 {width:180px;  padding:0 10px 10px; background:#fff;}

div#menuWrapper {width:317px; float:left; margin-bottom:20px;}
div#reorder_menu { width:317px; }


/* for home page */
.pagetype3 h1 {font-size:40px; color:#fff; }

.pagetype3 div#contentWrapper {width:977px; float:none; margin-bottom:20px; }
.pagetype3 div#content1 {width:444px; float:none;  margin-right:18px; background-repeat:no-repeat; background-position: -100px top;  background-image: url(images/corner_wht.png); background-color:transparent; padding:39px 0 0 52px; color:#fff; }

.pagetype3 div#subWrapper {width:977px; float:none; clear:both; border:none; }

.pagetype3 div#content2,
.pagetype3 div#content3,
.pagetype3 div#content4
{width:317px; float:left; margin-right:13px; margin-top:14px; padding:0; background:none; }
.pagetype3 div#content4 { margin-right:0; display:block;}


.pagetype3 div#content2 div, 
.pagetype3 div#content3 div, 
.pagetype3 div#content4 div { background:#fff; padding:0;  min-height:130px; }

.pagetype3 div#subWrapper h2 { margin:0; padding:0; }

.pagetype3 div#subWrapper h2 a {color:#fff; padding-left:30px; padding-top:28px; padding-bottom:20px; color:#fff; font-weight:bold; display:block; background-image:url(images/corner_wht.png); background-position: -100px top; background-repeat:no-repeat; }
.pagetype3 div#subWrapper h2 a:hover {color:#fff; text-decoration:none; }

.pagetype3 div#subWrapper div#content2 h2 a, 
.pagetype3 div#subWrapper div#content3 h2 a, 
.pagetype3 div#subWrapper div#content4 h2 a 
{background-color:#CB86BA; }

.pagetype3 div#subWrapper div#content2 h2 a:hover, 
.pagetype3 div#subWrapper div#content3 h2 a:hover, 
.pagetype3 div#subWrapper div#content4 h2 a:hover 
{background-color:#91278F; }


#homePanel1,
#homePanel2,
#homePanel3 {width:317px; float:left; margin-right:13px; background-color:#8eb73f; margin-top:14px; padding:0;}
#homePanel3 {margin-right:0px;}

#homePanel1:hover, #homePanel2:hover, #homePanel3:hover {background-color:#6AA042; }
#homePanel1 div, #homePanel2 div, #homePanel3 div { background-image:url(images/corner_wht.png); background-position: 217px bottom; background-repeat: no-repeat ; min-height:69px;}

#homePanel1 div a, #homePanel2 div a, #homePanel3 div a {display:block; padding: 0px 0px 14px 14px}
#homePanel1 div a img, #homePanel2 div a img, #homePanel3 div a img { min-height:210px; background:transparent; display:block;}

.pagetype3 #menuWrapper {display:none;}






/* default menu styling */
#menuWrapper .menu { width:100%; float:left; }
#menuWrapper .menu ul {padding:0; margin:0; font-size:1.406em; list-style:none;}
#menuWrapper .menu ul li { padding:0; margin:0 0 3px 0;}
#menuWrapper .menu ul li ul { font-size:1em;}
#menuWrapper .menu ul li ul li{ padding:0; margin:3px 0 0 0;}

#menuWrapper .menu ul.level1 {margin:0; padding:0;}
#menuWrapper .menu ul li a { display:block; padding-left:28px; color:#fff; }
#menuWrapper .menu ul li ul li a { padding-left:28px; }
#menuWrapper .menu ul li ul li ul li a { padding-left:44px;}
#menuWrapper .menu ul li ul li ul li ul li a { padding-left:60px;}


/* default menu styling */
#menuWrapper .menu ul li.level1 a { color:#fff; background-color:#8eb73f ; /*#a5c565*/ font-weight:bold; text-decoration:none; font-size:1em; line-height:1.6em; }
#menuWrapper .menu ul li.level2 a { color:#676767; background-color:#fff; font-weight:bold; font-size:0.89em; }
#menuWrapper .menu ul li.level1 a:hover {color:#fff; background-color:#6AA042; /*304B22*/}
#menuWrapper .menu ul li.level1 a.current {color:#fff; background-color:#6AA042;}
#menuWrapper .menu ul li.level2 a:hover, #menuWrapper .menu ul li.level2 a.current {color:#333; background-color:#d7e1b9;}
#menuWrapper .menu ul li.level2 a:hover {text-decoration:underline;}

/* specific menu styling */
#menuWrapper #menu4 ul li.level1 a { background-color:#CB86BA; }
#menuWrapper #menu4 ul li.level2 a { background-color:#fff; }
#menuWrapper #menu4 ul li.level1 a:hover, #menuWrapper #menu4 ul li.level1 a.current { background-color:#91278F;}
#menuWrapper #menu4 ul li.level2 a:hover, #menuWrapper #menu4 ul li.level2 a.current { background-color:#CED0DD;}

#menuWrapper #menu5 ul li.level1 a { background-color:#CB86BA; }
#menuWrapper #menu5 ul li.level2 a { background-color:#fff; }
#menuWrapper #menu5 ul li.level1 a:hover, #menuWrapper #menu5 ul li.level1 a.current { background-color:#91278F;}
#menuWrapper #menu5 ul li.level2 a:hover, #menuWrapper #menu5 ul li.level2 a.current { background-color:#CED0DD;}

#menuWrapper #menu6 ul li.level1 a { background-color:#CB86BA; }
#menuWrapper #menu6 ul li.level2 a { background-color:#fff; }
#menuWrapper #menu6 ul li.level1 a:hover, #menuWrapper #menu6 ul li.level1 a.current { background-color:#91278F;}
#menuWrapper #menu6 ul li.level2 a:hover, #menuWrapper #menu6 ul li.level2 a.current { background-color:#CED0DD;}

#menuWrapper #menu7 ul li.level1 a { background-color:#333; }
#menuWrapper #menu7 ul li.level2 a { background-color:#fff; }
#menuWrapper #menu7 ul li.level1 a:hover, #menuWrapper #menu7 ul li.level1 a.current { background-color:#333;}
#menuWrapper #menu7 ul li.level2 a:hover, #menuWrapper #menu7 ul li.level2 a.current { background-color:#CED0DD;}



#topMenu {position:absolute; top:0; left:0; display:block; width:100%; margin:0; color:#706d89; text-align:center; height:50px;}
#topMenu .wrapper {background:transparent;}
#topMenu ul {list-style:none; display:block; float:right; margin:0; padding:4px 0 0 0;}
#topMenu ul li {display:block; float:left; padding:2px 0px 2px 12px;}
#topMenu li a {color:#333; font-weight:normal;}
#topMenu li a:hover {color:#666; font-weight:normal;}

#searchPanel { display:block; float:right; margin-left:10px;}
.searchBar form {padding:0; margin:0;}
.searchBar label {color:#fff;}
.searchBar { background:#CB86BA; padding:4px 10px 6px;}



#menu9 {clear:both; background-color:transparent; width:100%; text-align:center; border-top:1px solid #eee; padding:10px 0;}
#menu9 ul {  list-style:none; padding:0; margin:0; background:transparent;}
#menu9 ul li {  display:inline; padding:0 20px 0 0px; margin:0;  background:transparent; color:#706d89;}
#menu9 li.level1 a {color:#333; font-weight:normal;}
#menu9 li.level1 a:hover {color:#666; font-weight:normal;}


/* controls how deep menu is opened */
.menu ul li ul {display:none;}
.menu ul li.current ul {display:block;}
.menu ul li.current ul li ul {display:none;}
.menu ul li.current ul li.current ul {display:block;}
.menu ul li.current ul li.current ul li ul {display:none;}
.menu ul li.current ul li.current ul li.current ul {display:block;}




.topCorner {background-image:url(images/corner_wht.png); background-position: -100px top; background-repeat: no-repeat ; min-height:69px; margin:0; padding:0;}
.bottomCorner {clear:both; background-image:url(images/corner_wht.png); background-position: 217px bottom; background-repeat: no-repeat ; min-height:69px;}

#menuWrapper .topCorner {background-color:transparent; margin-bottom:3px;}
#menuWrapper {background: url(images/topmenu1.jpg) no-repeat; }
#homeBanner {background-color:#314B22; background-image: url(images/banner1.jpg); height:283px; background-position:center right; background-repeat:no-repeat; }

/* handles different images styles */
.style01 #menuWrapper {background: url(images/topmenu1.jpg) no-repeat; }
.style02 #menuWrapper {background: url(images/topmenu2.jpg) no-repeat; }
.style03 #menuWrapper {background: url(images/topmenu3.jpg) no-repeat; }
.style04 #menuWrapper {background: url(images/topmenu4.jpg) no-repeat; }

.style01 #homeBanner {background-color:#314B22 ; background-image:url(images/banner1.jpg) ; }
.style02 #homeBanner {background-color:#1A2E42 ; background-image:url(images/banner2.jpg) ; }
.style03 #homeBanner {background-color:#1A2E42 ; background-image:url(images/banner3.jpg) ; }
.style04 #homeBanner {background-color:#435B31 ; background-image:url(images/banner4.jpg) ; }

#menuWrapper .topCorner a {display:block; height:69px;}
#menuWrapper .topCorner a span {position:absolute; left:-5555px;}
#menuWrapper .bottomCorner {background-color:#91278F;}


li a.addIcon { height:18px;}


/* #breadCrumb styling */
#breadCrumb p {font-size:1.406em; font-size:1.306em; margin-top:0; padding-top:0; color:#8eb73f; color:#73A700;/* matches 'a' color in typo_basic.css */}
#breadCrumb p a {}





/* search results styling */
.resultsPanel h4 a {font-weight:bold;}


.clearfloats, .clearboth {clear:both; height:1%; margin:0; padding:0;}

div#footer {text-align:center; font-size:0.8em; margin-top:10px; }
div#counter {display:none;}

div.mainPrimary { font-family:Arial, Helvetica, sans-serif; }
div.mainPrimary input#content {height:300px; }


fieldset.email {width:96%; border:none; }
fieldset.email label {/*font-size:12px;*/ font-weight:bold; width:24%; float:left; display:block;}
fieldset.email label.error {color:#990000;}
fieldset.email input.email, fieldset.email textarea {/*font-size:12px;*/ width:74%; float:right; display:block; padding:1px; color:#666666; border:1px solid #333;}
fieldset.email textarea {height:10em;}
fieldset.email input.submit {padding:3px; border:1px solid white; color:white; background:#8eb73f; float:right;}
fieldset.email p {clear:both; padding-top:10px;}
p.error {margin-top:2px; padding:0; color:#990000;}


table.admin td {}
table.user_details { font-size:10px;}

.admin th {background:#eee;}
.admin td {border-bottom:1px solid #eee; padding:2px;}

td.red {color:#990000;}
td.amber {color:#FF9900;}
td.green {color:#336600;}
tr.grey {background:#d7e1b9;}