@charset "UTF-8";
/* to organise body content layouts only
This doc should have a number of layout,
Example would be a side bar layout, Generic elements for all side bars will be written separatly to elements for a specific side bar.
*/
/*the default layout*/
#DefaultPageContent {
padding-left: 0px;
padding-top: 0px;
height:inherit;
width:919;/*changed 923 - 919* to reduce the width*/
/*overflow: scroll;*/
padding-right: 6px;
}
/********************************/
/*pad text in divs*/
#DefaultPageContent #sectionone {padding-left: 4px;}
#DefaultPageContent #sectionOne {padding-left: 4px;}
#DefaultPageContent #sectionTwo {padding-left: 4px;}
#DefaultPageContent #sectionTwoA {padding-left: 4px;}
#DefaultPageContent #sectionTwoB {padding-left: 4px;}
#DefaultPageContent #sectiontwo {padding-left: 4px;}
#DefaultPageContent #sectionthree {padding-left: 4px;}
#DefaultPageContent #sectionfour {padding-left: 4px;}
#DefaultPageContent #sectionfive {padding-left: 4px;}
#DefaultPageContent #sectionsix {padding-left: 4px;}
#DefaultPageContent #sectionseven {padding-left: 4px;}
#DefaultPageContent #sectioneight {padding-left: 4px;}
#DefaultPageContent #sectionnine {padding-left: 4px;}
#DefaultPageContent #sectionten {padding-left: 4px;}
#DefaultPageContent #sectioneleven {padding-left: 4px;}
#DefaultPageContent #sectiontwelve {padding-left: 4px;}
#DefaultPageContent #sectionthirteen {padding-left: 4px;}
#DefaultPageContent #sectionfourteen {padding-left: 4px;}
#DefaultPageContent #sectionfifteen {padding-left: 4px;}
#DefaultPageContent #sectionsixteen {padding-left: 4px;}
#DefaultPageContent #sectionseventeen {padding-left: 4px;}
#DefaultPageContent #sectioneighteen {padding-left: 4px;}
#DefaultPageContent #sectionnineteen {padding-left: 4px;}
#DefaultPageContent #sectionbodyone {padding-left: 8px;}
/*********************************/
/*The default side bar design*/
/*this does the virtical line*/
#DefaultPageContent .colsA { background: url(../media/sideBarGraphics/sideBarA/colls.png) repeat-y;
width: 200px;/* adjust the colum width*/
padding: 0 13px;/*padding of colums*/
margin-top: -4px; }/*possition the side collum up or down*/
/*Bullet point stuff*/
#DefaultPageContent .colsA ul { margin-bottom: 0; margin-left: 0px }
#DefaultPageContent .colsA li { clear: both; margin: 0px;}
#DefaultPageContent .sideMenu ul { margin-bottom: 0; margin-left: 0px }
#DefaultPageContent .colsA h3 { position: relative;
width: 186px; height: 33px;
margin: -10px -17px 0 -17px;
padding: 0;
text-indent: -9999px;
overflow: hidden; behavior: url(/global/scripts/lib/iepngfix.htc); }
#DefaultPageContent .colsA h4 { color: #333; font-size: 12px; padding-top: 8px; *margin-top: -8px; }
#DefaultPageContent .colsA p { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
border-bottom: 1px solid #e8e8e8; margin-bottom: 0;
padding-bottom:5px; position: relative; } /*this does the horrizontal line attachet to paragraph*/
/* now do the link bit for the standard text within paragraphs*/
#DefaultPageContent .colsA p A:link { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC;
}
#DefaultPageContent .colsA p A:hover { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC; text-decoration: underline;
}/*on hover there is a line under*/
#DefaultPageContent .colsA p A:visited { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC;
}
/* now define how lists will work--ONLY within side bar (.colsA)*/
#DefaultPageContent .colsA ul{
text-transform: none;
text-indent: 0px;
/* we don't want lists to add extra padding to whats already there*/
margin: 0px;
padding: 0;
list-style:none
}
#DefaultPageContent .colsA img { position: relative; z-index: 555; }/*ajust image obviously*/
#DefaultPageContent .colsA .bottom { background: url(../media/sideBarGraphics/sideBarA/SideBAbottom.png) no-repeat; width: 186px; height: 7px; margin: 9px
-17px 0 -13px; } /*margin 1 distance from bottom 2 distance 3 distance from end*/
/*adjust bottom image if used*/
/*Sidebar possition A*/
#DefaultPageContent .sidebarA { float: right; }
/*title bar image could be put here*/
/*#DefaultPageContent .sidebarA h3 { background: url(example url) no-repeat; }*//* title bar can be used for head image*/
#DefaultPageContent .sidebarA img { float: left; margin-top: 2px; }
#DefaultPageContent .sidebarA h4, #DefaultPageContent .sidebarA p { padding-left: 2px; padding-right:5px; line-height: 15px; }
#DefaultPageContent .sidebarA p.viewall { text-align: right; padding-left: 0; border: 0; border-top: 1px solid #fbfbfb; padding-top: 5px; padding-bottom: 10px; }
/*
THE EXAMPLE CODE FOR A SIDE BAR
1 side bar code should be default at the top of the page*/
/*
side bar ******************
end side bar
*/
/*--End Sidebar A--*/
/*MENU*/
/*SideBar With Menu (b)*/
/*The side bar design with menu*/
/*this does the virtical line*/
#DefaultPageContent .colsB {
background: url(../media/sideBarGraphics/sideBarA/colls.png) repeat-y;
width: 157px;/* adjust the colum width 160 ->157*/
padding: 0 13px;/*padding of colums*/
margin-top: -5px;
}/*possition the side collum up or down*/
/*Bullet point stuff*/
/*#DefaultPageContent .colsB ul { margin-bottom: 0; margin-left: 0px }*/
/*#DefaultPageContent .colsB li { clear: both; margin: 0px;}*/
/*#DefaultPageContent .sideMenu ul { margin-bottom: 0; margin-left: 0px }*/
#DefaultPageContent .colsB h3 { position: relative;
width: 180px; height: 33px; /*186 - 180*/
margin: -10px -17px 0 -17px;
padding: 0;
overflow: hidden;}
#DefaultPageContent .sideMenu ul {
width: 150px;
padding: 0;
}
#DefaultPageContent .sideMenu li {
width: 150px;
padding: 0;
}
#DefaultPageContent .colsB h4 { color: #333; font-size: 12px; padding-top: 8px; *margin-top: -8px; }
#DefaultPageContent .colsB p { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
border-bottom: 1px solid #e8e8e8; margin-bottom: 0;
padding-bottom:5px; position: relative; } /*this does the horrizontal line attachet to paragraph*/
/* now do the link bit for the standard text within paragraphs*/
#DefaultPageContent .colsB p A:link { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC;
}
#DefaultPageContent .colsB p A:hover { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC; text-decoration: underline;
}/*on hover there is a line under*/
#DefaultPageContent .colsB p A:visited { font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00AFEC;
}
/* now define how lists will work--ONLY within side bar (.colsB)*/
#DefaultPageContent .colsB ul{
text-transform: none;
text-indent: 0px;
/* we don't want lists to add extra padding to whats already there*/
margin: 0px;
padding: 0;
list-style:none
}
#DefaultPageContent .colsB img { position: relative; z-index: 555; }/*ajust image obviously changed the z index on both for slim box to work*/
#DefaultPageContent .colsB .bottom { background: url(../media/sideBarGraphics/sideBarA/SideBAbottom.png) no-repeat;
width: 180DefaultPageContentpx;
height: 7px;
margin: 9px -17px 0 -13px;
overflow:hidden;
} /*margin 1 distance from bottom 2 distance 3 distance from end*/
/*adjust bottom image if used*/
/*changed margin from 9 -7 width from 186 -> 180, added overflow */
/*Sidebar possition A*/
#DefaultPageContent .sidebarB { float: right; }
/*title bar image could be put here*/
/*#DefaultPageContent .sidebarB h3 { background: url(example url) no-repeat; }*//* title bar can be used for head image*/
#DefaultPageContent .sidebarB img { float: left; margin-top: 2px; }
#DefaultPageContent .sidebarB h4, #DefaultPageContent .sidebarB p { padding-left: 2px; padding-right:5px; line-height: 15px; }
#DefaultPageContent .sidebarB p.viewall { text-align: right; padding-left: 0; border: 0; border-top: 1px solid #fbfbfb; padding-top: 5px; padding-bottom: 10px; }
/*
/*--End Sidebar B menu--*/
/*
side bar MENU ******************
end side bar
*/
/*------Banner images inside pages
--------------------------------------*/
#GraphicBannerA {
float:left;
/*clear:right;*/ /*issue???*/
width:700px;
overflow:visible;
}
/* this makes section one sit bellow the banner
this may need to be altered for pages tha do not have a banner
*/
#sectionOne {
clear:left;
}
/*Buy now button*/
#buyNowButton {
position:absolute;
left:816px;
top:3px;
width:80px;
height:19px;
z-index:2000;
}
