﻿/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 162 2008-12-01 23:36:58Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor: default;}

/* Container (old code? Pop up boxes fine without and styles cascade through 02/02/10)
#simplemodal-container {height:400px; width:500px; background-color:#fff; border:3px solid #ccc; display:block; position:relative; z-index:200;}
#simplemodal-container a.modalCloseImg {background:url(../images/icons/close.gif) no-repeat; width:50px; height:13px; display:inline; z-index:3200; position:absolute; top:10px; right:10px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}
#simplemodal-container .ModalScroll {height:310px; width:482px; overflow:auto; }
#simplemodal-container #basicModalContent h1 {font-size:150%; padding:0px; margin:0px;}
#simplemodal-container #basicModalContent h2 {font-size:120%; margin-bottom:0px; padding-bottom:0px;}
#simplemodal-container #basicModalContent h3 {font-size:100%; margin-bottom:0px; padding-bottom:0px;}
#simplemodal-container #basicModalContent p {padding:0px 10px 10px 0px; margin:0px;} 
#simplemodal-container #basicModalContent .DD {padding:10px 0px 10px 0px;} */


/* Which? modal box styling */
.modalBackground {background-color:#000; filter:alpha(opacity=0); opacity:0; position:relative; margin-left:0px; margin-top:0px;}
.modalPopup {background-color:#fff; width:500px; height:400px; border:10px solid #78aa75;}
/* * html .modalPopup {margin-left:-130px;}  */
.modalPopup .close {background:url(../images/icons/close.gif) no-repeat; width:50px; height:13px; display:inline; z-index:3200; position:absolute; top:10px; right:10px; cursor:pointer;}
.modalPopup #basicModalContent {padding:8px;}
.modalPopup .ModalScroll {height:310px; width:482px; overflow:auto; }
.modalPopup #basicModalContent h1 {font-size:150%; padding:0px; margin:0px;}
.modalPopup #basicModalContent h2 {font-size:120%; margin-bottom:0px; padding-bottom:0px;}
.modalPopup #basicModalContent h3 {font-size:100%; margin-bottom:0px; padding-bottom:0px;}
.modalPopup #basicModalContent p {padding:0px 10px 10px 0px; margin:0px;} 
.modalPopup #basicModalContent .DD {padding:10px 0px 10px 0px;}
#checkout #content .summaryElement .modalPopup #basicModalContent h1 {font-size:150%; padding:0px; margin:0px; color:#565656; text-indent:0px} 

/* ProductPage Calender */
#productInformation .modalBackground {background-color:#000; filter:alpha(opacity=50); opacity:.5; position:relative; margin-left:0px; margin-top:0px;}
#productInformation .modalPopup {background-color:#fff; width:195px; border:2px solid #000; height:1%; padding-bottom:10px;}
#ctl00_ctl00_MasterContentPlaceHolder_ChildContentCenter_RapidMessage_pnlDeliveryCalender_DropShadow {display:none;}
* html .modalPopup {margin-left:-240px;}
#productInformation .modalPopup .close {background:url(../images/icons/close.gif) no-repeat; width:50px; height:13px; display:inline; z-index:3200; position:absolute; top:10px; right:10px; cursor:pointer;}
#productInformation .modalPopup #basicModalContent {padding:8px;}
#productInformation .modalPopup p {padding:0px 10px 0px 10px; margin:0px; font-size:85%;} 
#productInformation .modalPopup .key {float:left; padding-left:10px;}
#productInformation .modalPopup .closeBut {float:right; padding-right:10px; cursor:pointer;}
#productInformation .modalPopup #basicModalContent .DD {padding:10px 0px 10px 0px;}
#productInformation #checkout #content #calender table tr td.today {border:1px solid #666; color:#666;}
#checkout #content .summaryElement .modalPopup #basicModalContent h1 {font-size:150%; padding:0px; margin:0px; color:#565656; text-indent:0px} 
#holder #container #checkout #shoppingCart #basic-modal {border:1px solid black;}





















