/*************************************************************************************************************************************************************************************

    RESET

*/


body
{
    margin: 0;
    padding: 0;
    
    background-color: #E6E7E9;
    /*background-image: url('../templates/layout/$file/primaryHomeBodyBkg.jpg');*/
    background-image: url('../templates/layout/$file/secondaryHomeBodyBkg.jpg');
    background-repeat: repeat-y;
    background-position: top center;      
}

* html body
{
    text-align: center;
    background-image: url('../templates/layout/$file/secondaryHomeBodyBkgIE.jpg');
}

#top
{
	display: block;
	text-indent: -9000px;
	position: absolute;
	top: 0;
	left: 0;
}

html { min-height: 100%; margin-bottom: 1px; }

/*************************************************************************************************************************************************************************************

    WRAPPER

*/

#wrapper
{
    width: 992px;
    margin: 0 auto;
    padding: 0;
    /*
    height: 600px;
    background-color: pink;
*/
    
    background-image: url("../templates/layout/$file/bodyContentBkg.jpg");
    background-repeat: repeat-y;
}

* html #wrapper
{
    text-align: left;
}


/*************************************************************************************************************************************************************************************

    HEADER

*/

#header
{
    height: 77px;
    position: relative; 
    border-bottom: 4px solid #b8001c;
}

#header *
{
    margin: 0;
    padding: 0;
    
}

/****************************************************************************************

    HEADER LOGO

*/

#header h1
{
    float: left;  
     
}

#header h1 a
{
    display: block;
    height: 75px;
    width: 494px;
    text-decoration: none;
}

#header h1 a img
{
    border-width: 0;
	float: left;
}

/****************************************************************************************

    HEADER NAV

*/

div#header ul
{
    position: absolute;
    top: 5px;
    right: 10px;
}

div#header ul li
{
    display: inline;
}

div#header ul li a
{
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 7px 0 6px;
    color: Black;
    text-decoration: none;
    background-image: url("../templates/layout/$file/headerNavDivider.gif");
    background-repeat: no-repeat;
    background-position: right center;
}

div#header ul li a:hover
{
    text-decoration: underline;
}

div#header ul li a.last
{
    background-image: none;
}

div#header ul li input#searchInput
{
	margin-left: 10px;
	margin-top: 2px;
	
	float: left;
}

* html div#header ul li input#searchInput
{
	margin-top: 1px;
}

div#header ul li input.btn
{
	float: left;
	margin-top: 2px;
}

div#header ul li.search
{

}

/*************************************************************************************************************************************************************************************

    MAIN NAVIGATION MODULE

*/

#mainNavModule
{
    margin: 0;
    padding: 0;
    padding-left: 159px;
    height: 36px;
    background-color: #f8f8f8;
    background-image: url("../templates/layout/$file/navModuleBkg.jpg");
    background-repeat: repeat-x;
    background-position: top left;
}

#mainNavModule *
{
    margin: 0;
    padding: 0;
}

/****************************************************************************************

    MAIN NAVIGATION

*/

#mainNav
{
    float: left;
    height: 36px;
    list-style-type: none;
}

#mainNav *
{
    float: left;
    height: 36px;
    background-repeat: no-repeat;
}

#mainNav li
{
}

#mainNav li a
{
    text-decoration: none;
    text-indent: -9000px;
}

#mainNav li a.home
{
    background-image: url("../templates/navigation/$file/mainNav_home_OFF.gif");
    width:29px;    
}
#mainNav li a.home:hover
{
    background-image: url("../templates/navigation/$file/mainNav_home_ON.gif");
}


#mainNav li a.catalogue
{
    background-image: url("../templates/navigation/$file/mainNav_catalogue_OFF.gif");
    width:105px;    
}

#mainNav li a.catalogue:hover
{
    background-image: url("../templates/navigation/$file/mainNav_catalogue_ON.gif");  
}

#mainNav li a.teacherSupport
{
    background-image: url("../templates/navigation/$file/mainNav_teacherSupport_OFF.gif");
    width: 106px;   
}

#mainNav li a.teacherSupport:hover
{
    background-image: url("../templates/navigation/$file/mainNav_teacherSupport_ON.gif");  
}

#mainNav li a.booksellers
{
    background-image: url("../templates/navigation/$file/mainNav_booksellers.jpg");
    width: 109px;
}

/*************************************************************************************************************************************************************************************

    BODY

*/




#body
{
    
   background-image: url("../templates/layout/$file/bodyTop.jpg");
   background-position: 159px top;
   background-repeat: no-repeat;
   
    overflow: hidden;
}

* html #body
{
    height: 1%;
}


/*************************************************************************************************************************************************************************************

    SUB NAVIGATION MODULE

*/

#subNavModule
{
    margin: 0;
    padding: 0;
	margin-right: 15px;
    float: left;
    width: 159px;
    background-color: #f8f8f8;
	min-height: 100px;
}

* html #subNavModule
{
	height: 100px;
}

#subNavModule *
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    
}

/****************************************************************************************

    SUB NAVIGATION

*/

#subNav
{
    padding-left: 2px;      
}

#subNav li.main
{
    display:block;
    margin: 0;
    margin-left: 10px;
    /*padding:3px 0 0 5px;*/
    overflow:hidden;
    
    
}

#subNav li.last
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-right: 10px;
	margin-top: 15px;
	padding: 6px 0;
}

#subNav li.main a
{
    text-decoration: none;
    background-image:url(../templates/layout/$file/MP_dingbat_grey_OFF.gif);
    background-position:left center;
    background-repeat:no-repeat;
    color:#666666;
    display: block;
    padding: 3px 10px;   
}
#subNav li.last a
{
	background-image: none;
}

#subNav li a:hover
{
    text-decoration: underline;
    background-image:url(../templates/layout/$file/MP_dingbat_grey_ON.gif);
}

#subNav li a.current
{
    background-image:url(../templates/layout/$file/MP_dingbat_grey_ON.gif);
    font-weight: bold;
}

#subNav li.last a:hover, #subNav li.last a.current
{
	background-image: none;
}



#subNav li.main ul
{
    padding-bottom: 5px;  
    padding-top: 2px;
}


#subNav li.main ul li
{
    display: block;
    overflow: hidden; 
    
   
}

#subNav li.main ul li a
{
    padding-left:25px;
    padding-right:10px;   
    padding-top: 1px;
    padding-bottom: 1px;  
}

#subNav li.main ul li a
{
    background-image:url(../templates/layout/$file/MP_dingbat_subnav_grey_OFF.gif);
    background-position: 13px center;
    background-repeat: no-repeat;
}

#subNav li.main ul li a:hover
{
    background-image:url(../templates/layout/$file/MP_dingbat_subnav_grey_ON.gif);
    text-decoration: underline;
}

#subNav li.main ul li a.current
{
    background-image:url(../templates/layout/$file/MP_dingbat_subnav_grey_ON.gif);
    font-weight: bold;
}


/*************************************************************************************************************************************************************************************

    CONTENT

*/

#content
{
    float: left;
    width: 818px;
    min-height: 400px;
	margin-top: 13px;
	background-color: white;
}

* html #content
{
    height: 400px;
}

#contentLeft
{
	float: left;
	width: 664px;
	min-height: 550px;
}

#contentRight
{
	float: right;
}

* html #contentLeft
{
	height: 550px;
}



/****************************************************************************************

    MESSAGE

*/

.message
{
	padding: 55px;
}

.message p
{
	margin: 0;
	padding: 0;
}

/****************************************************************************************

    FOOTER

*/

#footer
{
	clear: both;
	/*padding-bottom: 100px;*/
	padding-bottom: 10px;
	float: left;
	width: 664px;
	/*margin-top: 70px;*/
	margin-top: 30px;
}

#footer
{
	text-align: center;
}

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

#footer a:hover
{
	text-decoration: underline;
}


/*************************************************************************************************************************************************************************************

    MINI CART

*/

#miniCart
{
    margin: 0;
    padding: 0;
    width: 139px;
    background-color: #DCDFE0;
    background-image: url(../templates/layout/$file/cartBottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 10px;
    
}

#miniCart *
{
    margin: 0;
    padding: 0;
}

#miniCart ul
{
    list-style-type: none;
    background-image: url(../templates/layout/$file/cartTop.gif);
    background-repeat: no-repeat;
    padding-top: 10px;
}

#miniCart ul li
{
    margin: 5px 10px;
    border-bottom: 1px solid black;
}

#miniCart ul li span, #miniCart ul li a
{
    display: block;
    padding: 0 2px 4px 24px;
    font-size:11px;
    font-weight:bold;
    color: Black;
}

#miniCart ul li a.add, #miniCart ul li span.add
{
    background-image:url(../templates/layout/$file/cartIcon.gif);
    background-position:-1px -2px;
    background-repeat:no-repeat;
}

#miniCart ul li span
{
    color: #C9C9C9;
}

#miniCart ul li a
{
    text-decoration: none;
}

#miniCart ul li a:hover
{
    text-decoration: underline;
}

#miniCart h3
{
    font-weight:bold;
    font-size: 11px;
    margin:5px 10px;
    padding:0 2px 4px;
}

#miniCart p
{
    margin:5px 10px;
    padding:0 2px;
    font-size: 11px;
}


















/*************************************************************************************************************************************************************************************

    TYPOGRAPHY

*/

*
{
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
}

#subNav li a
{
    font-size: 11px;
}

.message p
{
	font-weight: bold;
}

.popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.popupText {
    background-color: white;  
    position: absolute;
    z-index: 3;
    width: 660px;
    padding: 8px;
    height: 300px;
    text-align:left;
}
.popupText p {
    margin-left: 15px;
    margin-right: 15px;
}

h3.article
{
    border-bottom: 1px solid #ABABAD;
    padding: 5px 0px;
    margin: 0;
    margin-bottom: 20px;
   color:#CE0F16;
   font-size:15px;
}

#SubmitRegister td, input, p, select, font, div {
 font-size: 11px;
}
#SubmitRegister input, select {

width: 200px;

}
a.blackLink {
   color: black;
   text-decoration: none;
   font-size: 11px;
}
a.blackLink:hover {
   color: black;
   text-decoration: underline;
   font-size: 11px;
}