@charset "UTF-8";
/* CSS Document */

/*RESET THE BROWSER DEFAULTS*/
*         { margin: 0; padding: 0; outline: none; }
img       { border: none;}
a         { border: none;}

/*FORCE THE SCROLLBAR*/
html      {   overflow-y: scroll; }
html      {   overflow: -moz-scrollbars-vertical; }

html, body { height:100%; 	margin:0;
	padding:0;}

body 			{
				
					font-family: "trebuchet MS", Helvetica, Arial, sans-serif;
					font-size: 13px;
					line-height:17px;
					background-color:#fff;
					color:#444;
				
									
				  }
			
a 				{ 	color: #00a1de; background:none; text-decoration:none; }
a:hover 		{ 	text-decoration: underline; }

img 			{	border: none;	}


              
/* TYPOGRAPHY */
/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
	font-family: 'Museo300';
	src: url('/fonts/museo300-regular-webfont.eot');
	src: local('☺'), url('/fonts/museo300-regular-webfont.woff') format('woff'), url('/fonts/museo300-regular-webfont.ttf') format('truetype'), url('/fonts/museo300-regular-webfont.svg#webfontwng1WnCd') format('svg');
	font-weight: normal;
	font-style: normal;
}

.museo    {   font-weight: normal; font-style: normal; line-height:normal; font-family: 'Museo300', "trebuchet MS", Helvetica, Arial, sans-serif; }
h1 				{   font-size: 40px; font-weight: normal; width:280px; line-height:42px; color:#fff; font-family: 'Museo300', "trebuchet MS", Helvetica, Arial, sans-serif; }
h2        {   font-size: 30px; font-weight: normal; line-height:30px; margin-bottom:6px;}
h3				{   font-size: 22px; color: #00a1de;  line-height:20px; margin-bottom:6px; font-weight:normal;	}
h4				{   font-size: 19px; color: #00a1de;  line-height:19px; margin-bottom:0; font-weight:normal; }
h5			  {   font-size: 15px; color: #444; line-height: 17px; font-weight:normal;}
h6        {   font-size: 11px; font-weight:bold; padding-bottom:3px;}
p				  {	  font-size:13px; line-height:21px; padding-bottom: 12px; margin-bottom:0;	}

#introContent p, #introContent h3 { font-family: 'Museo300', "trebuchet MS", Helvetica, Arial, sans-serif; color:#fff;}
h3.museogrey, h4.museogrey        { font-family: 'Museo300', "trebuchet MS", Helvetica, Arial, sans-serif; color: #444444; padding-bottom:10px; font-weight:normal;}
h3.museo { font-size:22px; line-height:24px; padding-bottom:10px;}
h4.museo { font-size:19px; line-height:21px; padding-bottom:10px;}
h3 sup    {font-size:10px; bottom:10px;}
h1 sup    {font-size:16px; bottom:20px;}
sup.tiny  {font-size:7px; bottom:7px;}


p.noPadding      { line-height:13px;}
sup       {  font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em; }
.tightSpacing  { padding:0; margin:0;}
h1.wide   { width:350px;}
h3.topadding { padding-top:20px;}
h3.bottomPadding {padding-bottom:40px;}

/* LISTS */
ul                  { margin: 6px 0 13px 12px; font-size:12px; line-height:18px; list-style-image: url(/images/bullet.gif);}
li                  { padding-top:2px;}
ol                  { margin: 0 0 0 30px;}
ol li               { padding:0 0 9px 0;}


/* GENERAL STYLES */
.clear    { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; }
.topline  {  border-top: 1px solid #d7d7d7; padding-top:30px; margin-top:30px; }
.textpadding { padding-left: 5px; padding-right:5px; }
p.legal    {  font-size:11px; line-height: 15px; color:#aaa; margin:0; padding:3px 0 0 0; }
div.legal  {  margin-top:30px;}
.legal a   {  font-size:11px; color: #aaa; text-decoration:underline;}
.legal a:hover { color: #444;}
.hidden     { display:none; }
.topMargin  { margin-top:20px;}

/* BUTTONS */
.btn_onGrey        {  background: url(/images/btnSprite_grey.gif) no-repeat; text-indent:-9999px; display:block; }
.btn_onWhite       {  background: url(/images/btnSprite_white.gif) no-repeat; text-indent:-9999px; display:block; }
.btn_schoolOffers  {  width:271px; height:22px; background-position: -10px -130px; }
.btn_schoolOffers:hover  {  background-position: -10px -160px; }
.btn_learnMore     {  width:105px; height:22px; background-position: -10px -70px; }
.btn_learnMore:hover     {  background-position: -200px -70px; }
.btn_signUp     {  width:111px; height:22px; background-position: -10px -70px; }
.btn_signUp:hover     {  background-position: -200px -70px; }
.btn_clickHere        {  width:97px; height:22px; background-position: -10px -40px; }
.btn_clickHere:hover     {  background-position: -200px -40px; }
.btn_shopNow        {  width:103px; height:22px; background-position: -10px -190px; }
.btn_shopNow:hover     {  background-position: -200px -190px; }
.btn_checkItOut       {  width:115px; height:22px; background-position: -10px -250px; }
.btn_checkItOut:hover     {  background-position: -200px -250px; }
.btn_joinFight        {  width:157px; height:38px; background-position: -10px -280px; margin-top:12px; }
.btn_joinFight:hover     {  background-position: -200px -280px; }
.btn_becomeAmbassador        {  width:200px; height:22px; background-position: -10px -330px; }
.btn_becomeAmbassador:hover     {  background-position: -240px -330px; }
.btn_enterNow        {  width:100px; height:22px; background-position: -10px -360px; }
.btn_enterNow:hover     {  background-position: -240px -360px; }
#notMySchool        {  width:136px; height:22px; background-position: -10px -220px; }
#notMySchool:hover     {  background-position: -200px -220px; }
.btn_viewPhotos        {  width:115px; height:22px; background-position: -10px -450px; }
.btn_viewPhotos:hover     {  background-position: -240px -450px; }
.btn_accept        {  width:81px; height:22px; background-position: -10px -390px; float:left;}
.btn_accept:hover     {  background-position: -240px -390px; }
.btn_decline       {  width:72px; height:22px; background-position: -10px -420px; float:left; margin-left:25px;}
.btn_decline:hover     {  background-position: -240px -420px; }
.buttons               { margin-top:25px;}
.btn_view           {  width:53px; height:19px; background-position: -10px -480px; }
.btn_view:hover     {  background-position: -70px -480px; }
.btn_the_gallery        {  width:121px; height:22px; background-position: -10px -510px; }
.btn_the_gallery:hover     {  background-position: -240px -510px; }


/* MAIN LAYOUT */
#mainContainer    {  width:950px; position:relative; margin: 0 auto; background-color:#fff; padding-bottom:90px;}
#wrappingContainer { min-height:100%; position:relative; border-top: 10px solid #00a1de;}
#wrapper          {  width:950px; position:relative; background: url(/images/sidebar_fill.gif) repeat-y top right; margin-bottom:40px; z-index:50;}
#leftColumn       {  width:685px; padding:0px; float:left; }
#rightColumn      {  width:240px; padding:0px; margin:0; float:right; background: url(/images/sidebar_fill_top.gif) no-repeat top left; position:relative; }
#rightColumn .content  { width:200px; padding:20px 20px 5px 20px; margin-top:12px;}
#wrapper div.rightColumnBottom  {  background: url(/images/sidebar_fill_bottom.gif) no-repeat top right; height:15px; clear:both; overflow:hidden; }
#footer           {  width:100%; height:90px; background-color:#00a1de; position:absolute; bottom:0; display:block;}
#footer .content   {  width:940px; margin:0 auto; padding:0 5px; padding-top:15px;}
#footer img { float:left;}
#footer .bestPrice   { float:left; display:inline; color:#fff; width:450px; text-align:center; margin-top:5px; margin-left:80px;}
#footer .bestPrice p  { padding:0; margin:0; font-size:10px; line-height:13px; color:#bdd5de}
#footer .bestPrice p.heading {font-size:16px; font-family: 'Museo300', sans-serif; padding-bottom:5px; color:#fff; }
#footer p.fineprint  {font-size:10px; width:950px; text-align:center; padding-top:6px; line-height:10px; padding-bottom:0; color:#bdd5de;}
#footer a   { float:right; font-size: 11px; color:#fff; display:block; width:90px; padding-top:5px; line-height:12px; }


/* HEADER */
#logo                 {  width:200px; height:73px; float:left; margin-top:11px; }

#mainNav              {  width:730px; height:17px; float:right; margin: 40px 15px 0 0; text-align:right; }
#mainNav a            {  color:#444; }
#mainNav a:hover      {  color:#00a1de; text-decoration:none; }
#mainNav .selected a  {  color:#00a1de; font-weight:bold;}
#mainNav ul           {  list-style:none; margin:0; padding:0; display:inline; }
#mainNav li           {  display:inline; padding: 0 10px; border-left: 1px solid #444; }
#mainNav li.firstItem {  border:0;}

#subNav               {  width:100%; height:17px; margin:13px 0 20px 5px; z-index:95; position:relative;}
#subNav a             {  color:#aaa; }
#subNav a:hover       {  color:#00a1de; text-decoration:none; }
#subNav .selected a   {  color:#00a1de; font-weight:bold;}
#subNav ul            {  list-style:none; margin:0; padding:0; display:inline; }
#subNav li            {  display:inline; padding: 0 10px; border-left: 1px solid #aaa; }
#subNav li.firstItem  { padding: 0 10px 0 0; border-left: 0;}

/* CTAs */
.ctaBorder            {  border-top: 1px solid #fff; padding-top:20px; margin-top: 20px; width:200px;} 
#signup               {  position:relative;}
#signup h2            {  background: url(/images/cta_signup.gif); width:200px; height: 112px; text-indent:-9999px;}
#signup a             {  position:absolute; top:80px; left:0; }
#windows7 h2          {  background: url(/images/cta_windows7.gif); width:200px; height: 61px; text-indent:-9999px; margin-bottom:3px;}
#windows7 p           {  font-size:11px; line-height:15px;}
a.contactAmbassador   {  width:200px; height:47px; text-indent:-9999px; display:block; background: url(/images/contact_ambassador.gif) no-repeat;}
a.contactAmbassador:hover  { background: url(/images/contact_ambassador_hover.gif);}

/* SIDEBAR SCHOOL SELECTOR */
#schoolChooserPanel             { width:200px;}
#schoolChooserPanel h3          { margin-bottom:0;}
#schoolChooserPanel p           { font-size:12px; line-height:14px; }
#schoolChooserPanel select      { width:180px; display:block;}
#schoolChooserPanel select.last      { margin-bottom:0px;}
#schoolChooserPanel strong       { color:#444; font-size:11px; font-weight:normal; margin-bottom:3px; display:block; margin-top:10px;}
#schoolChooserPanel strong.first { margin-top:0;}
.formBackground                 { background-color:#fff;}
.formBackground .formContent { background-color:#fff; padding:5px 10px 12px 10px;}
.formBackground  span.topborder {  background: url(/images/selectForm_topBorder.gif) no-repeat top left; height:10px; width:200px; display:block; line-height:1px; overflow:hidden;}
.formBackground  span.bottomborder {  background: url(/images/selectForm_bottomBorder.gif) no-repeat top left; height:10px; width:200px; display:block; line-height:1px; overflow:hidden; margin-bottom:12px;}
#schoolChooserPanel #school_submit { width:55px; height:22px; overflow:hidden; text-indent:-9999px; display:block; background: url(/images/btnSprite_grey.gif) no-repeat; background-position: -10px -10px; border:0; cursor:pointer; font-size: 0; display:block; line-height: 0; float:left; }
#schoolChooserPanel #school_submit:hover {  background-position: -200px -10px;}
a.twitterLink                    { width:25px; height:25px; text-indent:-9999px; background: url(/images/twitter.jpg) no-repeat top left; display:inline; float:right; margin:0 2px; }
a.twitterLink:hover                     { background: url(/images/twitter_hover.jpg)}
a.facebookLink                    { width:25px; height:25px; text-indent:-9999px; background: url(/images/facebook.jpg) no-repeat top left; display:inline; float:right; margin:0 2px;}
a.facebookLink:hover                     { background: url(/images/facebook_hover.jpg)}
#schoolDisplayPanel               { width:200px;}
#schoolDisplayPanel h3.museogrey { font-size:24px; float:left; width:140px; margin:0; padding-top:4px; }
#schoolDisplayPanel #notMySchool  { margin-top:12px;}
#schoolDisplayPanel h5          { font-size:14px; color:#00a1de;}
#stateAmbassadors { padding:12px 0 3px 0; }
a.become_ambassador { padding:0 0 12px 0; font-size:11px;}
#schoolDisplayPanel ul#ambassadors_grid	 li img	
                        { border: solid 1px #aaa; width:22px; height:22px ; display:block; }
#schoolDisplayPanel ul#ambassadors_grid	 li	
                        { margin:0 3px 3px 0; }

/* CONTENT PAGES */
#introBanner          { background: url(/images/intro_fill.gif) repeat-y top left; width:100%; margin-bottom:30px; z-index:94;}
#introBanner.purple          {  background: url(/images/intro_fill_purple.gif); }
#introBanner.noMargin  { margin-bottom:0; }

#introBanner span.topborder {  background: url(/images/intro_fill_top.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; overflow:hidden;}
#introBanner span.bottomborder {  background: url(/images/intro_fill_bottom.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; margin:0; padding:0; overflow:hidden;}
#introContent         {  padding:20px 35px 10px 35px; position:relative; }
#introContent p       {  color:#fff; font-size:14px; line-height:22px; padding-top:20px; }

#introBanner.purple span.topborder {  background: url(/images/intro_fill_top_purple.gif) }
#introBanner.purple span.bottomborder {  background: url(/images/intro_fill_bottom_purple.gif) }
#introBanner.red          {  background: url(/images/intro_fill_red.gif) }
#introBanner.red span.topborder {  background: url(/images/intro_fill_top_red.gif) }
#introBanner.red span.bottomborder {  background: url(/images/intro_fill_bottom_red.gif) }
#introBanner.red #introContent.red  { background: url(/images/intro_fill_red.gif) }
#introBanner.green #introContent   {  background: url(/images/intro_fill_green.gif) }
#introBanner.green           {  background: url(/images/intro_fill_green.gif) }
#introBanner.green span.topborder {  background: url(/images/intro_fill_top_green.gif) }
#introBanner.green span.bottomborder {  background: url(/images/intro_fill_bottom_green.gif) }
#introBanner.gray          {  background: url(/images/intro_fill_gray.gif) }
#introBanner.gray #introContent         {  background: url(/images/intro_fill_gray.gif) }
#introBanner.gray span.topborder {  background: url(/images/intro_fill_top_gray.gif) }
#introBanner.gray span.bottomborder {  background: url(/images/intro_fill_bottom_gray.gif) }
#introBanner.dellGray          {  background: url(/images/intro_fill_dellGray.gif) }
#introBanner.dellGray #introContent           {  background: url(/images/intro_fill_dellGray.gif) }
#introBanner.dellGray span.topborder {  background: url(/images/intro_fill_top_dellGray.gif) }
#introBanner.dellGray span.bottomborder {  background: url(/images/intro_fill_bottom_dellGray.gif) }
#introBanner.yellow          {  background: url(/images/intro_fill_yellow.gif) }
#introBanner.yellow #introContent          {  background: url(/images/intro_fill_yellow.gif) }
#introBanner.yellow span.topborder {  background: url(/images/intro_fill_top_yellow.gif) }
#introBanner.yellow span.bottomborder {  background: url(/images/intro_fill_bottom_yellow.gif) }


/* HOME */
#introBanner_homeHeader #introContent   {  background: url(/images/intro_fill_home.gif) repeat-y top left; padding:20px 35px 10px 35px;}
#introBanner_homeHeader .topborder {  background: url(/images/intro_fill_top_home.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; overflow:hidden;}
#introBanner_homeHeader .bottomborder {  background: #fff url(/images/intro_fill_bottom_home.gif) no-repeat top left; height:39px; display:block; line-height:1px; margin:0; padding:0; overflow:hidden;}
#introBanner_homeHeader         {  padding:0; position:relative; margin:0; display:block; width:950px;}
#introBanner_homeHeader p       {  color:#fff; font-size:16px; line-height:22px; padding-top:20px; width:400px; }
#billboard                 {  margin-bottom:5px;}
a.stillInHS                     { width:396px; height:24px; float:right; background: url(/images/stillInHS.gif) no-repeat; text-indent:-9999px; }
a.stillInHS:hover               { background: url(/images/stillInHS_hover.gif);}
#titlebar                       { width:685px; border-top: 1px solid #d7d7d7; padding-top:25px; margin-top:10px;}
#titlebar h3                    { width:250px; float:left;}
.home_intro_img {  width:550px; height:278px; position:absolute; top:-55px; right:-45px; background: url(/images/home_intro_img.png) no-repeat; }
h1.schoolName                   {font-size:28px; width:400px; line-height:30px;}


/* ROTATING BILLBOARD */
#billboard                      { position:relative; display:block; width:685px; height:240px;}
#billboard_controls             { position:relative; display:block; float:right; padding-right:15px;}
#billboard_controls_nums        { float:right; height:20px;}
#billboard_controls_nums a      { height:20px; display:inline; line-height:20px; padding:0 6px; color:#aaa; }
#billboard_controls_nums a.activeSlide { color:#00a1de; font-weight:bold; text-decoration:underline;}
a.pausebtn                         { width:20px; height:20px; display:block; background: url(/images/pause.gif) no-repeat; float:right; margin-top:2px;}
a.playbtn                        { width:20px; height:20px; display:block; background: url(/images/play.gif) no-repeat; float:right; margin-top:2px;}

/* TWITTER FEED */
.tweetTop                   { background: url(/images/twitter_bubble_top.gif) no-repeat; width:200px; height:16px; display:block; overflow:hidden; }
.tweetMiddle                { background: url(/images/twitter_bubble_middle.gif) repeat; width:200px; display:block; overflow:hidden; }
.tweetMiddle .tweetContent  { padding:0 10px;}
.tweetContent p            { padding:0; margin:0; color:#fff; font-size:11px; line-height:13px; word-wrap:break-word;}
.tweetContent p.date        { padding-top:3px; font-size:10px;}
.tweetBottom                { background: url(/images/twitter_bubble_bottom.gif) no-repeat; width:200px; height:29px; display:block; } 
.tweet                      { margin-bottom:10px;}
.tweetContent a       {color:#fff; text-decoration:none;}
.tweetContent a:hover {color:#fff; text-decoration:underline;}


/* DELL AT YOUR SCHOOL */
#introBanner h3.schoolName  { width:350px; padding:0px;}
#help p                     { width:685px; height:52px; display:block; text-indent:-9999px; background: url(/images/help.gif) no-repeat top center; padding:0; }
.schoolDetails_img          { width:258px; height:172px; position:absolute; top:-50px; right:30px; background: url(/images/intro_img_schoolDetails.png) no-repeat; }

/* STUDENT DEALS */
.deal                  {  width:453px;}
.deal img              {  width:85px; height:85px; float:left; }
.deal .copy            {  width:343px; float:right; }
#studentdealsLeftCol   {  width:453px; float:left; }
#studentdealsRightCol  {  width:197px; float:right; position:relative; }
.studentdeals_img {  width:258px; height:193px; position:absolute; top:-67px; right:60px; background: url(/images/intro_img_studentDeals.png); }
#studentdealsRightCol .btn_learnMore  { position:absolute; top:555px; left:25px; }


/* APPLES TO APPLES */
.save1000               { width:404px; height:99px; background: url(/images/saveUpto1000.gif) no-repeat; text-indent:-9999px; margin-bottom:25px;}
h4.dell                 { width:312px; height:192px; background: url(/images/getAllThis.jpg) no-repeat; text-indent:-9999px;}
h4.apple                { width:312px; height:192px; background: url(/images/orJustThis.jpg) no-repeat; text-indent:-9999px;}
.comparison             { padding:0px 55px; padding-top:25px;}
.comparison p.price     { font-size: 20px; line-height:19px;}
.comparison p           { font-size: 11px; line-height:15px;}
img.plus                { width:78px; height:61px; float:left; margin-top:30px;}
p.plus                  { width:220px; float:left; margin-top:30px; }
img.additionalItems     { width:312px; width:312px;}
.twocolLeft   { width:312px; float:left; padding:0 25px 0 5px; margin-bottom:50px; }
.twocolRight  { width:312px; float:right; padding: 0 5px 0 25px; margin-bottom:50px;}
.colLineRight  { border-right: 1px solid #d7d7d7; }
table.compareTable        { width:685px; font-size:12px; line-height:16px; border: 1px solid #eee;}
table.compareTable tr.grey  { background-color:#eee;}
table.compareTable tr.savings { background-color:#00a1de; color:#fff; font-size:16px; }
table.compareTable tr.savings td.title { font-size:16px;}
table.compareTable tr.savings td  { padding:12px 0;}
table.compareTable h4       { font-size:14px; line-height:14px; margin:0; padding:0;}
table.compareTable td       { width:137px; padding:7px 6px 7px 6px; }
table.compareTable td.title { font-size:13px; line-height:16px; font-weight:bold; }
a.btn_buyNow_Blue            { width:79px; height:21px; text-indent:-9999px; background: url(/images/btn_buynow_blue.gif); display:block; margin-top:7px;}
a.btn_buyNow_Blue:hover     { background: url(/images/btn_buynow_blue_hover.gif);}



/*WINDOWS VS MAC OS*/
.windows7_img           {  width:376px; height:190px; position:absolute; top:-60px; right:-20px; background: url(/images/intro_img_windows7.png); }
#introContent h3  { padding:6px 0 0 0; margin:0;}
table.OSTable        { width:685px; font-size:12px; line-height:16px; border: 1px solid #eee; margin-bottom:30px;}
table.OSTable tr.grey  { background-color:#eee;}
table.OSTable h4       { font-size:14px; line-height:14px; margin:0; padding:0;}
table.OSTable td.left   { text-align:left; padding-left:25px;}
table.OSTable td       { width:216px; padding:6px 6px 8px 6px; }
table.OSTable td.title { width:204px; font-size:13px; line-height:16px; font-weight:bold;}
p.check                  { width:30px; height:18px; text-indent:-9999px; background: url(/images/check.gif) no-repeat; margin:0; padding:0;}
p.x                      { width:30px; height:18px; text-indent:-9999px; background: url(/images/x.gif) no-repeat; margin:0; padding:0;}
table.OSTable td p      { font-size:11px; line-height:14px;}

/* CURRENT PROMOTIONS */
.currentPromo .copy            { width:450px; float:right; padding-right:5px; }
.currentPromo img             { width:200px; float:left;}
.currentPromo .title            { width:200px; float:left;}
.currentPromo .title h3           { font-size:33px; line-height:35px;}
.contests_img           {  width:247px; height:214px; position:absolute; top:-75px; right:60px; background: url(/images/intro_img_contests.png); }
a.pastContestsLink       { width:685px; height:43px; background: url(/images/check_past_contests.gif) no-repeat; text-indent:-9999px; display:block;}
a.pastContestsLink:hover  { background: url(/images/check_past_contests_hover.gif);}
a.twitterLinkLeft                    { width:25px; height:25px; text-indent:-9999px; background: url(/images/twitter.jpg) no-repeat top left; display:inline; float:left; margin:0 2px; }
a.twitterLinkLeft:hover                     { background: url(/images/twitter_hover.jpg)}
a.facebookLinkLeft                    { width:25px; height:25px; text-indent:-9999px; background: url(/images/facebook.jpg) no-repeat top left; display:inline; float:left; margin:0 2px;}
a.facebookLinkLeft:hover                     { background: url(/images/facebook_hover.jpg)}


/* PAST PROMOTIONS */
.pastPromo              { float:left; width:200px; margin-right:27px; padding:0 5px;}
.pastPromo.lastinRow    { margin-right:0px;}
.pastPromo img          { margin-bottom:15px;}
.pastPromo h3           { font-size: 18px; line-height:19px;}
.pastPromo p            { font-size: 11px; line-height:14px; padding-bottom:6px;}
a.currrentContestsLink       { width:685px; height:43px; background: url(/images/return_current_contests.gif) no-repeat; text-indent:-9999px; display:block;}
a.currrentContestsLink:hover  { background: url(/images/return_current_contests_hover.gif);}
.pastPromo .btn_learnMore    { margin-top:8px;}



/* DELL SYSTEMS */
.products_img           {  width:366px; height:200px; position:absolute; top:-85px; right:-35px; background: url(/images/intro_img_products.png); }
.dellsystem            { position:relative; display:inline; width:202px; float:left; margin-right:24px; padding:0 5px; }
.dellsystem.topline      { padding-top:25px; }
.dellsystem h4          { height:50px;}
.lastinRow              { margin-right:0;}
.dellsystem h5          { font-size:14px; font-weight:bold; padding-bottom:5px;}
.dellsystem p           { font-size:11px; line-height:14px;}

/* MICROSOFT TIPS */
.lifesimplfied        { width:270px; position:relative; float:left; display:inline;}
.video                  { width:380px; position:relative; float:right; display:inline;}
.lifesimplfied h2       { width:226; height:70px; text-indent:-9999px; background: url(/images/window7_lifeSimplified.gif) no-repeat; padding-bottom:12px;}
.tip                    { width:330px; float:left; display:inline; margin-right:25px; padding:25px 0; border-top: 1px solid #d7d7d7; height:150px; }
.tip.toprow             { border:0; padding-top:0;}
.tip.lastinRow          { margin-right:0;}
.tip img                { width:121px; display:inline; float:left;}
.tip .copy              { width:170px; display:inline; float:right; padding:0 5px;}
.tip .copy p            { font-size:11px; line-height:14px; padding-bottom:6px;}
.additionalTips p       { padding-bottom:25px;}
.additionalTips         { border-top: 1px solid #d7d7d7; padding-top:30px; }


/* McAFFE */

#McAfeeBox          {  background: url(/images/intro_fill_lightGrey.gif) repeat-y top left; width:100%; margin:30px 0;}
#McAfeeBox  span.topborder {  background: url(/images/intro_fill_top_lightGrey.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; overflow:hidden;}
#McAfeeBox  span.bottomborder {  background: url(/images/intro_fill_bottom_lightGrey.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; margin:0; padding:0; overflow:hidden;}
#McAfeeBox .content         { padding:20px 35px 10px 35px; position:relative; display:block; zoom:1; }
#McAfeeBox .content .col1   { width:179px; float:left; display:inline; margin-right:34px; padding:0; }
#McAfeeBox .col1.lastinRow  { margin-right:0;}
.col2 p.museo               { font-size:15px; line-height:22px;}
.col2                       { width:380px; float:left; display:inline; padding-top:10px; }
h4.museo.lojack             { padding-bottom:12px;}
p.note                      { font-size:11px; line-height:14px;}
.col1                       { position:relative; display:inline; width:202px; float:left; margin-right:24px; padding:0 5px; }
h3.larger                   { font-size:30px; line-height:32px;}
.colspan2                   { width:380px; float:left; display:inline;  }
ol                          { font-size:13px; font-weight:bold;}
ol p                        { font-size:12px; font-weight:normal; padding:0; margin:0;}


/* STILL IN HIGHSCHOOL */
.highschool_img {  width:284px; height:194px; position:absolute; top:-65px; right:20px; background: url(/images/intro_img_highschool.png); }
h1.highschool           { width:400px;}



/* SCHOOL BUYS */
.dellBlog               { width:685px; height:65px; text-indent:-9999px; display:block; background: url(/images/dell_education_blog.gif) no-repeat;}
.dellBlog:hover         { background: url(/images/dell_education_blog_hover.gif);}    
.schoolBuy_img           {  width:419px; height:156px; position:absolute; top:-35px; right:-15px; background: url(/images/intro_img_schoolBuy.png); }

/*OFFERS*/
.offer                  { display:inline-block; width:685px; padding-bottom:0; margin-bottom:0;}
.offer .copy            { width:475px; float:right; padding-right:5px; margin-top:0; padding-top:0; display:inline; padding-top:0px;}
.offer img              { width:180px; float:left; display:inline; }





/* AMBASSADOR PROFILE */
#ambassadorProfile .photo img { width:180px; height:200px; display:inline; margin-bottom:20px;}
#ambassadorProfile .photo     { width:180px; float:left;}
.bio                          { width:250px; float:left; display:inline; padding-left:30px;}
.bio h5                       { font-size:13px; padding-bottom:15px;}
.ambassadors_img              {  width:319px; height:240px; position:absolute; top:-67px; right:25px; background: url(/images/intro_img_ambassadors.png); }

/* BUYERS AGREEMENT */
.buyersAgreement_img           {  width:239px; height:209px; position:absolute; top:-85px; right:50px; background: url(/images/intro_img_buyersAgreement.png); }
.buyersCheckBox label       { padding-left:10px; font-weight:bold;}
.buyersCheckBox            { padding-top:25px;}
p.warning_buyers          { background:url("/images/buyers_agreement_error_bg.gif") no-repeat; color:#FFFFFF; font-size:14px; height:27px; line-height:14px; margin:0 0 25px; padding:13px 0 0 70px; }

/* MAP STYLES */
h3.map_state_name       { font-family: "Trebuchet MS", "Trebuchet", Arial, sans-serif; font-size:15px; color:#00a1de; margin-bottom:2px}  
h4.map_state_url				{ font-size:11px ; margin-bottom:8px;}
#map label              { color:#aaa; font-size:80%;}
#map										{ background:#eeeeee; }
.map_flash              { float:left;}
#map_sidebar            { padding:10px 20px 20px; width:200px; float:left; }
#map_sidebar p          { font-size:12px; line-height:14px; padding-left:10px;}
#map_sidebar .rounded_container	
                        { background:#ffffff; padding:10px; margin-bottom:10px }
#map_sidebar select		  { width:180px }
.text input, select			{ background:#fff; border:solid 1px #ccc; font-family: "Trebuchet MS", "Trebuchet", Arial, sans-serif; padding:3px; margin-bottom:4px }
.rounded_container			{  -moz-border-radius:8px; / Firefox / -webkit-border-radius:8px; / Safari and chrome / -khtml-border-radius:8px; / Linux browsers / border-radius:8px; / CSS3 / }
ul#ambassadors_grid			{ list-style:none; margin:0; padding:0}
ul#ambassadors_grid	 li	{ float:left; margin:0 2px 2px 0; padding:0;}
ul#ambassadors_grid	 li.last	
                        { margin:0 }
ul#ambassadors_grid	 li img	
                        { border: solid 1px #aaa; width:22px; height:22px ; display:block; }
#map.ambassadors      {  background: url(/images/intro_fill_lightGrey.gif) repeat-y top left; width:100%; }
#map.ambassadors span.topborder {  background: url(/images/intro_fill_top_lightGrey.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; overflow:hidden; }
#map.ambassadors span.bottomborder {  background: url(/images/intro_fill_bottom_lightGrey.gif) no-repeat top left; height:14px; width:100%; display:block; line-height:1px; margin:0; padding:0; overflow:hidden; }
#map.ambassadors .formBackground .formContent { background-color:#fff; padding:5px 0px 12px 10px; width:190px;}
#map.ambassadors .formBackground span.topborder {  background: url(/images/selectForm_topBorder.gif) no-repeat top left; height:10px; width:200px; display:block; line-height:1px; overflow:hidden;}
#map.ambassadors .formBackground span.bottomborder {  background: url(/images/selectForm_bottomBorder.gif) no-repeat top left; height:10px; width:200px; display:block; line-height:1px; overflow:hidden; margin-bottom:12px;}

.stateInfo h3 { width:120px; float:left; display:inline; padding-top:5px; font-size:14px; }
.stateInfo a.twitterLink { margin-right:10px; display:inline;}


/* PAST CONTEST */
#contestHeader            { width:685px;}
#contest_left_rail        { width:200px; float:left; display:inline}
#contest_left_rail .top   { width:200px; height:12px; background: url(/images/contest_sidebar_top.gif); overflow:hidden; }
#contest_left_rail .content { width:160px; padding:10px 20px; background: url(/images/contest_sidebar_middle.gif) repeat; }
#contest_left_rail .bottom { width:200px; height:11px; background: url(/images/contest_sidebar_bottom.gif); overflow:hidden; }
#contest_content            { width:460px; float:right;}
.contest_video              { padding-top:25px; }
#contest_left_rail .ctaBorder         {  border-top: 1px solid #fff; padding-top:20px; margin-top: 20px; width:160px;} 
#contest_left_rail .contest_tweet .tweetTop         { width:160px; height:13px; background: url(/images/contest_tweet_top.gif);}
#contest_left_rail .contest_tweet .tweetMiddle        { width:160px; background: url(/images/contest_tweet_middle.gif) repeat-y; padding:0; color:#fff; overflow:hidden; word-wrap:break-word; }
#contest_left_rail .contest_tweet .tweetBottom        { width:160px; height:26px; background: url(/images/contest_tweet_bottom.gif); overflow:hidden;}
.contest_tweet .tweetContent p      { padding:0; margin:0; color:#fff; font-size:10px; line-height:13px;}
.contest_tweet .tweetContent p.date        { padding-top:3px; font-size:10px;}
.contest_tweet .tweetContent a       {color:#fff; text-decoration:none;}
.contest_tweet .tweetContent a:hover {color:#fff; text-decoration:underline;}
.contest_tweet                  { margin-bottom:10px;}
h2.buzz                         { width:73px; height:21px; float:left; text-indent:-9999px; background: url(/images/buzz.gif) no-repeat; padding-bottom:0px; margin-bottom:0px; margin-top:5px; display:block;}
.twitter_heading                { padding-bottom:15px; width:160px;}
#photo_gallery                  { position:relative; padding-bottom:20px; border-bottom:1px solid #FFFFFF; margin-bottom:20px; }
#photo_gallery h2               { display:block; width:160px; height:74px; text-indent:-9999px; background: url(/images/photo_gallery.gif) no-repeat;}
#MediaLinks a                   { font-size:11px; display:block; padding-top:3px;}
table.winners                   { width:450px; border:0;}
table.winners td                { width:150px; }
.feature                        { padding-top:40px; display:inline-block;}
.feature.topline                { padding-top:30px; border-top: 1px solid #d7d7d7;}
.feature img                    { float:left; padding-right:25px;}
.feature .copy                  { float:right; width:345px; }

/* PHOTO GALLERY */
#albums a {display:block; padding-bottom:10px; color:#444; font-size:12px;} 
#albums a:hover { text-decoration:none; color:#00a1de; }
#albums a.selected {color:#00a1de; font-weight:bold;}
#photos h3        { margin-top:21px;}
#photos #thumbnails a img     { width:70px; }
#photos #thumbnails a         { border: 1px solid #fff; width:70px; display:inline; float:left; margin:0 25px 25px 0;}
#photos #thumbnails a:hover   { border: 1px solid #aaa;}
#photos #thumbnails a.last    { margin-right:0px;}
.pagination a, .pagination span                { color:#444; padding:0 3px;}
.pagination a:hover                 { color:#00a1de; text-decoration:none; }
.pagination span.current         { color:#00a1de; font-weight:bold;}
.pagination span.disabled        { color:#aaa;}

/* 404 error page */
.error_page             {margin-top:25px; margin-left:30px;}
#school_bookstore {background: #cecece;}




