@charset "utf-8";
/* CSS Document */
/*
Client: Baker & Taylor - ePublication
Author: RiGHT BRAiN MEDiA
Author URL: www.rightbrainmedia.com
*/
/*------------------------------------------------*/
/* GLOBAL YR
/*------------------------------------------------*/
body { margin: 0; padding: 0; color: #000; font: normal 11px/17px Arial, Helvetica, sans-serif; }
* { margin: 0; padding: 0; outline: none; border: none; list-style: none; }
.clearboth { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
img { border: 0; text-decoration: none; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #000; }
.float_left { float: left; text-align: left; }
.float_right { float: right; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.txt_center { text-align: center; }
.small_txt p { font-size: 9px !important; line-height: 13px; }
.Margin0 { margin: 0 !important; }
.MarginTop5 { margin: 5px 0 0 0; }
.MarginRight5 { margin: 0 5px 0 0; }
#dimension { margin: 0 auto; width: 720px; height: 930px; border: solid 1px #036; }
.top-area { border: solid 1px red; }
.bottom-area { border: solid 1px green; }
.cnt_area { padding: 0 15px 15px 15px; height: 734px; }
.cnt_area_v2 { padding: 0; height: 859px; }
/*------------------------------------------------*/
/* CUSTOM FONTS
/*------------------------------------------------*/
@font-face {
font-family: 'special_1';
src: url('../fonts/special_1.eot');
src: url('../fonts/special_1.eot?#iefix') format('embedded-opentype'),
url('../fonts/special_1.woff') format('woff'),
url('../fonts/special_1.ttf') format('truetype'),
url('../fonts/special_1.svg#special_1') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------------------------------*/
/* HEADER
/*------------------------------------------------*/
.header { margin: 10px 0 0 0; background: #CCC; width: 100%; height: 100px; overflow: hidden; display: table; position: relative; text-align: center; }
.header_inner { display: table-cell; position: relative; vertical-align: middle; }
.header h1 { text-transform: uppercase; font: 40px/40px "special_1", Arial, Helvetica, sans-serif; text-align: center; padding: 0 30px; }
.header h2 { text-transform: none; font: bold 13px/15px Arial, Helvetica, sans-serif; margin: 0; padding: 0 30px; overflow: hidden; letter-spacing: 1px; }
/* HEADER - VARIABLES (PLEASE DON'T USE THESE) */
/*.header_v2 { margin: 10px 0 0 0; background: #CCC; height: 80px; overflow: hidden; text-align: right; padding: 10px 30px; }
.header_v2 h1 { text-transform: uppercase; font: 60px/60px "special_1", Arial, Helvetica, sans-serif; }
.header_v2 h2 { text-transform: uppercase; font: bold 10px/10px Arial, Helvetica, sans-serif; letter-spacing: 4px; margin: 4px 0 0 0; }
.header_v3 { margin: 10px 0 0 0; background: #CCC; height: 80px; overflow: hidden; text-align: left; padding: 10px 30px; }
.header_v3 h1 { text-transform: uppercase; font: 60px/60px "special_1", Arial, Helvetica, sans-serif; }
.header_v3 h2 { text-transform: uppercase; font: bold 10px/10px Arial, Helvetica, sans-serif; letter-spacing: 4px; margin: 4px 0 0 0; }
.header_v4 { margin: 10px 0 0 0; background: #CCC; height: 80px; overflow: hidden; text-align: center; padding: 10px 30px; }
.header_v4 h1 { text-transform: uppercase; font: 40px/40px "special_1", Arial, Helvetica, sans-serif; }
.header_v4 h2 { text-transform: none; font: bold 15px Arial, Helvetica, sans-serif; margin: 4px 0 0 0; }*/
/*------------------------------------------------*/
/* COMMON CLASSES
/*------------------------------------------------*/
.product_title { border-bottom: 2px dotted #92959a; margin: 0 auto; padding: 8px 0; }
.product_title h1 { text-transform: uppercase; text-align: center; font-weight: bold; font-size: 13px; overflow: hidden; height: 34px; }
.subtitle { padding: 0 0 10px 0; }
.subtitle h3 { text-align: center; text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; letter-spacing: 3px; overflow: hidden; max-height: 16px; }
.col_product { margin: 15px auto 0 auto; }
.product_img { text-align: center; margin: 15px 0 0 0; }
.product_info { margin: 0 auto; padding: 8px 0 5px 0; }
.product_info_center { margin: 0 25px; text-align: center; }
.product_info_left { float: left; width: 155px; }
.product_info_right { float: right; width: 140px; }
.product_cnt { height: 146px; overflow: hidden; text-align: center; }
.product_cnt_v2 { text-align: center; }
.product_cnt p { margin: 6px 0 0 0; }
.product_more_info { margin: 6px 0 0 0; font-size: 9px; height: 140px; overflow: hidden; text-align: center; }
.product_more_info_v2 { margin: 5px 0 0 0; font-size: 9px; height: 70px; overflow: hidden; text-align: center; }
.two_products { margin: 8px 0 0 0; }
.logos { text-align: center; padding: 8px 0 0 0; height: 35px; }
.logos img { margin: 0 30px; height: 35px; }
.bg_color { background: #EE8F2A url(../images/bg_white_gradient.png) repeat-x left top; }
.bg_color_alt { background: #B6BABF url(../images/bg_white_gradient.png) repeat-x left top; }
.divider { height: 15px; background: #666; }
.img_area { position: relative; display: table; margin: 0 auto; text-align: center; vertical-align: bottom; }
.product_more { display: none; background: url(../images/bg_transparent_black.png) repeat left top; text-align: center; position: absolute; top: 0; z-index: 9999; cursor: pointer; width: 100%; height: 100%; }
.product_more img { border: none !important; background: none !important; width: 36px !important; height: 36px !important; margin: 0 auto; display: block; position: relative; }
.product_btns { top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; margin: auto; position: absolute; width: 50%; height: 50%; }
a.btn_buy img { padding: 15px 0 0 0 !important; }
/*------------------------------------------------*/
/* LAYOUT 1
/*------------------------------------------------*/
#Layout1 .product_img { background: url(../images/bg_dropshadow_large.png) no-repeat center bottom; margin: 0; }
#Layout1 .img_size { border: solid 6px #cdcdcf; height: 300px; max-width: 300px; }
#Layout1 .product_img img { max-width: 300px; height: 300px; }
#Layout1 .product_title { width: 312px; }
#Layout1 .product_info { width: 312px; }
/* LAYOUT 1 - VARIABLES */
#Layout1 .product_cnt_v2{ height: 140px; overflow: hidden; }
#Layout1 .product_img_v2 .img_size { height: 255px; max-width: 255px; }
#Layout1 .product_img_v2 img{ max-width: 255px; height: 255px; }
/*------------------------------------------------*/
/* LAYOUT 1X2
/*------------------------------------------------*/
#Layout1X2 .product_img { background: url(../images/bg_dropshadow_med.png) no-repeat center bottom; margin: 0; }
#Layout1X2 .img_size { border: solid 6px #cdcdcf; height: 245px; max-width: 245px; }
#Layout1X2 .product_img img { max-width: 245px; height: 245px; }
#Layout1X2 .product_title, #Layout1X2 .product_info { width: 310px; }
#Layout1X2 .product_one { float: left; width: 345px; }
#Layout1X2 .product_two { float: right; width: 345px; }
/* LAYOUT 1X2 - VARIABLES */
#Layout1X2 .product_cnt_v2 { width: 310px; margin: 5px auto 0 auto; height: 135px; overflow: hidden; }
/*------------------------------------------------*/
/* LAYOUT 1X3
/*------------------------------------------------*/
#Layout1X3 .product_title h1{ font-size: 11px; line-height: 14px; height: 41px; }
#Layout1X3 .img_size { border: solid 5px #cdcdcf; height: 180px; max-width: 180px; }
#Layout1X3 .product_img img { max-width: 180px; height: 180px; }
#Layout1X3 .product_img { background: url(../images/bg_dropshadow_xsmall.png) no-repeat center bottom; margin: 0; }
#Layout1X3 .product_title, #Layout1X3 .product_info { width: 200px; }
#Layout1X3 .product_one, #Layout1X3 .product_two, #Layout1X3 .product_three { float: left; width: 230px; }
#Layout1X3 .product_top .product_left, #Layout1X3 .product_bottom .product_one { float: left; width: 345px; }
#Layout1X3 .product_top .product_right, #Layout1X3 .product_bottom .product_two { float: right; width: 345px; }
#Layout1X3 .product_bottom { margin: 10px 0 0 0; }
#Layout1X3 .product_btns a.btn_buy img { padding: 5px 0 0 0 !important; }
/* LAYOUT 1X3 - VARIABLES */
#Layout1X3 .product_cnt_v2 { width: 210px; margin: 5px auto 0 auto; height: 155px; overflow: hidden; }
#Layout1X3 .layout_var .product_title h1{ font-size: 13px; line-height: 16px; height: 32px; }
#Layout1X3 .layout_var .product_img { background: url(../images/bg_dropshadow_xsmall.png) no-repeat center bottom; margin: 0; }
#Layout1X3 .layout_var .img_size { border: solid 5px #cdcdcf; height: 150px; max-width: 150px; }
#Layout1X3 .layout_var .product_img img { max-width: 150px; height: 150px; }
#Layout1X3 .layout_var .product_title, #Layout1X3 .layout_var .product_info { width: 320px; }
#Layout1X3 .layout_var .product_cnt { height: 75px; width: 320px; margin: 0 auto; }
#Layout1X3 .layout_var .product_cnt p { margin: 4px 0 0 0; }
#Layout1X3 .layout_var .product_info { padding: 4px 0; }
/*------------------------------------------------*/
/* LAYOUT 2X2
/*------------------------------------------------*/
#Layout2X2 .product_img { background: url(../images/bg_dropshadow_xsmall.png) no-repeat center bottom; margin: 0; }
#Layout2X2 .img_size { border: solid 3px #cdcdcf; height: 115px; max-width: 115px; }
#Layout2X2 .product_img img { max-width: 115px; height: 115px; }
#Layout2X2 .product_more img { top: 5%; margin: 15px auto 0 auto; }
#Layout2X2 .product_title, #Layout2X2 .product_info { width: 315px; padding: 4px 0; }
#Layout2X2 .product_title h1{ font-size: 12px; line-height: 13px; height: 28px; }
#Layout2X2 .product_cnt { height: 55px; }
#Layout2X2 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X2 .product_left, #Layout2X2 .product_right { width: 345px; float: left; }
/*------------------------------------------------*/
/* LAYOUT 2X2+1
/*------------------------------------------------*/
#Layout2X2plus1 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout2X2plus1 .img_size { border: solid 3px #cdcdcf; height: 110px; max-width: 110px; }
#Layout2X2plus1 .product_img img{ max-width: 110px; height: 110px; }
#Layout2X2plus1 .product_more img { top: 5%; margin: 15px auto 0 auto; }
#Layout2X2plus1 .product_title h1{ font-size: 12px; line-height: 13px; height: 28px; }
#Layout2X2plus1 .product_title, #Layout2X2plus1 .product_info { width: 205px; padding: 4px 0; }
#Layout2X2plus1 .product_one, #Layout2X2plus1 .product_two, #Layout2X2plus1 .product_three { float: left; width: 230px; margin: 0; }
#Layout2X2plus1 .product_cnt { height: 75px; }
#Layout2X2plus1 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X2plus1 .product_left, #Layout2X2plus1 .product_right { width: 345px; float: left; }
#Layout2X2plus1 .two_products .product_title, #Layout2X2plus1 .two_products .product_info { width: 320px; padding: 4px 0; }
#Layout2X2plus1 .product_info_center { margin: 0; text-align: center; }
#Layout2X2plus1 .two_products .product_cnt { height: 55px; }
#Layout2X2plus1 .product_more_info { height: 105px; }
/*------------------------------------------------*/
/* LAYOUT 2X3
/*------------------------------------------------*/
#Layout2X3 p { font-size: 10px; line-height: 15px; }
#Layout2X3 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout2X3 .img_size { border: solid 3px #cdcdcf; height: 110px; max-width: 110px; }
#Layout2X3 .product_img img { max-width: 110px; height: 110px; }
#Layout2X3 .product_more img { top: 5%; margin: 10px auto 0 auto; }
#Layout2X3 .product_title h1{ font-size: 11px; line-height: 13px; height: 26px; }
#Layout2X3 .product_title, #Layout2X3 .product_info { width: 210px; padding: 4px 0; }
#Layout2X3 .product_one, #Layout2X3 .product_two, #Layout2X3 .product_three { float: left; width: 230px; margin: 5px 0 0 0; }
#Layout2X3 .product_cnt { height: 52px; }
#Layout2X3 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X3 .product_left, #Layout2X3 .product_right { width: 330px; float: left; }
#Layout2X3 .two_products .product_title, #Layout2X3 .two_products .product_info { width: 300px; padding: 4px 0; }
#Layout2X3 .product_info_center { margin: 0; text-align: center; }
/*------------------------------------------------*/
/* LAYOUT 2X3+1
/*------------------------------------------------*/
#Layout2X3plus1 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout2X3plus1 .img_size { border: solid 3px #cdcdcf; height: 110px; max-width: 110px; }
#Layout2X3plus1 .product_img img { max-width: 110px; height: 110px; }
#Layout2X3plus1 .product_more img { top: 5%; margin: 10px auto 0 auto; }
#Layout2X3plus1 .product_title h1{ font-size: 12px; line-height: 13px; height: 28px; }
#Layout2X3plus1 .product_title, #Layout2X3plus1 .product_info { width: 210px; padding: 4px 0; }
#Layout2X3plus1 .product_one, #Layout2X3plus1 .product_two, #Layout2X3plus1 .product_three { float: left; width: 230px; margin: 10px 0 0 0; }
#Layout2X3plus1 .product_cnt { height: 78px; }
#Layout2X3plus1 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X3plus1 .product_left, #Layout2X3plus1 .product_right { width: 330px; float: left; }
#Layout2X3plus1 .two_products .product_title,#Layout2X3plus1 .two_products .product_info { width: 300px; padding: 4px 0; }
#Layout2X3plus1 .product_info_center { margin: 0; text-align: center; }
#Layout2X3plus1 .product_more_info { height: 49px; }
#Layout2X3plus1 .four_col .product_title, #Layout2X3plus1 .four_col .product_info { width: 155px; padding: 4px 0; }
#Layout2X3plus1 .four_col .product_one, #Layout2X3plus1 .four_col .product_two, #Layout2X3plus1 .four_col .product_three, #Layout2X3plus1 .four_col .product_four { float: left; width: 172px; margin: 5px 0 0 0; }
#Layout2X3plus1 .bottom_pane .product_cnt { height: 65px; }
#Layout2X3plus1 p { font-size: 10px; line-height: 15px; }
/*------------------------------------------------*/
/* LAYOUT 2X4
/*------------------------------------------------*/
#Layout2X4 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout2X4 .img_size { border: solid 3px #cdcdcf; height: 105px; max-width: 105px; }
#Layout2X4 .product_img img { max-width: 105px; height: 105px; }
#Layout2X4 .product_more img { top: 6%; margin: 8px auto 0 auto; }
#Layout2X4 .product_title h1{ font-size: 11px; line-height: 13px; }
#Layout2X4 .four_col .product_title, #Layout2X4 .four_col .product_info { width: 155px; padding: 4px 0; }
#Layout2X4 .four_col .product_one, #Layout2X4 .four_col .product_two, #Layout2X4 .four_col .product_three, #Layout2X4 .four_col .product_four { float: left; width: 172px; margin: 5px 0 0 0; }
#Layout2X4 .product_cnt { height: 65px; }
#Layout2X4 .four_col p { font-size: 10px; line-height: 15px; }
#Layout2X4 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X4 .product_info_center { margin: 0; text-align: center; }
#Layout2X4 .product_more_info { height: 49px; }
/*------------------------------------------------*/
/* LAYOUT 2X5
/*------------------------------------------------*/
#Layout2X5 .product_img { margin: 0; }
#Layout2X5 .img_size { border: solid 3px #cdcdcf; height: 105px; max-width: 105px; }
#Layout2X5 .product_img img { max-width: 105px; height: 105px; }
#Layout2X5 .product_more img { top: 6%; margin: 8px auto 0 auto; }
#Layout2X5 .product_title h1{ font-size: 11px; line-height: 13px; height: 28px; }
#Layout2X5 .five_col .product_title, #Layout2X5 .five_col .product_info { width: 126px; padding: 2px 0; }
#Layout2X5 .five_col .product_one, #Layout2X5 .five_col .product_two, #Layout2X5 .five_col .product_three, #Layout2X5 .five_col .product_four, #Layout2X5 .five_col .product_five { float: left; width: 138px; margin: 10px 0 0 0; }
#Layout2X5 .product_cnt { height: 80px; }
#Layout2X5 .five_col p { font-size: 10px; line-height: 13px; }
#Layout2X5 .product_cnt { height: 58px; overflow: hidden;}
#Layout2X5 .product_cnt p { margin: 3px 0 0 0; }
#Layout2X5 .product_info_center { margin: 0; text-align: center; }
#Layout2X5 .product_more_info { height: 105px; }
/*------------------------------------------------*/
/* LAYOUT 3X3
/*------------------------------------------------*/
#Layout3X3 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout3X3 .img_size { border: solid 2px #cdcdcf; height: 100px; max-width: 100px; }
#Layout3X3 .product_img img { max-width: 100px; height: 100px; }
#Layout3X3 .product_more img { top: 6%; margin: 8px auto 0 auto; }
#Layout3X3 .product_title h1{ font-size: 12px; line-height: 13px; height: 28px; }
#Layout3X3 .product_title, #Layout3X3 .product_info { width: 220px; padding: 2px 0; }
#Layout3X3 .product_one, #Layout3X3 .product_two, #Layout3X3 .product_three { float: left; width: 230px; margin: 0; }
#Layout3X3 .product_cnt { height: 27px; }
#Layout3X3 .product_cnt p { margin: 0; text-align: center; font-size: 10px; line-height: 12px; }
#Layout23X3 .product_left, #Layout23X3 .product_right { width: 330px; float: left; }
#Layout3X3 .two_products .product_title,#Layout3X3 .two_products .product_info { width: 300px; padding: 4px 0; }
#Layout3X3 .product_info_center { margin: 0; }
#Layout3X3 .product_more_info { height: 35px; }
/*------------------------------------------------*/
/* LAYOUT 3X4
/*------------------------------------------------*/
#Layout3X4 .product_img { background: url(../images/bg_dropshadow_xxsmall.png) no-repeat center bottom; margin: 0; }
#Layout3X4 .img_size { border: solid 2px #cdcdcf; height: 100px; max-width: 100px; }
#Layout3X4 .product_img img { max-width: 100px; height: 100px; }
#Layout3X4 .product_more img { top: 6%; margin: 8px auto 0 auto; }
#Layout3X4 .product_title h1{ font-size: 11px; line-height: 13px; height: 28px; }
#Layout3X4 .four_col .product_title, #Layout3X4 .four_col .product_info { width: 160px; padding: 4px 0; }
#Layout3X4 .four_col .product_one, #Layout3X4 .four_col .product_two, #Layout3X4 .four_col .product_three, #Layout3X4 .four_col .product_four { float: left; width: 172px; margin: 4px 0 0 0; }
#Layout3X4 .product_cnt { height: 80px; }
#Layout3X4 .four_col p { font-size: 10px; line-height: 15px; }
#Layout3X4 .product_info_center { margin: 0; text-align: center; }
#Layout3X4 .product_more_info { height: 35px; margin: 2px 0 0 0; }
/*------------------------------------------------*/
/* LAYOUT RockNRead
/*------------------------------------------------*/
#RockNRead .cnt_area { padding: 20px 0; height: 724px; }
#RockNRead .right_pane { padding: 15px 15px 15px 10px; margin: 15px 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; }
#RockNRead .left_pane { padding: 15px 10px 15px 0; margin: 15px 0 0 15px; -moz-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; }
#RockNRead .pane_img { float: left; width: 220px; height: 220px; text-align: center; }
#RockNRead .product_img { background: url(../images/bg_dropshadow_xsmall.png) no-repeat center bottom; margin: 0; }
#RockNRead .img_size { border: solid 4px #cdcdcf; height: 212px; max-width: 140px; }
#RockNRead .product_img img { max-width: 140px; height: 212px; }
#RockNRead .left_pane .pane_img { width: 216px !important; }
#RockNRead .pane_cnt { float: left; width: 430px; }
#RockNRead .pane_cnt .product_cnt { overflow: hidden; height: 110px; }
#RockNRead .pane_cnt h1 { font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; overflow: hidden; height: 36px; }
#RockNRead .pane_cnt h2 { font: italic normal 12px Arial, Helvetica, sans-serif; margin: 2px 0 0 0; }
#RockNRead .product_info{ border-bottom: 2px dotted #92959a; border-top: 2px dotted #92959a; padding: 5px 0; margin: 10px 0 0 0; font-size: 12px; }
#RockNRead .info_left { float: left; width: 210px; }
#RockNRead .info_right { float: right; width: 210px; }
/*------------------------------------------------*/
/* FOOTER
/*------------------------------------------------*/
.footer { padding: 8px 0; background: #CCC; font-size: 10px; line-height: 10px; position: relative; height: 40px; }
.footer_right { float: right; margin: 0 30px 0 0; }
.footer_left { float: left; margin: 0 0 0 30px; }
.footer_detail { float: left; }
.footer_detail h1 { font-size: 10px; line-height: 10px; text-transform: none; padding: 0 0 4px 0; }
.footer .page { float: left; width: 70px; text-align: right; font: 40px/40px "special_1", Arial, Helvetica, sans-serif; }
.footer_left .page { text-align: left; }
#main-wrapper{
/*width:500px;*/
/*margin: 50px;*/
/*padding: 50px;*/
width: 100%;
height: 100%;
}
#main{
/*margin: 50px;*/
/*width:500px;*/
/*margin-top: 50px;*/
/*width: 100%;*/
}