/*
-----------------------------------------------------
Robert Horne (URL tbc) modules SCREEN style sheet
author: madebymN (hello@magneticn.co.uk)
version:  2008.05
----------------------------------------------------- */

/* Module columns for the home page */
.mod-col1, .mod-col2{ min-height:600px; }

/* Module */
.module{ margin:0 0 15px 0; position:relative; clear:both; zoom:1; overflow:hidden; }
.module-wrap{ position:relative; zoom:1; }
a.close-module{ display:block; width:8px; height:8px; text-indent:-9999px; background:url(../images/modules/close_module.gif); position:absolute; overflow:hidden; }
a.close-module:hover{ background-position:-8px 0; }

.mod-col1 .module{ width:300px; overflow:hidden; }
.mod-col2 .module{ width:220px; overflow:hidden; }

body .module h3{ cursor:move; cursor:move; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:lowercase; padding:4px 0 6px 5px; font-size:1.1em; border-bottom:1px solid #dae2e8; zoom:1; background:#f4f6f8; margin:0 2px; }
body .module h3.nomove{ cursor:default; pointer;default; }
body .no-mngr .header h3{ cursor:default; }
body .submodules .module h3{ cursor:default; }
.lH .header, .mod-col1 h3{  }
.sH .header, .col3 h3{ width:auto; }
.lH a.close-module, .mod-col1 a.close-module{ top:11px; left:283px; }
.lH{ width:300px; }
.sH a.close-module, .col3 a.close-module{ position:absolute; top:10px; left:201px; }
.sH{ width:220px; }
.addsubmodule{ display:block; width:10px; height:10px; overflow:hidden; position:absolute; top:10px; left:201px; background:url(../images/modules/add_module.gif); text-indent:-9999px; }
.addsubmodule:hover{ background-position:-10px 0; }

.mod-placeholder-1{ background:#eaeaea; border:1px dashed #ccc; width:298px !important; }
.mod-placeholder-2{ background:#eaeaea; border:1px dashed #ccc; width:218px !important; }

.expand-module{ outline:none; display:block; width:13px; height:11px; overflow:hidden; text-indent:-9999px; background:url(../images/modules/arrow_expand.gif) no-repeat 50% 50%;  }
.expand-ph{ outline:none; display:block; width:13px; height:11px; overflow:hidden; text-indent:-9999px;  }
#container .collapse-module{ outline:none; background:url(../images/modules/arrow_collapse.gif) 50% 50% no-repeat;  }

.lH{ background:url(../images/home/mod_300_tile.gif) repeat-y; }
.sH{ background:url(../images/home/mod_220_tile.gif) repeat-y; }

.news-expand-wrap{ margin:6px 0 2px 0; }
a.expand-module{ display:block; margin:4px 0 2px 0; float:right; padding-right:10px; z-index:50; }

/* News module! */
.mod-news-list *{ zoom:1; }
.mod-news-list{ padding:6px 10px 0px 10px; overflow:hidden; zoom:1; }
body .content ul.mod-news-list li{ position:relative; clear:both; overflow:hidden; margin-bottom:10px; }
.mod-news-list .image{ height:66px; overflow:hidden; background-repeat:no-repeat; display:inline; float:left; overflow:hidden; margin:0 10px 0 0; display:inline; float:left; overflow:hidden; }
.mod-col1 .mod-news-list .image, .lH .mod-news-list .image{ width:40px; height:30px;}
.sH .mod-news-list .image, .col3 .mod-news-list .image{ width:37px; height:40px; display:none; }
.mod-news-list .image a{ display:block; padding-top:40px; height:0 !important; height /**/:40px; overflow:hidden; }
.mod-news-list h4{ font-family:arial, sans-serif; font-size:0.9em; }
.mod-news-list h4 a{ color:#506e84; text-decoration: none; font-weight:700; }
body .mod-news-list p{ font-size:0.9em; margin-bottom:0; }
.mod-news .content{ margin-bottom:-10px; }

/* Introduction video */
.mod-col1 #introduction-video, .lH #introduction-video{ margin:1px 0 0 3px; width:294px; height:191px; background:url(../images/modules/video_lrg.jpg) no-repeat; }
.col3 #introduction-video, .sH #introduction-video{ margin:1px 0 0 3px; width:214px; height:140px; background:url(../images/modules/video_sm.jpg) no-repeat; }
#introduction-video a{ display:block; width:100%; height:100%; text-indent:-9999px; }

.module .content{ overflow:hidden; zoom:1; }

/* Branch finder */
#branch-image{ height:61px; border-bottom:1px solid #dae2e8; background:url(../images/modules/img_branchfinder.jpg) no-repeat; margin-top:1px; margin-left:3px; }
.col3 #branch-image, .sH #branch-image{ background:url(../images/modules/img_branchfinder.jpg) no-repeat 100% 0; width:214px; }
#branch-dropdowns{ border-bottom:1px solid #dae2e8; padding:2px 0; }
.lH #branch-dropdowns select, .mod-col1 #branch-dropdowns select{ width:288px; margin:0 0 1px 5px; }
.sH #branch-dropdowns select, .col3 #branch-dropdowns select{ width:210px; margin:0 0 2px 5px; }
#mod-branch-finder h4{ padding-top:8px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:1.2em; }
#mod-branch-finder h4 a{ color:#000; text-decoration:none; font-weight:700; }
#mod-branch-finder h4 a:hover, #mod-branch-finder p a:hover{ color:#3f5768; }
#mod-branch-finder p{ font-size:0.9em; }
#mod-branch-finder p span{  color:#506e84; }
#mod-branch-finder p a{  color:#506e84; text-decoration:none; font-weight:700; }
#loadaddress{ padding:0 10px 5px 10px; }

/* paper calculator module*/
#mod-pc-disclaimer { margin-top:1em; font-size:0.8em; }
.mod-papercalc .content{ padding:0px 6px 6px 6px; }
#container .mod-papercalc .content span{ color:#666; }
.mod-papercalc .fieldSizeA{ width:60px; border:1px solid #ccc; padding:1px; }
.mod-papercalc .fieldSizeB{ width:90px; padding:1px; border:1px solid #cccccc; }
.col3 .mod-papercalc .newLine{ display:block; margin-bottom:5px; }
.col3 .mod-papercalc #lblSize, .col3 .mod-papercalc #lblGsm, .col3 .mod-papercalc #lblPrice{ display:block; margin-bottom:5px; }
.yourPrice{ display:block; position:relative; float:left; }
.price-fields{ margin-bottom:5px; }
#more-calcs{ display:inline; float:right; }
#more-calcs a{ text-decoration:none; text-transform:lowercase; font-size:0.9em; }
#loadcalculation{ padding:0 5px; }

/* Promotions module*/
.promotion-banner{ height:40px; }
.promotion-banner a{ display:block; padding-top:40px; height:0 !important; height /**/:40px; overflow:hidden; }
#banner-1.promotion-banner{ background:url(../images/modules/promotion1.jpg); }
#banner-2.promotion-banner{ background:url(../images/modules/promotion2.jpg); }
#mod-promotions .content{ padding-top:0px; }
#mod-promotions h4{ padding:1px 0 6px 0; }
#mod-promotions h4 a{ color:#506e84; font-weight:700; text-decoration:none; }
#mod-promotions h4 a:hover{ color:#3f5768; }

.mod-header{ height:2px; overflow:hidden; }
.lH .mod-header, .mod-col1 .mod-header{ background:url(../images/modules/mod_300_header.gif) no-repeat; }
.sH .mod-header, .col3 .mod-header{ background:url(../images/modules/mod_220_header.gif) no-repeat; }
.mod-footer{ height:3px; overflow:hidden; }
.lH .mod-footer, .mod-col1 .mod-footer{ background:url(../images/modules/mod_300_footer.gif) no-repeat; }
.col3 .mod-footer, .sH .mod-footer{ background:url(../images/modules/mod_220_footer.gif) no-repeat; }
.mod-col1 .module{ background:url(../images/modules/mod_300_tile.gif); }
.col3 .module{ background:url(../images/modules/mod_220_tile.gif); }

.moduleupdatemessage{ display:block; text-align:center; background:#d1eec0; border-bottom:1px solid #e3e9ee; margin:0 2px; padding:3px; }

/* Product showcase */
#product-showcase{ margin:0 0 -4px 3px; }

/* Introduction video */
#big-intro-video{ width:556px; background:#fff; position:absolute; top:0; left:0; display:block; }
#big-intro-video a.close-module{ position:absolute; top:10px; left:540px; }
#big-intro-video h2{ background:#f4f6f8; border-bottom:1px solid #dae2e8; color:#000; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform: lowercase; font-weight:400; font-size:1.1em; padding:6px; }
#theVideo{ width:550px; height:360px; margin:3px 0 3px 3px; }

/* Product search */
#lblModTERM, #lblModKeyword{ display:none; }
.mod-col1 #mod_pd_keyword,
.lH #mod_pd_keyword,
.mod-col1 #mod_gls_term,
.lH #mod_gls_term{ float:left; display:inline; width:200px; padding:2px; margin:0 5px 5px 0; color:#666; }
.col3 #mod_pd_keyword, .sH #mod_pd_keyword,
.col3 #mod_gls_term, .sH #mod_gls_term{ float:left; display:inline; width:120px; padding:2px; margin:0 5px 5px 0; color:#666; }
#mod_pd_keyword.selected, #mod_gls_term.selected{ color:#333; }
.mod-productsearch .content, .mod-glossary .content{ padding:8px 10px 0 10px; }
.mod-productsearch .gls, .mod-glossary .gls{ display:block; float:left;}
.mod-productsearch .content ul, .mod-glossary .content ul{ border-top:1px solid #ecf0f3; margin:0 0 10px 0; padding-top:5px; }
.module .content ul li{ margin-bottom:2px; }

.module #promotions{ margin-bottom:-5px; padding-top:2px; }