/* -------------------------- */
	/*  Color Key                 */
	/* -------------------------- */
	/*
		Orange: 							#ff6319
		Burnt Orange (link hover): 			#974615
		Dark Grey: 							#37424a
		Lt Grey: 							#dadddf
		Teal/Seafoam: 						#a1dad0
		Dark Seafoam - Cart link rollovers: #009387
		Dark Blue - Lines in Cart: 			#99b9b8
	*/

	/* -------------------------- */
	/*         INCLUDES           */
	/* -------------------------- */
	@import "meyer-reset.css";


	/* -------------------------- */
	/*         OVERALL            */
	/* -------------------------- */
	body { color: #37424a; background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	a { color: #ff6319; text-decoration: none; }
		a:link { color: #235ab7; text-decoration:underline; }
		a:visited { color: #974615; }
		a:hover { text-decoration: underline; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	ul li { background: url(../_img/bullet.gif) no-repeat 0 4px; padding-left: 12px; line-height:14px;}

	.noshow { display: none; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}


	/* -------------------------- */
	/*    BUTTONS                 */
	/* -------------------------- */
	.smallButton, .largeButton { display: block; text-indent: -9999px;  background-repeat: no-repeat; outline: none; }
		.smallButton { height: 20px; }
			.smallButton:hover { background-position: 0 -20px; }
		.largeButton { height: 26px; }
			.largeButton:hover { background-position: 0 -26px; }
	.btnAddToCart { width: 90px; background-image: url(../_img/buttons/addtocart.gif); text-align: left; float: right; }
	#btnClose { display: block; width: 35px; height: 8px; background: url(../_img/buttons/close-trans.png) transparent no-repeat; outline: none; text-indent: -9999px; float: right; margin: 56px 22px 0 0; }


	#popupWrapper { width: 742px; margin: 0 auto; }
	
	#header { width: 742px; height: 75px; position: relative; }
	#logo { width: 141px; float: left; margin: 10px 0 0 20px; }


	/* -------------------------- */
	/*        PHONE DETAILS       */
	/* -------------------------- */
	body#phoneDetails, body.causes { background-color: #a1dad0; }
		#phoneDetails .btnAddToCart { margin: 70px 30px 0 0; }
		
	.detailsbox, .detailsbox_body, .detailsbox_head, .detailsbox_head #boxHeader { background: transparent url(../_img/boxes/popupbox_ffffff.gif) no-repeat bottom right; } 
		.detailsbox { width: 742px !important; margin: 0 0 20px 0; } 
		.detailsbox_head { background-position: top right; padding-right: 0px; } /* set the top-right image */ 
		.detailsbox_head #boxHeader { background-position: top left; padding-top: 20px; height: auto !important; height:1%; /* IE Holly Hack */ } /* set the top-left image */ 
		.detailsbox_body { background-position: bottom left; margin-right: 0px; padding: 0; } /* set the lower-left corner image */ 

	#largeImageWrapper { float: left; width: 380px; text-align: center; background: url(../_img/ajax-loader.gif) no-repeat center center; }
	#largeImage { margin: 0 auto; }
	#phoneDetailsWrapper { width: 340px; float: left; }
		#phoneDetailsWrapper h1 { font-size: 20px; font-weight: bold; padding: 25px 0 2px 0; margin: 0 10px; border-bottom: 1px solid #dadddf; }
		#phoneDetailsWrapper p { font-size: 14px; line-height: 18px; margin: 20px 10px 30px 10px; }
		#phoneDetailsWrapper #accessoriesContent p { font-size: 12px; line-height: 15px; margin: 18px 0 0 0; }
	
	
	.tabContent { width: 310px; margin: 0; padding: 0 10px 0 20px; }
		#planDetailsWrapper .tabContent { padding: 0 10px 20px 10px; width: auto; }
		#planDetailsWrapper #featuresContent ul { margin: 5px 0 0 10px; }

	ul#tabList { margin: 0 0 0 13px; padding: 0; }
		#planDetailsWrapper ul#tabList { margin: 10px 0 15px 3px; }
		ul#tabList li { display: block; float: left; background: none; margin: 0; padding: 0; }
			ul#tabList li.activeTab a { background-position: 0 -17px; }
		ul#tabList a { display: block; height: 17px; float: left; outline: none; text-indent: -9999px; background-repeat: none; margin-right: 20px; }
			ul#tabList a:hover { background-position: 0 -17px; }
			li#featuresTab a { width: 69px; background-image: url(../_img/nav/phoneDetails_features.gif); }
			li#specsTab a { width: 49px; background-image: url(../_img/nav/phoneDetails_specs.gif); }
			li#accessoriesTab a { width: 117px; background-image: url(../_img/nav/phoneDetails_available_extras.gif); }
			li#termsTab a { width: 52px; background-image: url(../_img/nav/planDetails_terms.gif); }
			li#extrasTab a { width: 118px; background-image: url(../_img/nav/planDetails_extras.gif); }

	#featuresContent ul { margin-top: 20px; }
		#featuresContent ul li { margin-bottom: 8px; }
	#specsContent h3, #accessoriesContent h3 { margin: 20px 0 5px 0; font-weight: bold; }
		#accessoriesContent h3 { margin-top: 18px; }
	#specsContent div, #accessoriesContent div { line-height: 16px; }

	#footer { padding-bottom: 20px; }
	ul#thumbnails { list-style: none; padding: 0; margin: 0 0 0 55px; float: left; }
	ul#thumbnails li { display: block; float: left; padding: 0; background: none; }

	/* -------------------------- */
	/*        STANDARD POPUP      */
	/* -------------------------- */
	#standardPopupWrapper { width: 467px; margin: 0 auto; }
		#standardPopupWrapper #header { width: 467px; margin: 0; height: auto; }
		#standardPopupWrapper #btnClose { margin: 75px 20px 0 0; }
		#standardPopupWrapper #logo { margin: 30px 0 0 10px; }
	.contentbox, .contentbox_body, .contentbox_head, .contentbox_head div { background: url(../_img/boxes/popupbox_sm_ffffff.gif) no-repeat bottom right; } 
		.contentbox { width: 467px !important; } 
		.contentbox_head { background-position: top right; padding-right: 0px; } /* set the top-right image */ 
		.contentbox_head h1 { background-position: top left; padding: 20px 0 0 20px; height: auto !important; height:1%; /* IE Holly Hack */ } /* set the top-left image */ 
		.contentbox_body { background-position: bottom left; margin-right: 0px; padding: 10px 20px 15px 20px; min-height: 150px; } /* set the lower-left corner image */ 
	.contentbox_head h1 { font-size: 20px; }
	.contentbox_body p { line-height: 16px; margin-bottom: 20px; }
	.contentbox_body a { color: #ff6319; }
	
	
	/* -------------------------- */
	/*        COVERAGE MAPS       */
	/* -------------------------- */
	body#coverageMaps { background-color: #a1dad0; }
		body#coverageMaps #popupWrapper, body#coverageMaps #header { width: 1000px; }
		body#coverageMaps #header { padding-top: 22px; }
		
	.coveragemapsbox, .coveragemapsbox_body, .coveragemapsbox_head{  width: 1000px !important; background: transparent url(../_img/boxes/coveragemaps_ffffff.gif) no-repeat bottom right; } 
		.coveragemapsbox { width: 1000px !important; margin: 0 0 20px 0; } 
		.coveragemapsbox_head { background-position: top right; padding: 15px 0 0 0;} /* set the top-right image */ 
		.coveragemapsbox_head h1 { margin:20px 0 10px 20px; height: 18px; color:#37424A; font-size:24px; font-weight:normal; height: auto !important; height:1%; /* IE Holly Hack */ } /* set the top-left image */ 
		.coveragemapsbox_head p { margin:20px 20px 10px 20px; font-size:13px; line-height:18px;}
		.coveragemapsbox_body { background-position: bottom left; margin-right: 0px; padding: 0; } /* set the lower-left corner image */ 

	#hdr_coverageMaps {  height: 18px; color:#37424A; font-size:24px; font-weight:normal;}
	
	#coverageMapContainer { padding-bottom: 40px; }
	#coverageMap { width: 975px; float: left; padding-left: 20px; }
		#coverageMap p { line-height: 16px; margin-bottom: 20px; }
	#coverageMapLegend { width: 189px; float: left; padding-top: 93px; }
	
	
/* plans */

.planpop-sm {font-size: 10px; line-height: 13px; color: #889299;}
.headblurb {font-size: 16px; line-height: 20px;}