/*
name         : style.css
author       : http://www.eastcoastinteractive.co.uk
created      : 08/12/2008
last updated : 03/06/2009
purpose		 : Stylesheet for BannerAdDesigner
*/

/*general styles*/
div{position:relative;}

body
{
	background:#F7EC28 url('../img/grid.png');
	padding:24px 0 35px 0;
	border:4px dashed #EFE32C;
}

body,input
{
	font:62.5% Helvetica, Verdana, Arial, sans-serif;
	color:#444;
}

p{font-size:1.8em;}

a, a:visited
{
	color:#f30;
	text-decoration:none;
	font-weight:normal;
}

a:hover{color:#000; text-decoration:underline;}

h1, h2, h3, h4, h5, h6{}

h1{font-size:2.0em;}

h2{font-size:6.9em; margin:18px 0; color:#222;text-shadow: #9F971D 2px 3px 2px;}

h3
{
	font:18px Georgia "Times New Roman", Times, serif;
	color:#fff;
	margin:18px 0;
}

/*layout of elements*/
#holdem
{
	position:relative;
	width:923px;
	background:#fff;
	border:9px solid #EFE32C;
	border-width:9px 9px 0 9px;
	margin:0 auto;
	padding:18px;
}

#header
{
	position:relative;
	width:100%;
	height:128px;
	background:#F7EC28 url('../img/rulers.png') 700px -60px  no-repeat;
	border-bottom:1px dashed #fff;
}

#header h1
{
	position:absolute;
	top:12px;
	left:9px;
	width:500px;
	height:101px;
	background:url('../img/banner-ad-designer-logo.png') 0 0 no-repeat;
	text-indent:-9999px;
}

#header h1 a
{
	position:absolute;
	top:6px;
	left:6px;
	width:488px;
	height:86px;
	background:transparent;
	text-indent:-9999px;
}

/* navigation bar along the top of site */
#menu
{
	position:absolute;
	top:67px;
	left:614px;
	list-style-type:none;
	width:390px;
	height:45px;
	margin:0;
}

#menu li
{
	float:left;
	margin:0;
}

#menu li a
{
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	padding:4px 14px;
	background:#555;
	color:#F7EC28;
}

#menu li a.emphasis{background:#333; border-right:1px dotted #fff;}

#menu li a:hover
{
	color:#111;
	background:#fff;
	text-decoration:none;
}

#content{}

#content ul
{
	margin:9px 0;
	padding:3px 9px;
	background:#EFE32C;
}

#content ul li
{
	margin:3px 0;
	padding:0 0 0 18px;
	background:url('../img/bullet.png') 0 5px no-repeat;;
	font-size:14px;
	line-height:22px;
	height:22px;
}

#online-designer
{
	margin:18px 0;
}

.main-body
{
	position:relative;
	display:block;
	width:740px;
	margin-left:45px;
}

.main-product-desc
{
	position:absolute;
	top:242px;
	left:60px;
	display:block;
	width:494px;
	font:17px Georgia, "Times New Roman", Times, serif;
	line-height:22px;
	color:#fff;
}

.site-contact
{
	position:relative;
	width:942px;
	height:54px;
	background:#EFE32C url('../img/pencil.png') 10px -160px  no-repeat;
	border-bottom:1px dashed #CFC419;
	margin:0 auto;
	padding:18px;
	color:#666;
}

.vcard
{
	position:absolute;
	top:18px;
	left:18px;
	display:block;
	width:420px;
	font-size:11px;
	line-height:18px;
}

.vcard a{color:#f30;}
.vcard a:hover{color:#333; text-decoration:none;}

.url, .email, .tel{float:left; display:block; width:160px;}
.org, .adr{float:right; display:block; width:220px;}

.contactLinks
{
	position:absolute;
	top:6px;
	right:218px;
}

.contactLinks a{font-size:11px;}

.eci-tag
{
	position:absolute;
	top:60px;
	left:909px;
	width:35px;
	height:17px;
	background:url('../img/eci-tag.png') 0 0 no-repeat;
	text-indent:-9999px;
}

/* mini cart in top right of pages */
.miniShoppingCart
{
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:96px;
	background:#535353;
}

.miniShoppingCart p{margin:6px; color:#fff;}

.mini-cart
{
	width:200px;
	margin:6px 0;
	padding:0;
}

.mini-cart dt
{
	width:122px;
	float:left;
	margin:0;
	padding:2px 6px;
	background:#fff;
	text-align:right;
}

.mini-cart dd
{
	float:left;
	width:54px;
	margin:0;
	padding:2px 6px;
	background:#fff;
}
.cart-view{padding:3px; clear:both; display:block; text-align:center;}
.cart-view a{color:#fff;}

/* empahasise certain elements */
.summary{font-weight:bold;}

/* user attention */
.assist-user
{
	position:absolute;
	top:322px;
	left:45px;
	display:block;
	width:494px;
	font-size:12px;
	line-height:28px;
	padding-left:28px;
	background:url('../img/ui/help-icon.gif') 0px 0px no-repeat;
}

.warn-user, .get-flash
{
	position:relative;
	display:block;
	margin:24px;
	font-size:18px;
	color:#000;
}

/* forms */
/* form in product pages */
#product_select_form{position:absolute; top:618px; right:0px;}
#product_select_form label{font-size:12px; margin:0 6px 0 24px;}
#product_select_form input{font-size:12px; width:60px;}
#product_select_form select{font-size:12px; width:120px;}

/* cart */
.num-cart-items{margin:9px 0; padding:9px; border:1px dashed #eee; background:#fffbbf;}
.num-cart-items span{font-weight:bold; background:#F7EC28; padding:2px 5px;}

.cart-item
{
	position:relative;
	display:block;
	margin:0 0 18px 0;
	padding:18px;
	background:#9F9B63;
	border:3px solid #eee;
}

.cart-item img
{
	float:left;
	display:block;
	width:100px;
	height:100px;
}

.cart-item dl{margin:0 0 0 140px; background:#f7ec28; padding-bottom:13px;}

.cart-item dt
{
	display:block;
	border-bottom:1px dashed #5F5E47;
	color:#444;
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	padding-bottom:3px;
	margin-bottom:6px;
	padding-left:18px;
}

.cart-item dd{font-size:14px; line-height:22px; color:#333;}
dd.item-description{padding-left:18px; color:#111;}
dd.item-price
{
	position:absolute;
	top:69px;
	left:764px;
	width:100px;
	height:22px;
	font-size:18px;
	line-height:20px;
	background:#f30;
	color:#fff;
	padding:4px;
	text-align:center;
}
.remove-from-cart
{
	position:absolute;
	top:27px;
	right:46px;
	width:106px;
	height:18px;
	border:0;
	background:url('../img/remove.png') 0 0 no-repeat;
	cursor:pointer;
}

.cart-value
{
	margin-left:660px;
	width:200px;
	height:22px;
	font-size:30px;
	line-height:20px;
	background:#f30;
	color:#fff;
	padding:12px;
	text-align:right;
}

#content ul.cart-options{height:64px; margin-top:19px;}
#content ul.cart-options li{float:left; background:transparent; margin-top:9px;}
.cart-options li a
{
	display:block;
	width:424px;
	height:36px;
	background:#222;
	color:#EFE32C;
	padding:12px 0 0 0;
	text-align:center;
	font-size:24px;
}
.cart-options li a:hover{background:#fff; color:#222;}

/*.checkout-button{background:url('../img/ui/checkout-button.png') 0px 0px no-repeat;}*/


/* contact form */
#contactFormContainer
{
	margin-top:18px;
	border:1px solid #555;
	background:#555;
}
#contactForm
{
	font-size:1.3em;
	width:540px;
	margin-left:194px;
	margin-top:18px;
}

#contactForm legend
{
	font-weight:bold;
	margin-bottom:18px;
	_margin:0 -7px; /* IE Win */
	position:relative;
	top:18px;
	color:#efe32c;
}

#contactForm fieldset div
{
	padding:18px 18px 0 18px;
	margin:0;
	position:relative;
}

#contactForm input, #contactForm select, #contactForm textarea
{
	font-size:1.1em;
	display:block;
	width:480px;
	border:3px solid #efe32c;
	padding:4px;
}

#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus{border:3px solid #f30;}
#contactForm label.left
{
	display:block;
	margin-bottom:5px;
	margin-top:8px;
	color:#efe32c;
}

#contactForm select{margin-bottom:5px;}
#contactForm textarea{margin-bottom:18px;}
#contactForm input.submit{margin-bottom:18px;}
#contactForm input.submit
{
	width:254px;
	background:#efe32c;
	font-weight:bold;
	margin-bottom:18px;
	cursor:pointer;
}

form input.submit:hover
{
	background:#f30;
	cursor:pointer;
}

span.reqd
{
	position:absolute;
	top:21px;
	left:516px;
	font-size:2.4em;
	color:#f30;
	padding-top:4px;
}

/* product lists */
.product
{
	position:relative;
	display:block;
	margin:0 0 18px 0;
	border:3px solid #dfdfdf;
}

.product img
{
	float:left;
	display:block;
	height:126px;
	border-right:3px solid #dfdfdf;
}

.product dl{margin-left:54px;}

.product dt, .product dd{padding-left:18px;}

.product dt
{
	display:block;
	background:#dfdfdf;
	color:#900;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	padding-bottom:3px;
	margin-bottom:6px;
}

.product dd{font-size:13px;}

.product-cost
{
	position:absolute;
	right:18px;
	top:6px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.product-desc
{
	display:block;
	width:480px;
	padding-top:14px;
	font-size:14px;
	text-align:left;
}

.add-basket-link
{
	background:#991300 url('../img/ui/add-cart-icon.png') 0px 0px no-repeat;
	color:#fff;
	display:block;
	width:105px;
	height:54px;
	position:absolute;
	top:54px;
	right:18px;
	text-align:right;
}

.add-basket-link a
{
	display:block;
	width:70px;
	padding:9px 18px 9px 15px;
	color:#fff;
}
.add-basket-link a:hover{text-decoration:underline;}

/* front page promo/feature items */
.promotion{display:block; float:left; width:174px; height:179px; border:1px solid rgb(172, 23, 0);}
.promo-one{margin:0 12px 0 0;}
.promo-two{margin:0 12px 0 0;}
.promo-three{margin:0 0 0 0;}
.promo-four{margin:0 0 0 12px;}
.promotion li{}
.promotion li a{}

.features{border-top:3px dashed #ccc; margin-top:18px;}
.features li{float:left;}
.features li a{display:block; width:174px; height:139px; border:3px dashed #ccc; padding:3px;}
.features li a.feature-one{border-width:0 3px 0 0;}
.features li a.feature-two{border-width:0 3px 0 0;}
.features li a.feature-three{border-width:0 3px 0 0;}
.features li a.feature-four{border-width:0;}


/* FAQ section */
#tabbed_box
{
	margin:9px auto 18px auto;
	width:924px;
}

.tabbed_box h4
{
	font-size:18px;
	color:#888;
	margin-bottom:18px;
}

.tabbed_box h4 small
{
	color:#f30;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}

.tabbed_area{padding:0;}

#tabbed_box ul.tabs
{
	margin:1px 0 3px 0;
	padding:0;
	background:transparent;
}

#tabbed_box ul.tabs li
{
	list-style:none;
	display:inline;
	background:none;
	margin:-12px;
}

#tabbed_box ul.tabs li a
{
	background:#555;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #ccc; 
}

#tabbed_box ul.tabs li a:hover 
{
	background-color:#111;
	border-color:#555;
}

#tabbed_box ul.tabs li a.active
{
	background:#fff url('../img/tab_on.jpg') top left repeat-x;
	color:#555;
	border:1px solid #ccc; 
	border-bottom: 1px solid #fff;
}

#tabbed_box .content
{
	background:#fff url('../img/content_bottom.jpg') bottom left repeat-x;
	padding:9px;
	border:1px solid #ccc; 	
}

#tabbed_box .content ul
{
	margin:0px;
	padding:0px 20px 0px 20px;
	background:transparent;
}
#tabbed_box .content ul li
{
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:9px;
	padding-bottom:9px;
	background:none;
	font-size:14px;
	
}
#tabbed_box .content ul li a
{
	text-decoration:none;
	color:#3e4346;
}
#tabbed_box .content ul li a small
{
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}

#tabbed_box .content ul li:last-child{border-bottom:none;}

#content_2, #content_3, #content_4{display:none;}



/* misceleneous */
.clear{clear:both; display:block; height:1px;}

/* make sure there is no gap in the product listing */
.extend{background:url('../img/bodge.gif') 54px 0px no-repeat;}