/**
 * This file is for the CSS that controls how elements
 * are laid out - ie: position, size, margin & padding.
 *
 * styles.css contains the rules that control the 
 * content - ie: what elements *look like* (font,
 * colour, background, etc)
 *
 */

/******************************************************/
/*********************** LAYOUT ***********************/
/******************************************************/

#m2w_wrapper_new { width: 1033px; text-align: left; margin: 0 auto; } 
#m2w_wrapper_inner_new { margin: 0 20px; } 
#m2w_main_new { }


/******************************************************/
/*********************** HEADER ***********************/
/******************************************************/

#m2w_header_new { height: 120px; position: relative; z-index: 2; } 

#m2w_header_new #m2w_header_main_logo { position: absolute; top: 27px; left: 20px; }
#m2w_header_new #m2w_header_twitter_bubble { position: absolute; left: 278px; height: 22px; width: 395px; padding-top: 43px; padding-left: 8px; } 

#m2w_header_new #about-us-link, #m2w_header_new #cart-link { position: absolute; bottom: 5px; } 
#m2w_header_new #about-us-link { right: 15px; } 
#m2w_header_new #cart-link { right: 85px; }


/*********************** SUPERFISH MENU ***********************/

#m2w_header_new ul.sf-menu { position: absolute; bottom: 3px; left: 5px; margin: 0; } 
#m2w_header_new ul.sf-menu ul { width: 170px; z-index: 99; left: 0; } 
#m2w_header_new ul.sf-menu ul ul { width: 170px; z-index: 99; left: 155px; } 
#m2w_header_new ul.sf-menu li { margin-right: 25px; } 
#m2w_header_new ul.sf-menu li.last-menu { margin-right: 0px; } 


/* END HEADER */


/******************************************************/
/*********************** SPACER ***********************/
/******************************************************/

/* (blank space between header and content */

#m2w_spacer { height: 30px; } 


/* END SPACER */


/******************************************************/
/*********************** CONTENT **********************/
/******************************************************/

#m2w_main_new { }
#m2w_main_new #m2w_side_menu { width: 186px; float: left; margin-right: 20px; } 
#m2w_main_new #m2w_content_new { float: left; width: 787px; }


/* END CONTENT */


/******************************************************/
/*********************** FOOTER ***********************/
/******************************************************/

#m2w_footer_new { margin-bottom: 50px; margin-top: 20px; position: relative; padding: 20px; } 

#m2w_footer_new #logos { position: absolute; top: 20px; right: 20px; } 
#m2w_footer_new #logos #m2w { margin-bottom: 20px; } 
#m2w_footer_new #logos #yt, #m2w_footer_new #logos #fb { margin-right: 10px; }

#m2w_footer_new ul { margin-left: 10px; } 
#m2w_footer_new ul ul { margin-left: 10px; } 
#m2w_footer_new ul li { float: left; margin-right: 20px; } 
#m2w_footer_new ul li li { float: none; }


/* END FOOTER */


/******************************************************/
/********************** CONTENT ***********************/
/******************************************************/

/* MODULE BOX */

.box_new { padding-top: 39px; } 

.box_new .box_content { padding: 10px 20px; margin-bottom: 20px; } 

.box_new .box_header { line-height: 39px; position: relative; margin: 0; } 
.box_new .box_header li { list-style: none; height: 39px; } 
.box_new .box_header .box_left, .box_new .box_header .box_right { width: 5px; } 
.box_new .box_header .box_left, .box_new .box_header .box_right, .box_new .box_header .box_title_new { position: absolute; } 
.box_new .box_header .box_left { left: 0px; top: -39px; } 
.box_new .box_header .box_right { right: 0px; top: -39px; } 
.box_new .box_header .box_title_new { left: 5px; right: 5px; top: -39px; padding-left: 15px; }


/* HEADERLESS MODULE BOX */

.box_no_header { padding-top: 4px; margin-bottom: 12px; position: relative; } 

.box_no_header .box_content { } 

.box_no_header .box_header, .box_no_header .box_footer, .box_no_header .box_header .box_left, .box_no_header .box_header .box_right, .box_no_header .box_header .box_middle, .box_no_header .box_footer .box_left, .box_no_header .box_footer .box_right, .box_no_header .box_footer .box_middle { position: absolute; z-index: -1; }
.box_no_header .box_header .box_left, .box_no_header .box_header .box_right, .box_no_header .box_footer .box_left, .box_no_header .box_footer .box_right { width: 4px; } 

.box_no_header .box_header, .box_no_header .box_footer { margin: 0px; width: 100%; } 
.box_no_header .box_header li, .box_no_header .box_footer li { list-style: none; height: 4px; } 

.box_no_header .box_header .box_middle, .box_no_header .box_header .box_left, .box_no_header .box_header .box_right { top: 4px; } 
.box_no_header .box_header { top: -4px; } 

.box_no_footer .box_footer .box_middle, .box_no_footer .box_footer .box_left, .box_no_footer .box_footer .box_right { bottom: 0px; } 
.box_no_header .box_footer { bottom: 0px; } 

.box_no_header .box_header .box_left { left: 0px; } 
.box_no_header .box_header .box_right { right: 0px; } 
.box_no_header .box_header .box_middle { left: 4px; right: 4px; } 

.box_no_header .box_footer .box_left { left: 0px; } 
.box_no_header .box_footer .box_right { right: 0px; } 
.box_no_header .box_footer .box_middle { left: 4px; right: 4px; }