body { background: #fff; }

#container { width: 100%; }

#minicart_container { width: 86%; float: right; padding-right: 10px; }

/************************************************
* Layout										*
************************************************/
#header { background: #c2cdd6 repeat-x; }

#speedbar    { background-image: url('../../images/speedbar_bg.jpg'); background-repeat: 
               repeat-x; background-attachment: scroll; background-position: 0 }
#footer { background: #eaeaea repeat-x; color: #000; }


/************************************************
* 3 Column	Layout								*
************************************************/
#colmask { background: #c2cdd6; /* Left column background */ }

#colmid { background: #c2cdd6; /* Centre column background */ }

#colright { background: #c2cdd6; /* Right column background */ }

/************************************************
* 2 Column	Layout								*
************************************************/
.leftmenu,.leftmenu .col2 { background: #FFDCA4; /* Left column background */ }

.leftmenu .colright { background: #fff; /* Right column background */ }

/************************************************
* Logo Image Replacement						*
************************************************/
#logo h1 { background: no-repeat; width: 240px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; }

#logo h1 a { display: block; text-indent: -3000px; width: 240px; height: 80px; border: 0; text-decoration: none; }

#logo h1 a:hover { border: 0; text-decoration: none; }

/************************************************
* Links											*
************************************************/
a:link, a:visited { color: #8A0101; text-decoration: underline; }

a:hover { text-decoration: underline; }

/************************************************
* Speedbar Links								*
************************************************/
.speedbar_link:link, .speedbar_link:visited { color: #000; font-weight: bold; text-decoration: none; }

.speedbar_link:hover { color: #ff8600; font-weight: bold; text-decoration: none; }

/************************************************
* Misc											*
************************************************/
hr { color: #c2cdd6; background: #c2cdd6; border: 0; Height: 1px; }

/************************************************
* Menu & Dialog Borders	Start					*
************************************************/
/*--------- Dialogs ----------*/
.dborders { width: 100%; margin-bottom: 10px; }

.dborders h2, .dborders h2 { margin: 0; font-size: 1.1em; font-weight: bold; padding: 0 3px 3px 5px; }

.dborders p, .dborders p { margin: 0; padding: 3px 3px 3px 6px; font-size: 1em; }

.dtop, .dbottom { display: block; background: transparent; font-size: 1px; }

.db1, .db2, .db3, .db4 { display: block; overflow: hidden; }

.db1, .db2, .db3 { height: 1px; }

.db2, .db3, .db4 { background: #fff; border-left: 1px solid #FEAD0F; border-right: 1px solid #FEAD0F; }

.db1 { margin: 0 5px; background: #c2cdd6; }

.db2 { margin: 0 3px; border-width: 0 2px; }

.db3 { margin: 0 2px; }

.db4 { height: 2px; margin: 0 1px; }

.dboxcontent { display: block; border: 0 solid #FEAD0F; border-width: 0 1px; height: auto; background: #fff; }

* html .dboxcontent { height: 1px; }

.dboxpadding { padding: 6px 6px 6px 9px; background: #fff; }


/*--------- Menus ----------*/
.mborders { width: 100%; margin-bottom: 10px; }

.mborders h3, .mborders h3 { margin: 0; font-size: 1.1em; font-weight: bold; padding: 0 3px 3px 5px; }

.mborders p, .mborders p { margin: 0; padding: 3px 3px; font-size: 1.0em; }

.mtop, .mbottom { display: block; background: transparent; font-size: 1px; }

.mb1, .mb2, .mb3, .mb4 { display: block; overflow: hidden; }

.mb1, .mb2, .mb3 { height: 1px; }

.mb2, .mb3, .mb4 { background: #fff; border-left: 1px solid #FEAD0F; border-right: 1px solid #FEAD0F; }

.mb1 { margin: 0 5px; background: #e4e4e4; }

.mb2 { margin: 0 3px; border-width: 0 2px; }

.mb3 { margin: 0 2px; }

.mb4 { height: 2px; margin: 0 1px; }

.mboxcontent { display: block; border: 0 solid #FEAD0F; border-width: 0 1px; height: auto; background: #fff; }

* html .mboxcontent { height: 1px; }

.mboxpadding { padding: 4px; background: #fff; }

/************************************************
* Menu and Dialog Background Colours			*
************************************************/
.menu_colour { color: #212121; background: #fead0f url(images/menu_bg.jpg) 0 -9px; }
.dialog_colour { color: #212121; background: #fead0f url(images/dialog_bg.jpg) 0 -9px; }
.blank { background: #FFF; }

.n_blank     { background-color: pink; background-image: url(images/logo.jpg); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0% }
/* JB DivBoxBackground fix added, so that featured.tpl, dialog/dialog_blank/dialog_filled.tpl can have diff backgrounds in divs */

.filled { background: #e4e4e4; }

/************************************************
* Menu Navigation								*
************************************************/
.menu_nav ul { margin-left: 0; padding-left: 0; list-style-position: outside; margin: 0 0 0 30px; }

.menu_nav li { list-style-type: none; }

.menu_nav a { display: block; padding: 3px; width: 164px; background-color: #F4F4F4; border-bottom: 1px solid #fff; }

.menu_nav a:link, .menu_navlist a:visited { color: #000; text-decoration: none; }

.menu_nav a:hover { background-color: #FEAD0F; color: #fff; }

.menu_nav a.selected { background-color: #FEAD0F; color: #fff; }

.menu_nav a:link.selected, .menu_navlist a:visited.selected { color: #fff; text-decoration: none; }

/************************************************
* CSS Buttons									*
************************************************/
.clear { overflow: hidden; width: 100%; }

.button { float: left; }

a.button     { background-image: url(../../../images/bg_button_a.png); background-repeat: 
               no-repeat; background-attachment: scroll; color: #fff; 
               display: block; float: left; font-style: normal; font-variant: 
               normal; font-weight: bolder; font-size: 12px; font-family: 
               arial, sans-serif; height: 24px; text-decoration: none; 
               border-style: none; border-width: 0; margin-right: 3px; 
               padding-right: 18px; background-position: right top }
a.button span { background-image: url(../../../images/bg_button_span.png); background-repeat: 
               no-repeat; background-attachment: scroll; display: block; 
               line-height: 14px; padding-left: 18px; padding-right: 0; 
               padding-top: 5px; padding-bottom: 5px; background-position: 
               transparent }
a.button:active { background-position: bottom right; color: #000; outline: none; }

a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

/************************************************
* Pagination Links								*
************************************************/
.navigation { padding: 5px; }

.navigation ul { margin: 0; padding: 0; text-align: center; font-size: 1.0em; }

.navigation li { list-style-type: none; display: inline; padding-bottom: 1px; margin: 0 1px 0 0; }

.navigation a, .navigation a:visited { padding: 4px 4px 4px 4px; border: 1px solid #bbb; text-decoration: none; color: #666; font-weight: bold; }

.navigation a:hover, .navigation a:active { border: 1px solid #666; color: #000; background-color: #eee; font-weight: bold; text-decoration: none; }

.navigation a.currentpage { background-color: #666; color: #fff !important; border-color: #666; font-weight: bold; cursor: pointer; font-weight: bold; }

.navigation a.currentpage:hover, .navigation a.currentpage:active { background-color: #eee; border-color: #bbb; }