/*
STYLE GUIDE
--------------------------------------------------
--------------------------------------------------

PAGE TITLES
--------------------------------------------------
HTML Tag: <h2>
Photoshop Template: h2.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 55px
Font Color: #ffffff
Background Color: #0064a1 (note slight shadow over bottom of text)
File Naming Convention: file is "h2-" plus the text of the title all lowercase separated by dashes (ex. h2-feast-pizzas-v1.gif )
CSS Naming Convention: ID is "h2-" plus the text of the title all lowercase separated by dashes (ex. <h2 id="h2-feast-pizzas">Feast Pizzas</h2> )

BREADCRUMBS
--------------------------------------------------
HTML Tag: <p>
Photoshop Template: breadcrumb-v1.psd and breadcrumb-home-v1.psd (home page breadcrumb is different in height)
Font: Orator Std
Font Size: 12px
Font Color: #ffffff
Background Color: #f5001e
File Naming Convention: ID is "bcrumb-" plus the text of the title all lowercase separated by dashes (ex. bcrumb-dominos-menu-feasts-v1.gif )
CSS Naming Convention: ID is "h2-" plus the text of the title all lowercase separated by dashes (ex. <p class="breadcrumbs" id="bcrumb-dominos-menu-feasts">Dominos / Menu / Feasts</p> )

NAVIGATION MAIN
--------------------------------------------------
HTML Tag: <div class="topNav"><ul id="navigation-main"><li id="seeMenu"><a href="#" title="Menu" class="selected">
Photoshop Template: navigation-main.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 21px
Font Color: #0064a1 (off and selected) / #80b2d0 (hover) (note slight glow at the bottom of text, this has been removed and left transparent on each state to eliminate matching problems)
Background Color: #ffffff
File Naming Convention: ID is based on old naming convention (ex. seeMenu-v1.gif )
CSS Naming Convention: ID is based on old naming convention and is placed on the <li> (ex. <li id="seeMenu"> )

NAVIGATION SUB
--------------------------------------------------
HTML Tag: <div class="topNav"><ul id="navigation-sub"><li id="subnav-pizzas"><a href="#" title="Pizzas" class="selected">
Photoshop Template: navigation-sub-menu.psd and navigation-sub-olo.psd
Font: Trade Gothic Bold Condensed No. 20
Font Size: 18px
Font Color: #ffffff (50% transparent, off state) / #ffffff (hover and selected)
Background Color: #0064a1
File Naming Convention: ID is "subnav-" plus the text of the link all lowercase separated by dashes (ex. subnav-pizzas-v1.png )
CSS Naming Convention: ID is "subnav-" plus the text of the link all lowercase separated by dashes and is placed on the <li> (ex. <li id="subnav-feasts"> )
*/

/*
reset.css
--------------------------------------------------*/
/*html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:#333;background:white;}
/*table{border-collapse:separate;border-spacing:0;}*/
caption{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*
typograpghy.css
--------------------------------------------------*/
body{font-family:Arial,sans-serif;line-height:1.5;}
body{font-size:75%;}
html > body{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;}
h1{font-size:3em;}
h2{font-size:2em;}
h3{font-size:1.5em;line-height:2;}
h4{font-size:1.2em;line-height:1.25;font-weight:bold;}
h5{font-size:1em;font-weight:bold;}
h6{font-size:1em;}
p{margin:0 0 1.5em 0;}
p.last{margin-bottom:0;}
p img.top{margin-top:0;}
ul,ol{margin:0 0 1.5em 1.5em;}
ol{list-style-type:decimal;}
dl{margin:1.5em 0;}
dl dt{font-weight:bold;}
a{color:#125AA7;text-decoration:underline;outline:none;}
a:hover{color:#000;}
blockquote{margin:1.5em 0 1.5em 1.5em;font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
code{font:0.9em Monaco,monospace;}
hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}
* html hr{margin:0 0 1.2em 0;}
label{font-weight:bold;}
p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
p.large{font-size:1.2em;line-height:2.5em;}
p.quiet{color:#666;}
.hide{display:none;}
.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}
.dquo{margin-left:-.7em;}
p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;}

/*
HTML
--------------------------------------------------*/
body
	{
	text-align: center;
	background: #fff;
	}
a:link
	{
	color: #0064a1;
	}
a:hover
	{
	color: #f5001e;
	}

/*
SITE-WRAPPER
--------------------------------------------------*/
.site-wrapper
	{
	margin: 0 auto;
	width: 980px;
	padding-left: 4px;
	overflow: hidden;
	text-align: left;
	position: relative;
	}

/*
HEADER
--------------------------------------------------*/
.header
	{
	text-align: center;
	height: 48px;
	position: relative;
	z-index: 200;
	}
h1
	{
	position: absolute;
	top: 11px;
	left: -5px;
	width: 128px;
	height: 128px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 900;
	}
h1 a
	{
	display: block;
	width: 128px;
	height: 128px;
	background: transparent url(../images/h1-v1.png) no-repeat;
	cursor: pointer;
	}
#lang-nav
	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 69px;
	height: 17px;
	width: 74px;
	}
#lang-nav li
	{
	float: right;
	margin: 0;
	padding: 0;
	}
#lang-eng,
#lang-esp
	{
	height: 17px;
	background: transparent url(../images/lang-nav-v1.gif) no-repeat;
	}
#lang-eng a,
#lang-esp a
	{
	height: 17px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/lang-nav-v1.gif) no-repeat;
	}
#lang-eng,
#lang-eng a
	{
	width: 36px;
	background-position: -5px 0;
	}
#lang-esp,
#lang-esp a
	{
	width: 38px;
	background-position: -36px 0;
	}
#lang-eng a:hover,
#lang-eng .selected
	{
	background-position: 0 -17px;
	}
#lang-esp a:hover,
#lang-esp .selected
	{
	background-position: -36px -17px;
	}
#lang-nav .selected
	{
	cursor: default;
	}
#clock
	{
	width: 90px;
	height: 30px;
	padding: 7px 15px 0 55px;
	margin: 0 auto;
	background: transparent url(../images/clock-v1.png) no-repeat top right;
	text-align: center;
	color:  #fff;
	font-weight: bold;
	font-size: 12px;
	}

/*
topNav
--------------------------------------------------*/
.topNav
	{
	height: 85px;
	background: transparent url(../images/topNav-v1.png) no-repeat left bottom;
	position: relative;
	z-index: 150;
	}
#navigation-main,
#navigation-sub
	{
	width: 749px;
	margin: 0 0 0 173px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	line-height: 1;
	}
#navigation-sub
	{
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 160;
	margin: 7px 0 0 114px;
	padding-left: 60px;
	}
#navigation-main li,
#navigation-sub li
	{
	float: left;
	height: 24px;
	}
#navigation-main li
	{
	margin-right: 38px;
	}
#navigation-main a
	{
	display: block;
	float: left;
	height: 24px;
	text-indent: -9999px;
	}
#navigation-sub li
	{
	height: 29px;
	margin-right: 35px;
	}
#navigation-sub a
	{
	display: block;
	float: left;
	height: 29px;
	text-indent: -9999px;
	}

/* NAVIGATION-MAIN BUTTONS */
#seeMenu,
#seeMenu a
	{
	width: 42px;
	background: transparent url(../images/seeMenu-v1.gif) no-repeat 0 0;
	}
#orderOnline,
#orderOnline a
	{
	width: 50px;
	background: transparent url(../images/orderOnline-v1.gif) no-repeat 0 0;
	}
#findADominos,
#findADominos a
	{
	width: 81px;
	background: transparent url(../images/findADominos-v1.gif) no-repeat 0 0;
	}
#enterPromoCode,
#enterPromoCode a
	{
	width: 151px;
	background: transparent url(../images/enterPromoCode-v1.gif) no-repeat 0 0;
	}
#emailOffers,
#emailOffers a
	{
	width: 107px;
	background: transparent url(../images/emailOffers-v1.gif) no-repeat 0 0;
	}
#yourAccount,
#yourAccount a
	{
	width: 116px;
	background: transparent url(../images/yourAccount-v1.gif) no-repeat 0 0;
	}
#logout,
#logout a
	{
	width: 62px;
	background: transparent url(../images/logout-v1.gif) no-repeat 0 0;
	}
#tracker,
#tracker a
	{
	width: 65px;
	background: transparent url(../images/tracker-v1.gif) no-repeat 0 0;
	}
li#onlineCoupons
	{
	position: absolute;
	bottom: -44px;
	right: 61px;
	margin: 0;
	padding: 0;
	}
li#onlineCoupons,
li#onlineCoupons a
	{
	width: 167px;
	height: 44px;
	background: transparent url(../images/onlineCoupons-v1.png) no-repeat 0 0;
	}
li#onlineCoupons a:hover
	{
	background-position: 0 -44px;
	}
li#franchise
	{
	position: absolute;
	bottom: 61px;
	right: 67px;
	margin: 0;
	padding: 0;
	}
li#franchise,
li#franchise a
	{
	width: 201px;
	height: 19px;
	background: transparent url(../images/franchise-v1.gif) no-repeat 0 0;
	}
li#franchise a:hover
	{
	background-position: 0 -19px;
	}
li#chooseStore
	{
	position: absolute;
	bottom: -51px;
	right: 67px;
	margin: 0;
	padding: 0;
	z-index: 170;
	color: #84b0ce;
	font-size: 11px;
	}
li#chooseStore a
	{
	text-indent: 0;
	display: inline;
	float: none;
	color: #84b0ce;
	}
li#chooseStore a:hover
	{
	color: #fff;
	}
#navigation-main a:hover
	{
	background-position: 0 -24px;
	}
#navigation-main a.selected
	{
	background-position: 0 -48px;
	cursor: default;
	}

/* NAVIGATION-SUB BUTTONS */
#subnav-pizzas,
#subnav-pizzas a
	{
	width: 45px;
	background: transparent url(../images/subnav-pizzas-v1.png) no-repeat 0 0;
	}
#subnav-feasts,
#subnav-feasts a
	{
	width: 46px;
	background: transparent url(../images/subnav-feasts-v1.png) no-repeat 0 0;
	}
#subnav-sides,
#subnav-sides a
	{
	width: 38px;
	background: transparent url(../images/subnav-sides-v1.png) no-repeat 0 0;
	}
#subnav-drinks,
#subnav-drinks a
	{
	width: 47px;
	background: transparent url(../images/subnav-drinks-v1.png) no-repeat 0 0;
	}
#subnav-delivery,
#subnav-delivery a
	{
	width: 157px;
	background: transparent url(../images/subnav-delivery-v1.png) no-repeat 0 0;
	}
#subnav-choosePizza,
#subnav-choosePizza a
	{
	width: 110px;
	background: transparent url(../images/subnav-choosePizza-v1.png) no-repeat 0 0;
	}
#subnav-chooseSides,
#subnav-chooseSides a
	{
	width: 163px;
	background: transparent url(../images/subnav-chooseSides-v1.png) no-repeat 0 0;
	}
#subnav-chooseDesserts,
#subnav-chooseDesserts a
	{
	width: 180px;
	background: transparent url(../images/subnav-chooseDesserts-v1.png) no-repeat 0 0;
	}
#subnav-checkout,
#subnav-checkout a
	{
	width: 84px;
	background: transparent url(../images/subnav-checkout-v1.png) no-repeat 0 0;
	}
#navigation-sub a:hover
	{
	background-position: 0 -29px;
	}
#navigation-sub a.selected
	{
	background-position: 0 -58px;
	cursor: default;
	}
#subnav-choosePizza a.selected
	{
	cursor: pointer;
	}
li#subnav-nutritionalInfo
	{
	position: absolute;
	height: 15px;
	top: 6px;
	right: 7px;
	margin: 0;
	padding: 0;
	}
li#subnav-nutritionalInfo,
li#subnav-nutritionalInfo a
	{
	width: 84px;
	height: 15px;
	background: transparent url(../images/nutritionalInfo-v1.gif) no-repeat 0 0;
	}
li#subnav-nutritionalInfo a:hover
	{
	background-position: 0 -15px;
	}

/*
BREADCRUMBS
--------------------------------------------------*/
.breadcrumbs
	{
	position: absolute;
	top: 72px;
	right: 5px;
	width: 36px;
	height: 349px;
	z-index: 1000;
	background: transparent url(../images/breadcrumb-v1.gif) no-repeat;
	}

/*
SITE-CONTENT
--------------------------------------------------*/
.site-content
	{
	width: 980px;
	position: relative;
	overflow: hidden;
	z-index: 100;
	}

/*
MAIN-CONTENT
--------------------------------------------------*/
.main-content
	{
	position: relative;
	}
.main-content h2
	{
	text-indent: -9999px;
	height: 45px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-color: transparent;
	background-position: 22px 0;
	background-repeat: no-repeat;
	}
	
.main-content h3
	{
	color: #006699;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -6px;
	}
	
.main-content h4 
	{
	margin-bottom: 10px;
	}

.padded-content 
	{
	padding: 20px 140px 20px 20px;
	}
	
.padded-content-full 
	{
	padding: 20px;
	}
	
.form-content 
	{
	margin: 20px 30px;
	}

/*
H2's
--------------------------------------------------*/
#h2-delivery-or-pickup 				{ background-image: url(../images/h2-delivery-or-pickup-v1.gif); }
#h2-choose-pizza 					{ background-image: url(../images/h2-choose-pizza-v1.gif); }
#h2-choose-sides-drinks 			{ background-image: url(../images/h2-choose-sides-drinks-v1.gif); }
#h2-checkout 						{ background-image: url(../images/h2-checkout-v1.gif); }
#h2-cold-drinks 					{ background-image: url(../images/h2-cold-drinks-v1.gif); }
#h2-crusts 							{ background-image: url(../images/h2-crusts-v1.gif); }
#h2-email-offers 					{ background-image: url(../images/h2-email-offers-v1.gif); }
#h2-enter-promotion-code 			{ background-image: url(../images/h2-enter-promotion-code-v1.gif); }
#h2-feast-pizzas 					{ background-image: url(../images/h2-feast-pizzas-v1.gif); }
#h2-menu 					{ background-image: url(../images/h2-menu-v1.gif); }
#h2-find-locations 					{ background-image: url(../images/h2-find-locations-v1.gif); }
#h2-forgot-password 				{ background-image: url(../images/h2-forgot-password-v1.gif); }
#h2-login 							{ background-image: url(../images/h2-login-v1.gif); }
#h2-nutritional-information 		{ background-image: url(../images/h2-nutritional-information-v1.gif); }
#h2-online-coupons 					{ background-image: url(../images/h2-online-coupons-v1.gif); }
#h2-sides 							{ background-image: url(../images/h2-sides-v1.gif); }
#h2-sizes 							{ background-image: url(../images/h2-sizes-v1.gif); }
#h2-thank-you 						{ background-image: url(../images/h2-thank-you-v1.gif); }
#h2-toppings 						{ background-image: url(../images/h2-toppings-v1.gif); }
#h2-were-sorry 						{ background-image: url(../images/h2-were-sorry-v1.gif); }
#h2-non-continental-us-customers 	{ background-image: url(../images/h2-non-continental-us-customers-v1.gif); }
#h2-international-locations 		{ background-image: url(../images/h2-international-locations-v1.gif); }
#h2-privacy-policy 					{ background-image: url(../images/h2-privacy-policy-v1.gif); }
#h2-terms-of-use 					{ background-image: url(../images/h2-terms-of-use-v1.gif); }
#h2-nutritional-info 				{ background-image: url(../images/h2-nutritional-info-v1.gif); }
#h2-product-ingredients 			{ background-image: url(../images/h2-product-ingredients-v1.gif); }
#h2-pizza-points-faq	 			{ background-image: url(../images/h2-pizza-points-faq-v1.gif); }
#h2-error				 			{ background-image: url(../images/h2-error-v1.gif); }
#h2-gift-certificates				{ background-image: url(../images/h2-gift-certificates-v1.gif); }
#h2-dominos-mobile					{ background-image: url(../images/h2-dominos-mobile-v1.gif); }
#h2-build-your-own-pizza			{ background-image: url(../images/h2-build-your-own-pizza-v1.gif); }
#h2-contact-us 						{ background-image: url(../images/h2-contact-us-v1.gif); }
#h2-you-got-confirmation 			{ background-image: url(../images/h2-you-got-confirmation-v1.gif); }
#h2-placing-order-please-wait 		{ background-image: url(../images/h2-placing-order-please-wait-v1.gif); }
#h2-red-zone-specials		 		{ background-image: url(../images/h2-red-zone-specials-v1.gif); }
#h2-whats-the-bfd			 		{ background-image: url(../images/h2-whats-the-bfd-v1.gif); }

/*
FOOTER
--------------------------------------------------*/
.footer
	{
	padding: 40px 0 0 60px;
	width: 920px;
	overflow: hidden;
	position: relative;
	z-index: 300;
	top: -21px;
	font-size: 10px;
	}
.footer p
	{
	color: #000;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	padding: 0 0 20px 94px;
	float: left;
	width: 750px;
	overflow: hidden;
	background: transparent url(../images/footer-p-v1.gif) no-repeat;
	}
.footer ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	color: #0064a1;
	font-weight: bold;
	}
.footer li
	{
	float: left;
	}
.footer li a
	{
	padding: 0 5px;
	}