clear:left;
display:inline;
float:left;
width:330px;
margin:0px 0px 0px 117px;;
padding:0px;
height:302px;
/*overflow:auto;*/
}
div#right_content{
display:inline;
float:right;
margin-right:53px;
width:530px;
margin-top:-153px;
padding-bottom:20px;
}
div#main_ani{
float:right;
margin:-460px 0px 0px 0px;
width:530px;
height:461;
padding:0;
}
div#collection_right_content{
display:inline;
float:right;
margin-right:84px;
margin-top:-178px;
padding-bottom:20px;
width:275px;
}
div#contact_content{
clear:left;
display:inline;
float:left;
width:766px;
margin:0px 0px 0px 117px;;
padding:0px;
height:302px;
}
div#footer {
clear:both;
float:left;
left:25px;
background: url(uploads/images/footer_bg2.jpg) repeat-x;
height: 205px;
line-height: 40px;
width: 950px;
padding-left:0px;
position: absolute;
}
div#footer_blankpage {
clear:both;
float:left;
left:0px;
background: url(uploads/images/footer_bg2.jpg) repeat-x;
height: 205px;
line-height: 40px;
width: 950px;
padding-left:0px;
position: absolute;
}
div#bottom_wrapper {
clear:both;
float:left;
bottom:133px;
height: 25px;
line-height: 40px;
width: 950px;
padding-left:0px;
position: absolute;
}
/* links */
a {
color: #000000;
text-decoration: none;
}
a:hover
{
color: #7f7f7f;
text-decoration: none;
}
/* headings */
h1 {
color: #292929;
font-size: 25px;
font-weight: normal;
margin-bottom:3px;
margin-top:0px;
}
h2 {
color: #292929;
font-size: 20px;
font-weight: normal;
margin-bottom: 10px;
}
table{
margin:0px;
padding:0px;
}
td, th{
margin:0px;
padding:0px;
}
/* easyscroll */
#easyscroll{
/*background:#eee;*/
margin:1em 0;
/* add additional styling */
float: left;
width:400px;
}
/* easyscroll navigation buttons */
#easyscrollnav, #easyscrollnav li{
line-height:20px;
margin:10px 20px 30px 3px;
padding:0;
height:7px;
width:7px;
}
#easyscrollnav{
float:right;
display:block;
margin:-4em 0;
width:160px;
}
#easyscrollnav li{
display:block;
list-style:none;
height:7px;
width:7px;
float:left;
margin:258px -120px 0 128px;
padding:-1px 10px;
color:#333;
cursor:pointer;
text-indent: -9000px;
}
#easyscrollnav li.over{
display:block;
color:#999;
text-decoration:none;
}
/* // easyscroll navigation buttons */
#btnUp{
background-image:url(uploads/images/up.gif) !important;
width:7px;
height:7px;
margin:0px;
padding:0px;
}
#btnDown{
background-image:url(uploads/images/down.gif) !important;
width:7px;
height:7px;
margin:0px;
padding:0px;
}
/* // end easyscroll */
/* End of 'galentia_style' */
/* Start of CMSMS style sheet 'galentia_mainmenu' */
/********* MENU *************/
#container {clear:both; float:left; width:100%; overflow:hidden;}
#menuwrapper {
/* width: 100%;
margin: 0 auto;
text-align: center; */
clear:both;
float:left;
/* overflow:hidden; */
width:100%;
}
ul#mainmenu {
/* font-family: "Georgia", Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height:0px;
letter-spacing:0px;
color:#333333;
left: 19px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
display: inline;
bottom: 163px;
height:42px;
text-align: center; */
font-family: "Georgia", Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height:0px;
letter-spacing:0px;
color:#333333;
float:left;
left:50%;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
}
ul#mainmenu li {
/* background: url(uplods/images/menu_bg_short.jpg) repeat-x;
float: left;
list-style:none;
*/
background: url(uplods/images/menu_bg_short.jpg) repeat-x;
list-style:none;
float:left;
position:relative;
right:50%;
}
ul#mainmenu li a {
/*background: url(uploads/images/menu_bg_right.jpg) top right no-repeat;*/
/* color: #333333;
display: inline; */
/* float: left; ie 6
height: 42px;
line-height: 41px;
padding: 0 57px; */
background: url(uploads/images/menu_bg_right.jpg) top right no-repeat;
display:block;
padding: 0 57px;
height: 42px;
line-height: 41px;
text-decoration:none;
width:auto;
}
ul#mainmenu li a:hover {
/*background: url(menu_img/menu_bg_right.jpg) top right no-repeat;
color: #5b5858;
display: inline;
float: left; ie 6
height: 42px;
line-height: 41px;
padding: 0 57px; */
background: url(uploads/images/menu_bg_right.jpg) top right no-repeat;
color: #5b5858;
display:block;
padding: 0 57px;
height: 42px;
line-height: 41px;
text-decoration:none;
width:auto;
}
ul#mainmenu dfn {
list-style:none;
display:none;
}
ul#mainmenu li.menuactive {
background: url(uploads/images/menu_bg_act.jpg) top center no-repeat;
}
ul#mainmenu li.menuactive a:hover{
background: url(uploads/images/menu_bg_act_.jpg) no-repeat-x;
color: #333333;
}
/* End of 'galentia_mainmenu' */
/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */
/*
menu links accesskeys
*/
span.accesskey {
text-decoration:none;
}
/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
position: absolute;
top: -999em;
left: -999em;
}
/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
position: absolute;
left: -5000px;
width: 4000px;
}
/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
color: #18507C;
/* background image for the link to show wiki style arrow */
background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
color: #18507C; /* a different color can be used for visited external links */
/*
Set the last 0 to -100px to use that part of the external.gif image for different color for active links
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:hover {
color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
background: url(images/cms/external.gif) no-repeat 100% 0;
background-color: #C3D4DF;
}
/* end wiki style external links */
/* clearing */
/*
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* end clearing */
/* End of 'Accessibility and cross-browser tools' */
/* Start of CMSMS style sheet 'galentia_submenu' */
* {
margin: 0px;
padding: 0px;
}
/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }
/* EDIT HERE 1 - FROM DOUG - Below styles the dynamically created div id="menuwrapper"
Change settings here to:
>width of nav bar - common widths are 760px, 955px, or 100%
>alignment of all all levels of menu items */
#submenuwrapper {
/* overflow: hidden; */
/* width: 100%;
margin-left: auto;
margin-right: auto;
text-align: centre;*/
bottom:5px;
float:left;
left:112px;
margin:0px 0px 0px 0px;
padding-right:0px;
position:absolute;
text-align:left;
width:600px;
}
#submenu ul li
{
/* display:inline;
height:30px;
line-height:16px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;*/
}
/* EDIT HERE 2 - Set the width of the menu elements at second level. Leaving first level flexible. */
#submenu li li{
width: auto;
display:inline;
height:30px;
line-height:16px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*#submenu li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
padding: 1px 0px 0px 0px;
}*/
/* Unless you know what you do, do not touch these positioning elements */
#submenu, #submenu ul {
list-style: none;
display:block;
padding: 0px;
width:130px;
margin:0px 0px 10px 0px;
}
#submenu ul ul {
/*margin-top: 1px;
margin-left: -1px;
left: 100%;
top: 0px;*/
}
#submenu li {
margin-left: -1px;
float: left;
width:220px;
}
/* End of positioning elements */
/* Styling the basic apperance of the menu elements
EDIT HERE 3- You can change the text color for all levels of the menu here. To change the sublevel text to a different
color see EDIT 6 */
#submenu a {
font-family:georgia;
font-size:10px;
color:#ffffff;
display: inline;
padding:0px 4px 0px 0px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
line-height:18px;
}
/* EDIT HERE 4 - You can edit or remove side bordres on the main nav bar. Font attributes set here affect all levels */
#submenu li a {
list-style-type:none;
background-image:url(uploads/images/listitem.gif);
background-repeat: no-repeat;
background-position: 0.7em 51%;
padding-left:22px;
width:200px;/*440px;*/
}
#submenu li.menuparent {
/* background-image:url(uploads/images/listitem.gif); */
background-repeat: no-repeat;
background-position: 0.7em 51%;
padding-left:0px;
width:200px;/*440px;*/
}
/* EDIT HERE 5 - Edit or remove bordres of the 2nd and 3rd level menu items
If you would like a different font color for submenu text change it here
*/
#submenu li li a {
background-image:url(uploads/images/listitem_line.gif);
/* background-image:url(uploads/images/listitem2.gif); */
background-repeat: no-repeat;
background-position: 0.7em 51%;
padding: 0px 4px 2px 20px;
height: 1%; /* Don't change */
color:#333333;
display:inline;
/*float:left;
position:relative;*/
line-height:28px;
text-align:left;
/* width:108px;*/
padding:0 7px 0px 20px;
margin:-1px 0 0 -4px;
text-transform:none;
}
#submenu li li a:hover {
color:#d9d3d2;
}
/* EDIT HERE 6 - I set the background of the main nav bar to transparent so I can
add gradient background pictures in the html.
Obviously, you can also change main nav bar to a different color.
Note: Just changing this background color in the default CSS menu template will also affect
all lower levels of the menu, you must also add the edits in 7 and 8 at the bottom of this sheet. */
#submenu li{
text-decoration: none;
color: #ffffff;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#submenu li.menuactive {
color:#d9d3d2;
display:inline;
}
#submenu li li a.menuactive {
color:#d9d3d2;
display:inline;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
/* NOTE FROM DOUG - I changed the positioning so it's easier to use other arrow graphics. */
#submenu ul li.menuparent,
#submenu ul li.menuparent:hover,
#submenu ul li.menuparenth {
color:#000000;
}
/* Styling the apperance of menu items on hover
NOTE from Doug-added "#primary-nav ul li.menuparent:hover," to this section so it works in FF and IE6*/
#submenu li:hover,/*
#submenu li.menuh,
#submenu li.menuparenth,*/
#submenu ul li.menuparent:hover
/*#submenu li.menuactiveh*/ {
}
/* Hover parent level */
#submenu li a:hover
{
color:#d9d3d2;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/*
just add
#submenu li:hover ul ul,
#submenu li.menuparenth ul ul ul,
for fourth level
*/
#submenu ul,
#submenu li:hover ul,
#submenu li:hover ul ul,
#submenu li.menuparenth ul,
#submenu li.menuparenth ul ul
{
display:inline;
list-style:none;
float:left;
text-align:left;
line-height:10px;
margin:-5px 0px 0px 4px;
padding: 0px;
position:absolute;
width:auto;
}
/* add
#submenu ul ul ul li:hover ul,
#submenu ul ul ul li.menuparenth ul,
for fourth level
*/
#submenu li:hover ul,
#submenu ul li:hover ul,
#submenu ul ul li:hover ul,
#submenu li.menuparenth ul,
#submenu ul li.menuparenth ul,
#submenu ul ul li.menuparenth ul {
display:inline;
float:left;
text-align:center;
line-height:100px;
margin:-5px 0px 0px 4px;
padding: 0px 0px 0px 0px;
position:absolute;
width:auto;
}
dfn {
display: none;
}
/*
#submenu li li.liverpool a{
background-image:url(uploads/images/listitem2.gif);
background-repeat: no-repeat;
} */
/* End of 'galentia_submenu' */
/* Start of CMSMS style sheet 'galentia_bottommenu' */
*{
margin:0px;
padding:0px;
}
#bottommenuwrapper {
/* width: 100%;
margin-left: auto;
margin-right: auto;
text-align:left; */
clear:both;
float:left;
/* overflow:hidden; */
width:100%;
}
ul#bottommenu {
/* float: left;
font-family: "Georgia", Helvetica, sans-serif;
font-size: 9px;
line-height:0px;
letter-spacing:0px;
color:#bbbbba;
left: 375px;
list-style: none;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: 120px;
margin:0px 375px 0px 0px; for IE
text-align:left; */
font-family: "Georgia", Helvetica, sans-serif;
font-size: 9px;
line-height:0px;
letter-spacing:0px;
color:#bbbbba;
bottom:8px;
float:left;
left:50%;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
}
ul#bottommenu li {
/* float: left;
list-style:none;
margin:0px;
padding: 0px 0px 0px 0px; */
list-style:none;
float:left;
position:relative;
right:50%
}
ul#bottommenu li.selected {
}
ul#footermenu li.selected a:hover{
}
ul#bottommenu li a {
/* color: #bbbbba;
display:inline;
float: left; ie 6
line-height:41px;
padding: 0 9px;
margin:0px; */
color: #bbbbba;
display:block;
padding: 0 9px;
margin:0px;
line-height: 41px;
text-decoration:none;
width:auto;
}
ul#bottommenu li a:hover {
/* color: #838181;
display: inline;
float: left; ie 6
line-height:41px;
padding: 0 9px;
margin:0px; */
color: #838181;
display:block;
padding: 0 9px;
margin:0px;
line-height: 41px;
text-decoration:none;
width:auto;
}
ul#bottommenu dfn {
list-style:none;
display:none;
}
/*************************************************************************/
/* End of 'galentia_bottommenu' */