@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #EFF2F3;
	color: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow-x: hidden;
}

/*  - - - ------------LINKS----------- - - -  */
a.header-menu:link		{ color: #444444; text-decoration: none }
a.header-menu:visited	{ color: #444444; text-decoration: none }
a.header-menu:active	{ color: #FFFFFF; text-decoration: none }
a.header-menu:hover		{ color: #FFFFFF; text-decoration: none }

a.menu:link		{ color: #444444; text-decoration: none }
a.menu:visited	{ color: #444444; text-decoration: none }
a.menu:active	{ color: #E43400; text-decoration: none }
a.menu:hover	{ color: #E43400; text-decoration: none }

a.small-menu:link		{ color: #777777; text-decoration: none }
a.small-menu:visited	{ color: #777777; text-decoration: none }
a.small-menu:active		{ color: #437AC8; text-decoration: none }
a.small-menu:hover		{ color: #437AC8; text-decoration: none }

a.linkPopup:link		{ color: #444444; text-decoration: none }
a.linkPopup:visited		{ color: #444444; text-decoration: none }
a.linkPopup:active		{ color: #437AC8; text-decoration: none }
a.linkPopup:hover		{ color: #437AC8; text-decoration: none }

/*  - - - --------------------------- - - -  */


.menutitles	{
	background-image: url("picts/background-menu-catg3.png");
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	padding: 5px 0px 5px 4px;
	height: 12px;
	width: 120px;
	display: block;
}
a.menutitleslink:link		{ color: #000; text-decoration: none }
a.menutitleslink:visited	{ color: #000; text-decoration: none }
a.menutitleslink:active		{ color: #E43400; text-decoration: none }
a.menutitleslink:hover		{ color: #E43400; text-decoration: none }

.menutitles2	{
	background-image: url("picts/background-menu-catg3.png");
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	padding: 5px 10px 5px 4px; 
	height: 12px;
	width: 110px;
	display: block;
	text-align: right;
}
.menutitles3	{
	background-image: url("picts/background-menu-catg3.png");
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	padding: 5px 10px 5px 4px; 
	height: 12px;
	width: 110px;
	display: block;
	text-align: center;
}
.small-menulinks {
	font: 9px arial, verdana, sans-serif;
	font-weight: normal;
	padding-left: 0px;
	height: 18px; 
}

.linkPopup {
	padding:0;
	border-bottom-width: 3px;
	border-bottom-style: double;
}
.gapLayout .menuSelection {
	COLOR: #444444;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  .75em 0 1.5em 0;
	line-height: 1.75em;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-style: italic;
}
.menuSelection a:link		{ color: #444; text-decoration: none }
.menuSelection a:visited	{ color: #444; text-decoration: none }
.menuSelection a:active		{ color: #407DAD; text-decoration: none }
.menuSelection a:hover		{ color: #407DAD; text-decoration: none }


.gapLayout #menu-strip li {
	display: inline;
	list-style-type: none;
	float: right;
	font: bold 10px verdana, arial, sans-serif;
	color: #444444;
	margin-top: 5px;
	padding: 0px 10px;
	vertical-align: text-bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #444444;
}

.gapLayout #menu-strip li.first {
	border-left: none;
}

.headermenu-date	{
	font: bold 10px verdana, arial, sans-serif;
	color: #444444;
	margin-top: 5px;
	padding: 0px 0 0 10px;
	vertical-align: text-bottom;
	float:left;
}


/*  - - - ----Search Engine LIST--- - - -  */
.gapLayout #soeMenu ul {
	display:inline-block;
	list-style:none;
	padding:3px;
	margin:0 0px 0 3px;
	height: 15px;
}
.gapLayout #soeMenu li {
	float:left;
	margin:0 0px 0 0;
	text-align:center;
	width:86px;
	font: 9px arial, verdana, sans-serif;
	font-weight: normal;
	height: 11px;
	padding: 0px 5px;
	border-left-width: 2px;
	border-left-style: groove;
	color: #999;
}
.gapLayout #soeMenu li.first {
	border-left: none;
	width:88px;
}
.gapLayout #soeMenu li.last {
	border-right-width: 2px;
	border-right-style: groove;
}
/*  - - - --------------------------- - - -  */


/*  - - - -------LEFT MENU LIST------ - - -  */
.gapLayout #sidebar1 ul {
	margin: 0em;
	padding: 0em;	/* Moves the Whole List */
}

.gapLayout #sidebar1 ul ul{
	margin-left: 0em;
	padding-left: 0em;	/* Moves the Nested List */
}

.gapLayout #sidebar1 ul li {
	background-image: url(picts/background-menu.png);	
	list-style-type: none;
	font: bold 11px arial, verdana, sans-serif;
	text-indent: 12px;
	height: 15px;
	padding-top: 3px;
/*	background:#FF0;	*/
}

.gapLayout #sidebar1 ul ul li {
	background-image: url(picts/background-menu.png);
	list-style-type: none;
	font: 11px arial, verdana, sans-serif;
	text-indent: 24px;
	height: 15px;
	padding-top: 3px;
}


/*  - - - -------LAST ITEM in the MENU ------ - - -  */

.gapLayout #container ul li.md {
	background-image:url(picts/background-menu-last.png);
}
.gapLayout #container ul li.gm {
	background-image:url(picts/background-menu-last.png);
}
.gapLayout #container ul li.ss {
	background-image:url(picts/background-menu-last.png);
}

/*  - - - --------------------------- - - -  */

.gapLayout #sidebar1 p {
	margin:0;
	padding: 0;
	line-height: 1em;
	vertical-align: baseline;
}


/*  - - - ------RIGHT MENU LIST------ - - -  */

.gapLayout #sidebar2.slider {
	margin: -2px 0 0 0;
	padding: 0em;	/* Moves the Whole List */
} 
.gapLayout #sidebar2 ul {
	margin: 0em;
	padding: 0em;	/* Moves the Whole List */
}
.gapLayout #sidebar2 ul ul{
	margin-left: 0em;
	padding-left: 0em;	/* Moves the Nested List */
}

.gapLayout #sidebar2 ul li {
	background-image: url(picts/background-menu.png);
	list-style-type: none;
	font: bold 11px arial, verdana, sans-serif;
	height: 15px;
	padding-top: 3px;
	padding-right: 10px;
	text-align: right;
}

.gapLayout #sidebar2 ul ul li {
	background-image: url(picts/background-menu.png);
	list-style-type: none;
	font: 11px arial, verdana, sans-serif;
	text-indent: 24px;
	height: 15px;
	padding-top: 3px;
}
.gapLayout #sidebar2 p {
	margin:0;
	padding: 0;
	height: 9px;
/*	border:solid 1px;		*/
}

/*  - - - ------CART MENU LIST------ - - -  */

.gapLayout #shoppingCart {
	margin: 0;
	padding: 0 0 10px 0px;
} 
.gapLayout #shoppingCart ul{
	height:56px;
	margin: 0 auto;
	padding: 0;
	background-image: url(picts/background-shopping-cart.png);	
/*	border-left:  solid 1px #86c2fa;
	border-right: solid 1px #6daae0;
	border-bottom:solid 1px #6daae0;
	border-top:none;					*/
} 
.gapLayout #shoppingCart ul li {
	background-image: none;
	list-style-type: none;
	height: 20px;
	margin: 0;
	padding: 5px 0px 0px 10px;
	text-align:center;
}




/*  - - - --------------------------- - - -  */

.gapLayout #projectIsPerfectFor ul {
	display: inline;
	list-style:none;
	margin:0; 
	padding:0;		/*in IE: padding:9px 10px 10px 10px;	-edit in blank.dwt	*/
	text-align: left;
	width:466px;
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 1em 0;
	line-height: 1.75em;
}

.gapLayout #projectIsPerfectFor ul li {
	display: inline;
	margin:0;
	padding:0;
}

/*  - - - ----Project Price LISTs---- - - -  */
/*	----  PAYPAL CART  ----  */
.gapLayout #paypalCart ul {
	margin: 0;
	padding: 10px 20px 0px 0;	/* Moves the Whole List */
	text-align: right;
}
.gapLayout #paypalCart ul li {
	list-style-type: none;
	display: inline;
	COLOR: #444444;
	font: normal 12px verdana, arial, sans-serif;
	padding: 0;
	margin:  0 0 0 10px;
	line-height: 0px;
}
.gapLayout #paypalCart form {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin:  0;
	line-height: 0px;
}


/*	---- --- DESC. --- ----  */
.gapLayout #itemDesc ul {
	margin: 0em;
	padding: 0 0 0 17px;	/* Moves the Whole List */
}
.gapLayout #itemDesc ul li {
	list-style-type: none;
	COLOR: #444444;
	font: normal 12px verdana, arial, sans-serif;
	padding: 0 0 0 0px;
	margin:  0 0 0 0;
	line-height: 29px;
}

/*	---- ----- $ --- ------  */
.gapLayout #itemDollarSign ul {
	margin: 0em;
	padding: 0 0 0 0px;	/* Moves the Whole List */
}
.gapLayout #itemDollarSign ul li {
	list-style-type: none;
	COLOR: #444444;
	font: normal 12px verdana, arial, sans-serif;
	padding: 0 0 0 0px;
	margin:  0 0 0 0;
	line-height: 29px;
}

/*	---- --- PRICE --- ----  */
.gapLayout #itemPrice ul {
	margin: 0em;
	padding: 0 0 0 0px;	/* Moves the Whole List */
}
.gapLayout #itemPrice ul li {
	list-style-type: none;
	COLOR: #444444;
	font: normal 12px verdana, arial, sans-serif;
	padding: 0 0 0 0px;
	margin:  0 0 0 0;
	text-align: right;
	line-height: 29px;
}

/*	---- --- BUTTON --- ----  */
.gapLayout #itemAddToCart ul {
	margin: 0em;
	padding: 5px 0 0 0px;	/* Moves the Whole List */
}
.gapLayout #itemAddToCart ul li {
	/*	background-image: url(picts/background-menu.png);	*/
	list-style-type: none;
	COLOR: #444444;
	font: normal 12px verdana, arial, sans-serif;
	padding: 0px 0 0 0px;
	margin:  0 0 0 0;
	text-align: right;
	line-height: 14px;
}
.gapLayout #itemAddToCart form {
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	text-align: right;
}
/*   -------    -----------   -----------    */



.gapLayout #sidebar2 p {
	margin:0;
	padding: 0;
	line-height: 1em;
	vertical-align: baseline;
}

/*  - - - --------------------------- - - -  */
.gapLayout  #kit_groupDescription  p{
	line-height: 1em;
} 
.gapLayout  #kit_groupDescription  h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
.gapLayout  #kit_groupDescription  .kitText {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1.75em;
}
.gapLayout  #kit_groupVisual  p{
	padding: 0;
	margin: 0;
	line-height: 1em;
}
.gapLayout  #kit_groupVisual img{
	vertical-align: top;
}

.gapLayout  #kit_groupMenu  p{
	padding: .25em 0 1em 0;
	margin: 1em 0 0 0;
	line-height: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	font-variant: small-caps;	
/*	font-style: italic;	*/
	color: #407DAD;
	text-align: center;
	letter-spacing: 0.15em;
	display: block;
	background-image: url(picts/kitgroup_menu_strip.png);
} 
.gapLayout  #kit_groupPerfect  p{
	padding: 1em;
	margin: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00CC00;
	text-align: center;
} 

/* This Code Works With ALL Browsers */
.gapLayout #kit_groupPerfect ul {
	display: inline-block;
	list-style:none;
	margin: 15px 0 0 -8px; 
	padding:5px 0 0 0;		/*in IE: padding:9px 10px 10px 10px;	-edit in blank.dwt	*/
	height: 27px;			/*in IE: height: 13px;					-edit in blank.dwt	*/
	text-align: center;
	width:630px;
/*	background-color: #f00;		*/
/*	border: 1px solid #666666;	*/
}

.gapLayout #kit_groupPerfect ul li {
	display: inline;
	margin: 0px 10px 0 2px;
	text-align:center;
	font: bold 11px arial, verdana, sans-serif;
	padding: 4px 3px 4px 3px;	/*in IE: padding: 4px 5px 4px 5px;	-edit in blank.dwt	*/
	background-color: #CCC;
	border: 1px solid #666666;
}


/*This is the contitional 
for IE - left here for future
reference 
.gapLayout #kit_groupPerfect ul {
	display: inline-block;
	list-style:none;
	margin: 15px 0 0 -8px;
	padding:9px 10px 10px 10px;
	height: 13px;
	text-align: center;
	width:630px;
	background-color: #f00;
	border: 0px solid #666666;
}

.gapLayout #kit_groupPerfect ul li {
	display: inline;
	margin: 0px 10px 0 2px;
	text-align:center;
	font: bold 11px arial, verdana, sans-serif;
	padding: 4px 5px 4px 5px;
	background-color: #CCC;
	border: 1px solid #666666;
}
*/



/* This Code Works With FF 
and All Others But IE 
.gapLayout #kit_groupPerfect ul {
	display:inline-block;
	list-style:none;
	padding:0px;
	margin:10px 0 0 0;
	height: 23px;
	text-align: center;
	background-color: #f00;
	border: 1px solid #666666;
}

.gapLayout #kit_groupPerfect ul li {
	float:left;
	margin: 0px 10px 0 2px;
	text-align:center;
	font: bold 11px arial, verdana, sans-serif;
	height: 11px;
	padding: 5px 5px 6px 5px;
	background-color: #EEE;
}
*/

/*  - - - --------------------------- - - -  */

.gapLayout  #projectDescription p{
	line-height: 1em;
} 
.gapLayout  #projectDescription h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
.gapLayout  #projectDescription .projectText {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 0em 0;
	line-height: 1.75em;
}
.gapLayout  #projectDescription .projectSpecsText {
	COLOR: #444444;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  .75em 0 1.5em 0;
	line-height: 1.75em;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-style: italic;
}
/*	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
.gapLayout  #projectDesc-mix p{
	line-height: 1em;
} 
.gapLayout  #projectDesc-mix h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
.gapLayout  #projectDesc-mix .projectText {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 0em 0;
	line-height: 1.75em;
}
.gapLayout  #projectDesc-mix .projectSpecsText {
	COLOR: #444444;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  .75em 0 1.5em 0;
	line-height: 1.75em;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-style: italic;
}
/*	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/

.gapLayout  #projectPrice  .projectPriceText {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 4px 0 0 0px;
	margin:  0 0 0 0;
	line-height: 1em;
}
.gapLayout  #projectPrice form {
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	line-height: 1em;
}
.gapLayout  #projectVisual  p{
	padding: 0;
	margin: 0;
/*	line-height: 1em;	*/
} 
.gapLayout  #projectVisual img{
	vertical-align: top;
/*	border: thin solid #333333;	*/
}
.gapLayout  #projectVisual-mix img{
	vertical-align: top;
/*	border: thin solid #333333;	*/
}
.gapLayout  #projectMenu  p{
	padding: 0;
	margin: 0;
	line-height: 1em;

} 

/*  - - - -----------LAYOUT---------- - - -  */

.gapLayout #container { 
	width: 994px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #EFF2F3;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #000000;	*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.gapLayout #lower-Container {
/*	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;		*/
}

.gapLayout #header {
	background-image: url(picts/background_header.jpg);
	background-repeat: repeat-y;
	height: 55px;
	padding: 0;
	margin: 0;
	border-bottom:solid 1px #FFF;
/*	position: fixed;
	top: 0px;			*/
} 
.gapLayout #header h1 {
	margin: -0em 0 0 -50em; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.gapLayout #menu-strip {
	height: 27px;
	width:994px;
	padding: 0;
	margin: 10px auto 20px auto;
/*	background-image: url(picts/background-menu_strip.png);		*/
/*	background-repeat: repeat-x;								*/
/*	background-color: #FCC;										*/
/*	border:solid 1px;											*/
}
.gapLayout #sidebar1 {
	float: left; 
	width: 124px; 
	padding:0; 
	margin:-2px 0 0 0;
}
.gapLayout #sidebar2 {
	float: right; 
	width: 124px; 
	padding:0; 
	margin:-2px 0 0 0;
}
.gapLayout #customerService {
	padding-top: 0px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
}
.gapLayout #moreSidebar2 {
	padding-top: 0px; /* padding keeps the content of the div away from the edges */
	margin-top: 10px;
}
.gapLayout #tools {
	padding-top: 0px;
	margin-top: 0px;
	width: 124px;
	height: 40px;
	background-color:#DDD;
}
.gapLayout #mainContent {
/*	background-color:#FF0;		*/
	margin-top: 0;
	margin-right: 124px;
	margin-bottom: 0;
	margin-left: 124px;
/*	padding: 20px 40px 5px 40px;		Changed on 10/21/2008	*/
	padding: 0px 23px 5px 23px;
} 

/*------------------------------------------*/
/*------------------------------------------*/
.gapLayout  #kit_groupDescription {
	float: left;
	padding: 0 0 0 17px;
/*	width: 466px;		Changed on 10/21/2008	*/
/*	width: 500px;		Changed on 10/23/2008	*/
	padding: 0 0 0 17px;
	width: 466px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
/*	background-color:#CCC;	*/
} 
.gapLayout  #kit_groupVisual {
	float: left;
	padding: 0;
/*--------------------------*/
/*	background-color:#FCC;	*/
/*--------------------------*/
	width: 200px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: right;
} 
.gapLayout  #kit_groupMenu {
/* -----------------------------------------------------*/	
/*	The Following Line is To Lift Up The Flash Menu		*/
/*	Make sure to change IE specific Margin As Well		*/	
/*------------------------------------------------------*/
/*	margin: -100px 0 0 0;								*/	
	margin: 0;
	padding: 0;
	width: 700px;
	height: 220px;
	float: left;	
/*	background-color:#CFC;	*/
} 
.gapLayout  #kit_groupMenu_small {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 100px;
	float: left;
/*	background-color:#CFC;	*/
} 
.gapLayout  #kit_groupPerfect {
	float: left;
	margin: 30px auto 0 auto;
	padding: 0;
/*	width: 666px;		Changed on 10/21/2008	*/
	width: 700px;
	height: 80px;
	background-image: url(picts/kitgroup_perfect_strip.png);
	text-align: center;
} 



/*------------------------------------------*/
/*------------------------------------------*/
.gapLayout  #projectDescription-container {
/*	background-color:#CCF;		*/
	float: left;
	margin: 0; 
	padding: 0;
	width: 700px;
} 
.gapLayout  #projectDescription {
/*	background-color:#CCC;		*/
	float: left;
	padding: 0 0 0 17px;
	width: 464px;
	margin: 2px 0 0 0;
} 
.gapLayout  #projectDesc-mix {
/*	background-color:#CFC;		*/
	float: left;
	padding: 0 0 20px 17px;
	width: 466px;
	margin: 2px 0 0 0;
} 

.gapLayout  #projectVisual {
/*	background-color:#FBB;		*/
	width: 200px;
	height: 400px;
	padding: 0;
	margin: 0 0 0 17px;
	text-align: right;
	float: left;
} 
.gapLayout  #projectVisual-mix {
/*	background-color:#FBB;		*/
	width: 200px;
	padding: 0 17px 20px 0;
	margin: 0 0px 0 0px;
	text-align: right;
	float: left;
} 
.gapLayout  #projectMenu {
	margin: 0;
	padding: 0;
	background-color:#CFC;
/*	width: 666px;		Changed on 10/21/2008	*/
	width: 700px;
	height: 190px;
	float: left;
} 
.gapLayout  #projectPerfect {
	margin: 0;
	padding: 0;
	background-color:#CCF;
/*	width: 666px;		Changed on 10/21/2008	*/
	width: 700px;
	height: 60px;
	float: left;
} 
.gapLayout  #projectPrice {
	margin: 0;
	padding: 0 0 0 34px;
/*	background-color:#CFC;	*/
	width: 466px;
	float: left;
} 

/*---------  View Cart / CheckOut  --------*/
.gapLayout  #paypalCart {
	background-color:#E9EBED;
	margin: 20px 0 0 0;
	padding: 0;
	width: 466px;
	float: left;
	border-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #DDD;
/*	background-image: url(picts/project_price_box-top.png);
	background-repeat: no-repeat;
	background-position: top;		*/
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;		
} 
/*-----  Item Price & Add to Cart  --------*/
.gapLayout  #projectPriceContainer {
	background-color:#E9EBED;
	margin: 0;
	padding: 8px 0 8px 0px;
	width: 466px;
	float: left;
	border-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #DDD;
/*	background-image: url(picts/project_price_box-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;	*/
} 
.gapLayout  #itemDesc{
/*	background-color:#AAA;		*/
	margin: 0;
	padding: 0;
	width: 251px;
	float: left;
} 
.gapLayout  #itemDollarSign{
/*	background-color:#BBB;		*/
	margin: 0;
	padding: 0;
	width: 10px;
	float: left;
} 
.gapLayout  #itemPrice{
/*	background-color:#CCC;		*/
	margin: 0;
	padding: 0;
	width: 60px;
	float: left;
} 
.gapLayout  #itemAddToCart{
/*	background-color:#BBB;		*/
	margin: 0;
	padding: 0 17px 0 0;
	width: 125px;
	float: left;
} 
/*---------------------------------*/

.gapLayout #endSpace{
	height:30px;
}
.gapLayout #footer { 
	padding: 0 10px 0 12px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.gapLayout #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/*--------------- FOOTER & SITE DESIGN ------------------*/
.gapLayout #footer {
/*	background-image: url("picts/footer-background.jpg");	*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	padding: 0 10px 0 12px;
	height: 40px;
}
.gapLayout #footer-logo {
	float: left;
	padding: 10px 0 0 0;
}
.gapLayout #footer-logo p{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0px 0 2px 0;
	margin:0;
}
.gapLayout #footer-logo h6{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	margin:0;
/*	padding: 0px 4px 2px 14px;
	text-align:right				*/
}

#footer-logo a:link		{ color: #999; text-decoration: none }
#footer-logo a:visited	{ color: #999; text-decoration: none }
#footer-logo a:active	{ color: #4074d7; text-decoration: none }
#footer-logo a:hover		{ color: #4074d7; text-decoration: none }

.gapLayout #footer-phone {
	float: right;
	padding: 0px 5px 0 0;
	text-align: right;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}

#legalContent {
	width: 994px;
	padding: 0;
	margin: 8px auto;
/*	border: 5px solid #000;	
	background-color: #FFF;		*/
}
#legalContent ul {
	display:inline;
	list-style:none;
	padding:3px;
	margin:0 0px 0 3px;
	height: 15px;
}
#legalContent li {
	float:right;
	margin:0 0px 0 0;
	text-align:center;
/*	width:86px;								*/
	font: 9px arial, verdana, sans-serif;
	font-weight: normal;
	height: 11px;
	padding: 0px 5px;
	border-left-width: 2px;
	border-left-style: groove;
	color: #999;
}
#legalContent li.first {
	border-left: none;
}
#legalContent li.last {
	border-right-width: 2px;
	border-right-style: groove;
}
#legalContent a:link		{ color: #999; text-decoration: none }
#legalContent a:visited		{ color: #999; text-decoration: none }
#legalContent a:active		{ color: #4074d7; text-decoration: none }
#legalContent a:hover		{ color: #4074d7; text-decoration: none }




#soeLinks {
	width: 700px;
	padding:17px 0 0 0;
	margin: 0px auto;
	z-index:130;
}
#soeLinks ul {
	list-style:none;
	padding:0 3px;
	margin:0 0px 0 0px;
}
#soeLinks li {
	display:block;
	margin:0 0px 0 0;
	font: normal 9px arial, verdana, sans-serif;
	color: #CCC;
	margin: 15px 10px;
}

#soeLinks a:link		{ color: #2054b7; text-decoration: none }
#soeLinks a:visited		{ color: #2054b7; text-decoration: none }
#soeLinks a:active		{ color: #4074e7; text-decoration: none }
#soeLinks a:hover		{ color: #0058ff; text-decoration: none }

/*
.soeItemDesc a:link		{  }
.soeItemDesc a:visited	{  }
.soeItemDesc a:active	{  }
.soeItemDesc a:hover	{background-color:#CCC;}
*/

.soeSection {
	float:left;
	width:700px;
	border: solid 1px;
	margin:2px auto 20px auto;
	padding:0;
	border-color:#888;
}

.soeSection h2{
	display:block;
	font: bold 18px verdana, arial, sans-serif;
	line-height: 35px;
	padding: 0 10px;
	color: #FFF;
	background-color: #5d96cd;
}

.soeItem {
	float:left;
	width:600px;
	height:120px;
	margin:0 0px 15px 36px;
	padding:0;
	border:solid 1px;
}

.soeItem a{
	display:block;
	font: bold 14px verdana, arial, sans-serif;
	line-height: 27px;
	padding: 0px 10px;
	margin:0px 0;
	color: #FFF;
	background-color: #DDD;
}


.soeItemDesc{
	float:left;
	width:479px;
	margin:0 0 10px 0;
	padding:0;
/*	background-color: #DFD;		*/
/*	border-right:solid 1px;		*/
}
.soeItemDesc p {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	margin:  0 0 0em 0;
	line-height: 1.75em;
}

.soeItemVisual {
	float:right;
	width:120px;
	height:120px;
	border-left:solid 1px;
}
.soeItemVisual a{
	border:none;
	padding:10px 10px 2px 10px;
	background-color:#eff2f3;	
}
.soeItemVisual img {
	border:0;	
}

.soeItemVisual a:link		{background-color:#eff2f3;}
.soeItemVisual a:visited	{background-color:#eff2f3;}
.soeItemVisual a:hover		{background-color:#FAFAFA;}
.soeItemVisual a:active		{background-color:#F6F6F6;}





















.gapLayout #seoMenu {
	padding: 0 10px 0 12px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*  - - - --------------------------- - - -  */

.gapLayout #narrowContainer {
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
/*	background-color:#FFF;		*/
}
.gapLayout #bigThumbContainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
/*	background-color:#F00;		*/
}
.gapLayout #thumbContainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
/*	background-color:#F00;		*/
}
.gapLayout #thumbs{
	margin: 0  0 0 -20px;
	padding: 0;
	width: 360px;
	float: left;
/*	background-color:#00F;		*/
}
.gapLayout #thumbs img{
	border: 0;
}
.gapLayout #thumbContainer2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
/*	background-color:#F00;		*/
}
.gapLayout #thumbs2{
	margin: 0  0 0 -20px;
	padding: 0;
	width: 720px;
	float: left;
/*	background-color:#00F;		*/
}
.gapLayout #thumbs2 img{
	border: 0;
}

.gapLayout #tm01,#tm02,#tm03,#tm04,#tm05,#tm06,#tm07,#tm08,#tm09,#tm10,#tm11{
	float: left; margin: 0; padding: 0;
	height: 120px; width: 120px; 
}
.gapLayout #bigmix {
/*	background-color:#FAA;		*/
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	display: block; 
	height: 474px; width: 350px;	
	top: 0px; left: 0px;
}
.gapLayout #mix01,#mix02,#mix03,#mix04,#mix05,#mix06,#mix07,#mix08,#mix09,#mix10,#mix11,#mix12{
	position: absolute;
	float: left;
	margin: 0;
	padding: 0;
	display: none; 
	height: 474px; width: 350px; 
	top: 0px; right: 0px;
}
.gapLayout #mix01 {
	background: url(images/cp/cp_01-400px.jpg) no-repeat center center;
}
.gapLayout #mix02 {
	background: url(images/cp/cp_02-400px.jpg) no-repeat center center;
}
.gapLayout #mix03 {
	background: url(images/cp/cp_03-400px.jpg) no-repeat center center;
}
.gapLayout #mix04 {
	background: url(images/cp/cp_04-400px.jpg) no-repeat center center;
}
.gapLayout #mix05 {
	background: url(images/cp/cp_05-400px.jpg) no-repeat center center;
}
.gapLayout #mix06 {
	background: url(images/cp/cp_06-400px.jpg) no-repeat center center;
}
.gapLayout #mix07 {
	background: url(images/cp/cp_07-400px.jpg) no-repeat center center;
}
.gapLayout #mix08 {
	background: url(images/cp/cp_08-400px.jpg) no-repeat center center;
}
.gapLayout #mix09 {
	background: url(images/cp/cp_09-400px.jpg) no-repeat center center;
}
.gapLayout #mix10 {
	background: url(images/cp/cp_10-400px.jpg) no-repeat center center;
}
.gapLayout #mix11 {
	background: url(images/cp/cp_11-400px.jpg) no-repeat center center;
}
.gapLayout #mix12 {
	background: url(images/cp/cp_12-400px.jpg) no-repeat center center;
}
.gapLayout #bigmix p{
	margin: 0; 
	padding: 0;
	position: relative;
	width: 348px;
	height: 21px;
	left: 0px;
	display: block;
	border: 1px solid #666;
	font: bold 12px verdana, arial, sans-serif ;
	color: #666;	
	text-align: center;
	background-color: #DDD;
	line-height: 21px;
}

.mixTop{
	top: 10px;
}
.mixBottom{
	top: 418px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #444;
	background-color: #EEE;
	padding: 0;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0;
	margin: 0; 
	padding: 0 15px;
	height: 17px;
	font: 11px verdana, arial, sans-serif ;
	color: #444;	
	line-height: 17px;
}


/* - - - - - - GAP-CO pages - - - - - - */
#gap-coDescription h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  2px 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
#gap-coDescription div p{
	COLOR: #444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 0em 0;
	line-height: 1.75em;
}
#gap-coDescription a:link		{ color: #448; text-decoration: none; }
#gap-coDescription a:visited	{ color: #448; text-decoration: none; }
#gap-coDescription a:active		{ color: #E43400; text-decoration: none; }
#gap-coDescription a:hover		{ color: #E43400; text-decoration: none; }

/* - - - - - - Testimonials - - - - - - */
#testimonialsContainer {
	width: 600px;
	padding: 0;
	margin-left: 50px;
}
#testimonialsContainer div {
	padding: 20px 30px 20px 40px;
	background-color: #e9ebed;
	border: solid 1px #CCC;
	margin: 3px 0 20px 0;
}
#testimonialsContainer div p{
	COLOR: #444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 0em 0;
	line-height: 1.75em;
}
#testimonialsContainer div p.credit {
	font: normal italic 12px verdana, arial, sans-serif;
	padding-top:4px;
}
/* - - - - - -   Kits For   - - - - - - */
#kitsForContainer {
	width: 600px;
	padding: 0;
	margin: 3px 50px;
}
#kitsForContainer h1,h2 {
	color: #407DAD;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}

#kitsForContainer h1 { font: bold 16px verdana, arial, sans-serif; padding-top:250px; }
#kitsForContainer h2 { font: bold 14px verdana, arial, sans-serif; margin: 1.7em 0 .8em 0; }


#kitsForContainer p {
	COLOR: #444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 0 1em 0;
	line-height: 1.75em;
}

.kitsFor-tp {
	background-image: url(picts/background-kitsfor-tp.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-fh {
	background-image: url(picts/background-kitsfor-fh.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-fr {
	background-image: url(picts/background-kitsfor-fr.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-bs {
	background-image: url(picts/background-kitsfor-bs.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-ca {
	background-image: url(picts/background-kitsfor-ca.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-se {
	background-image: url(picts/background-kitsfor-se.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-pa {
	background-image: url(picts/background-kitsfor-pa.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.kitsFor-gm {
	background-image: url(picts/background-kitsfor-gm.png);	
	background-repeat: no-repeat;
	background-position: top;
}
.idea_link {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 5px;
	border:1px solid;
}
a.idea_link:link	{ color: #0071D0; text-decoration: none; }
a.idea_link:visited	{ color: #0071D0; text-decoration: none; }
a.idea_link:active	{ color: #E43400; text-decoration: none; }
a.idea_link:hover	{ color: #E43400; text-decoration: none; }
	

/* - - - - - Customer Support - - - - - - */
#cust_supportContainer {
	width: 400px;
	padding: 0;
	margin: 3px 50px;
}
#cust_supportContainer a:link		{ color: #448; text-decoration: none; }
#cust_supportContainer a:visited	{ color: #448; text-decoration: none; }
#cust_supportContainer a:active		{ color: #E43400; text-decoration: none; }
#cust_supportContainer a:hover		{ color: #E43400; text-decoration: none; }

/* - - - - -     Ordering     - - - - - - */
#orderingContainer {
	width: 400px;
	padding: 0;
	margin: 3px 50px;
}
#orderingContainer p.space {
	line-height: .75em;
}
#orderingContainer div h2 {
	color: #407DAD;
	font: bold 15px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  2px 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
/* - - - - -     Shipping     - - - - - - */
#shippingContainer {
	width: 500px;
	padding: 0;
	margin: 3px 50px;
}
#shippingContainer p.space {
	line-height: .75em;
}
#shippingContainer div h2 {
	color: #407DAD;
	font: bold 15px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  2px 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
/* - - - - -      Privacy     - - - - - - */
#privacyContainer {
	width: 500px;
	padding: 0;
	margin: 3px 50px;
}
#privacyContainer p.space {
	line-height: .75em;
}
#privacyContainer div h2 {
	color: #407DAD;
	font: bold 15px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  2px 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}

/* - - - - -     GAP Idea     - - - - - - */
.ideaContainer {
	width:698px;
	float: left;
	margin: 0;
	padding:0;
	border: solid 1px #D0D0D0;	
}
.ideaHeader {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 698px;
	height: 30px;
	background-color:#E4E4E4;		
}
.ideaHeader h2{
	font: bold 14px verdana, arial, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 10px;
	padding:0;
}
.ideaDesc {
	margin: 5px 0 0 10px;
	padding: 0;
	float: left;
	width:478px;
/*	background-color:#AAF;		*/
}
.ideaDesc h4 {
	COLOR: #306D9D;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: bold;
	font-variant: small-caps;	
/*	letter-spacing: 0.04em;		*/
	padding: 18px 0 0 0;
	margin:  0 10px;
}
.ideaDesc p {
	COLOR: #444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0 10px;
	line-height: 1.75em;
}
.ideaDesc br {
	line-height: 10px;
}
.ideaDesc ul {
	padding: 0;
	margin:  0 10px 0 30px;
}
.ideaDesc ul li {
	COLOR: #444;
	margin: 10px 40px 0 0;
	padding: 3px 10px 5px 15px;
	FONT: 12px verdana, arial, sans-serif;
	line-height: 19px;
	list-style-type: none;
	background-image: url(picts/idea-item-background.png);
	background-repeat: repeat-x;
}
.ideaDesc strong {
	font: bold 12px verdana, arial, sans-serif;;
	font-variant: small-caps;	
}

.ideaDesc .unofficialList {
	padding: 5px 0 0 30px;
}
.ideaVisual {
	float: left;
	margin: 0;
	padding: 0;
	width:200px;
/*	background-color:#CCF;		*/
}

.ideaGroupMenu {
	margin: 0;
	padding: 0 0 5px 0;
	float:left;
	width:698px;
	height: 100px;
/*	background-color:#FAF;		*/
}
.gotop {
	float:left;
	width:698px;
	height:18px;
	line-height:20px;
	text-align:right;
	vertical-align:middle;
	margin: 0 0 63px 0;
	padding: 2px 0 0 0;
	FONT: 10px verdana, arial, sans-serif;
	letter-spacing: 2px;
/*	background-color:#FAF;		*/
}
.gotop a:link		{ color: #444; text-decoration: none; }
.gotop a:visited	{ color: #444; text-decoration: none; }
.gotop a:active		{ color: #E43400; text-decoration: none; }
.gotop a:hover		{ color: #E43400; text-decoration: none; }

.ideaImage-tp {	background: url(picts/background-kitsfor-tp.png) no-repeat top;	}
.ideaImage-fh {	background: url(picts/background-kitsfor-fh.png) no-repeat top;	}
.ideaImage-fr {	background: url(picts/background-kitsfor-fr.png) no-repeat top;	}
.ideaImage-bs {	background: url(picts/background-kitsfor-bs.png) no-repeat top;	}
.ideaImage-ca {	background: url(picts/background-kitsfor-ca.png) no-repeat top;	}
.ideaImage-se {	background: url(picts/background-kitsfor-se.png) no-repeat top;	}
.ideaImage-pa {	background: url(picts/background-kitsfor-pa.png) no-repeat top;	}
.ideaImage-gm {	background: url(picts/background-kitsfor-gm.png) no-repeat top;	}

.ideaImage-tp, 
.ideaImage-fh, 
.ideaImage-fr, 
.ideaImage-bs, 
.ideaImage-ca, 
.ideaImage-se, 
.ideaImage-pa, 
.ideaImage-gm {	
	width:698px; height: 285px;	padding:0;
}

.ideaImage-tp h1,
.ideaImage-fh h1,
.ideaImage-fr h1,
.ideaImage-bs h1,
.ideaImage-ca h1,
.ideaImage-se h1,
.ideaImage-pa h1,
.ideaImage-gm h1{
	text-align: center;
	padding-top:230px;
	font: normal 28px verdana, arial, sans-serif;
	color:#407DAD;
	letter-spacing: .05em;
	font-variant: small-caps;	
}


/* - - - - -   Terms of Use   - - - - - - */
#touContent {
	width:600px;
	margin:0 auto;
}
#touContent h3 {
	padding:0;
	margin:30px 0 0 0;
	FONT: bold 10px verdana, arial, sans-serif;
	text-align:left;
	line-height: 15px;
}
#touContent h4 {
	padding:0;
	margin:0;
	FONT: 10px verdana, arial, sans-serif;
	text-align:center;
	line-height: 18px;
}
#touContent h5 {
	padding:0;
	margin:0;
	FONT: 10px verdana, arial, sans-serif;
	text-align:left;
	line-height: 16px;
}
#touContent p {
	padding:0;
	margin:0 0 20px 0;
	FONT: 10px verdana, arial, sans-serif;
	text-align:left;
	line-height: 16px;
}

#touContent li{
	FONT: 10px verdana, arial, sans-serif;
}


/* - - - - -     A b o u t    - - - - - - */
#gapCo {
	width:600px;
	margin:0 auto;
}

#gapCo a:link		{ color: #444; text-decoration: none; }
#gapCo a:visited	{ color: #444; text-decoration: none; }
#gapCo a:active		{ color: #E43400; text-decoration: none; }
#gapCo a:hover		{ color: #E43400; text-decoration: none; }

#gapCo h1 {
	color: #407DAD;
	padding: 0 3em 0 0;
	margin:  .3em 0 2em 0;
	line-height: 1em;
	vertical-align: top;
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
}
#gapCo p {
	COLOR: #444444;
	FONT: 12px verdana, arial, sans-serif;
	font-weight: normal;
	padding: 0 2em 0 0;
	margin:  0;
	line-height: 1.75em;
	word-spacing: 0.2em;
}
#gapCo h2 {
	COLOR: #407DAD;
	FONT: bold 14px verdana, arial, sans-serif;
	padding: 1.75em 0 0.5em 0;
	margin:  0;
	font-variant: small-caps;
}
#gapCo h3 {
	COLOR: #444444;
	FONT: normal 12px verdana, arial, sans-serif;
	padding: 0 0 0.25em 2em;
	margin:  0 0 0em 0;
	line-height: 1.5em;
	letter-spacing: 0.035em;
	word-spacing: 0.2em;
}
#gapCo h6 {
	COLOR: #444;
	padding: 0 0 0.25em 2.3em;
	margin:  0 0 0em 0;
	font-variant: small-caps;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

/* - - - - -   GAP co Ideas   - - - - - - */

#gap-coIdeas  h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}

#gap-coIdeas h2 {
	padding: 0 0 6px 0px;
	margin: 0 32px 0 32px;
	color: #FC3;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: solid #FFF 2px;	
}
#gap-coIdeas p {
	width:124px;	/*		<li> width -16px		*/
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0 0 0 0;
	margin: -5px 0 0 0;
/*	border: solid #AAA 1px;		*/
}
#gap-coIdeas p:hover {
/*	color: #407DAD;		*/
}

#gap-coIdeas img {border: none;}

#gap-coIdeas a:link		{ color: #444;	  text-decoration: none ; }
#gap-coIdeas a:visited	{ color: #444;	  text-decoration: none ; }
#gap-coIdeas a:active	{ color: #407DDD; text-decoration: none ; }
#gap-coIdeas a:hover	{ color: #407DDD; text-decoration: none ; }

#gap-coIdeas ul {
	float: left;
	padding: 0;
	margin: 20px 0;
}
#gap-coIdeas li {
	display: block;
	float: left;
	padding: 0;
	margin: 0 17px 25px 17px;
	width: 140px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	text-align: left;
	list-style-type: none;
/*	border: solid #AAA 1px;	*/
}

#gap-coIdeas li a {
	text-align: left;
}

/* - - - - -   GAP co Procuct List   - - - - - - */

#gap-productListMenu {
	height: 22px;
	width:700px;
    position: fixed;
    top: 123px;
	margin-left: 147px;	
    z-index: 30;
	background-color:#eff2f3;
	border-bottom:	solid 1px #999;	
	border-top:		solid 1px #999;	
	border:		solid 1px #999;	
	background-color:#E5E5E5;
}

#gap-productListMenuSpace {
	height: 10px;
	width:702px;
    position: fixed;
    top: 147px;
	margin-left: 147px;	
    z-index: 30;
	background-color:#eff2f3;
/*	border-bottom:	solid 1px #999;	*/
}

#gap-productListMenu ul {
	list-style:none;
	padding:0;
	margin:3px 0 0 0;
}
#gap-productListMenu li {
	float:left;
	text-align:center;
	font: normal 12px arial, verdana, sans-serif;
	height: 16px;
	margin:0;
	padding: 0px 5px 0 5px;
	border-left-width: 2px;
	border-left-style: groove;
	color: #999;
	display:inline;
}
#gap-productListMenu li.first {
	border-left: none;
	padding-left:7px;
}
#gap-productListMenu li.last {
	border-right: none;
	padding-right:8px;
}
#gap-productListMenu li a:link		{ color: #555; text-decoration: none; }
#gap-productListMenu li a:visited	{ color: #555; text-decoration: none; }
#gap-productListMenu li a:active	{ color: #000; text-decoration: none; }
#gap-productListMenu li a:hover		{ color: #000; border-bottom:solid 3px #ebb401; }




/* - - - - -     Feedback     - - - - - - */









/* - - - - -   NoMenu Pages   - - - - - - */
#mainContentNoMenu {
	width: 980px;
	margin: 5px auto;
	overflow:hidden;
/*	border: solid 1px;		*/
}

/* - - - - -      H O M E     - - - - - - */
#gapHome {
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-position: bottom;
	width:980px;
}

/* - -    123    - - */
#gapHome123 {
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-position: bottom;
	width:980px;
	height:370px;
}
#gapHome123 h1{
	margin:0;
	padding:0;
}
#gapHome123 ul {
	float: left;
	padding: 0 0 0 0px;
	margin: 10px 0 0 10px;
}
#gapHome123 li{
	display: block;
	float: left;
	margin:0 10px;
	padding: 0;
	width: 300px;
	height:360px;
	list-style-type: none;
}
#gapHome123 li h2{
	width:190px;
	height:50px;
/*	margin:28px 0 0 87px;	*/
	padding:0;
	margin:28px 0px 0 7500px;	
	font: bold 16px Verdana, Arial, sans-serif;
	color: #fff;
}
.gapOp1 {
	background-image: url(picts/op_background_number-1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.gapOp2 {
	background-image: url(picts/op_background_number-2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.gapOp3 {
	background-image: url(picts/op_background_number-3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* - -   BaNaNa  - - */
#gapHomeBNN {
	float:left;
	margin:0 0 0 40px;
	padding:0;
	width:550px;
/*	border: solid 1px;		*/
}
#gapHomeBNN img {border: none;}

#gapHomeBNN ul {
	float: left;
	padding:0;
	margin:0;
/*	border: solid 1px;		*/
}
#gapHomeBNN li{
	display: block;
	float: left;
	margin:0 9px;
	padding: 0;
	list-style-type: none;
}
.gapBNN-01 {width:150px;}
.gapBNN-02 {width:113px;}
.gapBNN-03 {width:112px;}
.gapBNN-04 {width:100px;}

#gapHomeBNNarrow {
	float:right;
	margin:-20px 15px 0 0px;
	padding:0;
	width:350px;
/*	border: solid 1px;		*/
}
#gapHomeBNNarrow img {border: none;}



/* - - - - -    GAP Index   - - - - - - */
#gap-index {
	margin:0;
	padding:0;
	width:700px;
}
#gap-index  h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
#gap-index ul {
	float: left;
	padding: 0 0 0 0px;
	margin: 20px 0 0 10px;
}
#gap-index li{
	display: block;
	float: left;
	margin:0 10px;
	padding: 0;
	width: 150px;
	height:180px;
	list-style-type: none;
}
#gap-index li div {
	width: 300px;
}

#gap-index p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-variant: small-caps;
	width:150px;
	text-align:center;
	margin:0;
	padding:0;
/*	border: solid #AAA 1px;		*/
}
#gap-index img {border: none;}
#gap-index a:link		{ color: #444;	  text-decoration: none ; }
#gap-index a:visited	{ color: #444;	  text-decoration: none ; }
#gap-index a:active		{ color: #407DDD; text-decoration: none ; }
#gap-index a:hover		{ color: #407DDD; text-decoration: none ; }



/* - - - - -    GAP Index  HOME   B    - - - - - - */
#gap-index-homeB {
	margin:0 auto;
	padding:0;
	width:910px;
}
#gap-index-homeB  h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
#gap-index-homeB ul {
	float: left;
	padding: 0 0 0 0px;
	margin: 20px 0 0 10px;
}
#gap-index-homeB li{
	display: block;
	float: left;
	margin:0 0px;
	padding: 10px 0 10px 100px;
	width: 150px;
	height:180px;
	list-style-type: none;
/*	border:solid 1px;	*/
}
#gap-index-homeB li.first {
	padding-left:0px;
}

#gap-index-homeB li div {
	width: 150px;
}

#gap-index-homeB p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-variant: small-caps;
	width:150px;
	text-align:center;
	margin:0;
	padding:0;
/*	border: solid #AAA 1px;		*/
}
#gap-index-homeB img {border: none;}
#gap-index-homeB a:link		{ color: #444;	  text-decoration: none ; }
#gap-index-homeB a:visited	{ color: #444;	  text-decoration: none ; }
#gap-index-homeB a:active	{ color: #407DDD; text-decoration: none ; }
#gap-index-homeB a:hover	{ color: #407DDD; text-decoration: none ; }




/* - - - - -    HEADER   - - - - - - */
#header-name {
	float:left;
	width:500px;
	margin:0;
	padding: 0;
}

#header-name a:link		{color:#FFF; text-decoration:none;}
#header-name a:visited	{color:#FFF; text-decoration:none;}
#header-name a:active	{color:#FFF; text-decoration:none;}
#header-name a:hover	{color:#fec713; text-decoration:none;}

#header-name h3{
	font: bold 30px verdana, arial, sans-serif;
	color:#FFF;
	margin:0 0 0 10px;
	padding: 0;
	line-height: 55px;
	letter-spacing: 0.04em;
	word-spacing: 0.2em;
}
#header-name h3 span{
	font: bold 18px verdana, arial, sans-serif;
	line-height: 50px;
	vertical-align:top;
}

#header-phone {
	float:right;
	width:300px;
	margin:0;
	padding: 0;
}
#header-phone h3{
	text-align:right;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:25px 8px 0 0;
	padding:0;
}

/* - - - - -    Menu Strip   - - - - - - */
.gapLayout #menuStrip-container {
	width:994px;
	height:58px;
	margin-top:65px;
	background-color:#eff2f3;
}
.gapLayout #menu-strip img{
	border:none;
}

#menu-strip a:link		{ text-decoration: none ; }
#menu-strip a:visited	{ text-decoration: none ; }
#menu-strip a:active	{ text-decoration: none ; }
#menu-strip a:hover		{ text-decoration: none ; }

.gapLayout #ms01,#ms02,#ms03,#ms04,#ms05,#ms06,#ms07,#ms08,#ms09,#ms10,#ms11,#ms12{
	float: left; margin: 0; padding: 0;
/*	width: 120px;	*/
}





/*----------------------------------------------------------*/
/*---------------------      HOME      ---------------------*/
/*----------------------------------------------------------*/


#mainContent-home {
	width:994px;
	height:420px;
	margin:0;
	padding:0;
/*	background-color:#FFC;		*/
/*	border:solid 1px;			*/
}

#mainContent-home img { border:none; }
#mainContent-home a { border:none; text-decoration: none; }

#home-mainImage {
	float:left;
	z-index:5;
	position: fixed;
	top: 80px;
/*	border:solid 1px;			*/
}
#home-mainText {
	z-index:10;
	width:514px;
	height:187px;
	background: url(images/home/hometext.png) no-repeat right top;
	position: fixed;
	top: 80px;
	margin-left:478px;
}
#howITworks-backArrow {
	z-index:10;
	width:237px;
	height:92px;
	margin-left:695px;
}
#howITworks-backArrow img{border:none}
#howITworks-backArrow a{border:none; text-decoration: none;  }

#home-mainArrow {
	z-index:10;
	width:700px;
	height:150px;
	position: fixed;
	top: 353px;
	margin-left:599px;
}
/*-----------------------------------------------------------*/
/*---------------------    GAP-INDEX    ---------------------*/
/*-----------------------------------------------------------*/

#gapidxContent {
	width:700px;
	height:460px;
	padding:0;
	margin:0;
/*	background-color:#FFC;		*/
/*	border:solid 1px;			*/
}
#gapidxTextAnim {
	float:left;
	width:700px;
	height:200px;
	padding:0;
	margin:0;
/*	background: url(images/gapidx/text_anim/03.jpg) no-repeat;	*/
/*	background-color:#E0E0E0;	*/
/*	border:solid 1px #aaa;		*/
}
#gapidxText {
	float:left;
	width:450px;
	height:200px;
	padding:0;
	margin:0;
	background: url(images/gapidx/op-text.png) no-repeat;
/*	background-color:#E0E0E0;	*/
/*	border:solid 1px #aaa;		*/
}
#gapidxAnim {
	float:right;
	width:250px;
	height:200px;
	padding:0;
	margin:0 0 0 0px;
/*	background-color:#E00;		*/
/*	border:solid 1px;			*/
}
#gapidxMenu {
	float:left;
	width:700px;
	height:260px;
/*	background: url(images/gapidx/menu-border.jpg) no-repeat right top;		*/
	padding:0;
	margin:0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
/*	background-color:#FFF;		*/
/*	border:solid 1px;			*/
}



#gapidxContent  h1 {
	color: #407DAD;
	font: bold 16px verdana, arial, sans-serif;
	padding: 0 3em 0 0;
	margin:  0 0 1em 0;
	line-height: 1em;
	vertical-align: top;
}
#gapidxContent ul {
	float: left;
	width:680px;
	padding: 0 0 0 0px;
	margin: 0px 10px;
/*	background-color:#999;		*/
}
#gapidxContent li{
	display: block;
	float: left;
	margin:0 0px;
	margin: 10px 8px 0 8px;
	width: 100px;
	height:120px;
	list-style-type: none;
/*	background-color:#00F;		*/
/*	border:solid 1px;	*/
}
#gapidxContent li.first {
	padding-left:0px;
	margin-left:0px;
}
#gapidxContent li.last {
	padding-right:0px;
	margin-right:0px;
}
#gapidxContent li div {
	width: 100px;
}

#gapidxContent p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-variant: small-caps;
	width:100px;
	text-align:center;
	margin:0;
	padding:0;
/*	border: solid #AAA 1px;		*/
}
#gapidxContent img {border: none; padding-left:3px;}
#gapidxContent a:link	{ color: #444;	  text-decoration: none ; }
#gapidxContent a:visited{ color: #444;	  text-decoration: none ; }
#gapidxContent a:active	{ color: #407DDD; text-decoration: none ; }
#gapidxContent a:hover	{ color: #407DDD; text-decoration: none ; }



#gapidxAnim DIV {
	float:left;
	position:absolute;
    z-index:8;
    opacity:0.0;
    height: 200px;
    width: 250px;
    background-color: #FFF;
}

#gapidxAnim DIV.active {
    z-index:10;
    opacity:1.0;
}

#gapidxAnim DIV.last-active {
    z-index:9;
}

#gapidxAnim DIV IMG {
/*	  height: 200px;	*/
    display: block;	
/*	border-right:solid 1px;			*/
}



/*-----------------------------------------------------------*/
/*---------------------     FEEDBACK    ---------------------*/
/*-----------------------------------------------------------*/
#gap-feedback h3 {
	font:bold 13px, Verdana, Arial, Helvetica, sans-serif;
	color:#407DAD;
}	

#fb-Form label, #fb-Form label span {
	display:block;
	padding: 0 0 5px 0;
}

#fb-Form label {
	float:left;
	width:100%;
}

#fb-Form label span {
	float:left;
	width:45%;
	text-align:right;
	font:normal 13px, Verdana, Arial, Helvetica, sans-serif;
	color:#444;
	margin-top:2px;
}

#fb-Form textarea {
	float:right;
	width:45%;
	border:1px solid #888;
} 



#fb-Form fieldset input {
	float:right;
	width:45%;
	border:1px solid #888;
}

#fb-Form fieldset input:hover {border-color:#000;}

#fb-Form fieldset input:active, #fb-Form fileset input:focus {
	border-color:#800;
}

#fb-Form fieldset {
	background: url(picts/background-form.png) repeat-x;
	margin:0 0 10px 0;
	padding:20px;
	border:1px solid #888;
	overflow:hidden;
}
#fb-Form fieldset:hover {border-color:#000;}

#fb-Form form div {
	margin:0 0 20px 0;
	padding:10px 20px;
	border:1px solid #888;
	text-align:center;
}
#fb-Form form div input {
	padding: 0 .5em;
	font:bold 80%, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#ebb401;
	border:2px double #ac8c22;
	border-top-color:#ffcd2c;
}

#fb-Form form div input:hover {background-color:#fbc30f;}


#gapFeedbackThankYou {
	float:left;
	width:700px;
	height:200px;
	padding:0;
	margin:0;
	background: url(images/feedback_thankyou.jpg) no-repeat;	*/
/*	background-color:#E0E0E0;	*/
/*	border:solid 1px #aaa;		*/
}

#gapPurchaseThankYou {
	float:left;
	width:700px;
	height:200px;
	padding:0;
	margin:0;
	background: url(images/purchase_thankyou.jpg) no-repeat;	*/
/*	background-color:#E0E0E0;	*/
/*	border:solid 1px #aaa;		*/
}






/*---------------------------------------------------------------------------*/
/*-------   GAP-INDEX A  &  GAP-INDEX B,  Specifically  GAP-INDEX B   -------*/
/*-------   is used for ROLL-OVER version of the Home Page Now Named  -------*/
/*-------     as "gap-index-AWSOME-Yet_NOT_USED.html", so keep this   -------*/
/*-------                     Section for the Future                  -------*/
/*---------------------------------------------------------------------------*/

/* -*-*-*-*-*-*-*       GAP-INDEX A       *-*-*-*-*-*-*-*-   */
.gapLayout #adx01,#adx02,#adx03,#adx04,#adx05,#adx06,#adx07,#adx08,#adx09,#adx10,#adx11,#adx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none;
	height: 410px;
	width: 698px;
	z-index:5;
/*	border: solid 2px;		*/
}
.gapLayout #atx01,#atx02,#atx03,#atx04,#atx05,#atx06,#atx07,#atx08,#atx09,#atx10,#atx11,#atx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none; 
	height: 410px;
	width: 698px;
	z-index:10;
/*	border: solid 1px;		*/
}
.gapLayout #alx01,#alx02,#alx03,#alx04,#alx05,#alx06,#alx07,#alx08,#alx09,#alx10,#alx11,#alx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none;
	height: 410px;
	width: 698px;
	z-index:20;
/*	border: solid 1px;		*/
}

#alx01 img {border:none;}
#alx02 img {border:none;}
#alx03 img {border:none;}
#alx04 img {border:none;}
#alx05 img {border:none;}
#alx06 img {border:none;}
#alx07 img {border:none;}
#alx08 img {border:none;}
#alx09 img {border:none;}
#alx10 img {border:none;}
#alx11 img {border:none;}
#alx12 img {border:none;}

.gapLayout #adx01 {
	background: url(images/home/a/01.jpg) no-repeat right bottom;
}
.gapLayout #adx02 {
	background: url(images/home/a/02.jpg) no-repeat right bottom;
}
.gapLayout #adx03 {
	background: url(images/home/a/03.jpg) no-repeat right bottom;
}
.gapLayout #adx04 {
	background: url(images/home/a/04.jpg) no-repeat right bottom;		
}
.gapLayout #adx05 {
	background: url(images/home/a/05.jpg) no-repeat right bottom;
}
.gapLayout #adx06 {
	background: url(images/home/a/06.jpg) no-repeat right bottom;
}
.gapLayout #adx07 {
	background: url(images/home/a/07.jpg) no-repeat right bottom;
}
.gapLayout #adx08 {
	background: url(images/home/a/08.jpg) no-repeat right bottom;
}
.gapLayout #adx09 {
	background: url(images/home/a/09.jpg) no-repeat right bottom;
}
.gapLayout #adx10 {
	background: url(images/home/a/10.jpg) no-repeat right bottom;
}
.gapLayout #adx11 {
	background: url(images/home/a/11.jpg) no-repeat right bottom;
}


/* -*-*-*-*-*-*-*       GAP-INDEX B       *-*-*-*-*-*-*-*-   */

#bdx01,#bdx02,#bdx03,#bdx04,#bdx05,#bdx06,#bdx07,#bdx08,#bdx09,#bdx10,#bdx11,#bdx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none;
	height: 420px;
	width: 994px;
	z-index:5;
/*	border: solid 1px #DDD;		*/
}
#btx01,#btx02,#btx03,#btx04,#btx05,#btx06,#btx07,#btx08,#btx09,#btx10,#btx11,#btx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none; 
	height: 420px;
	width: 994px;
	z-index:10;
/*	border: solid 1px;		*/
}
#blx01,#blx02,#blx03,#blx04,#blx05,#blx06,#blx07,#blx08,#blx09,#blx10,#blx11,#blx12{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	display: none;
	height: 420px;
	width: 994px;
	z-index:20;
/*	border: solid 1px;		*/
}

#blx01 img {border:none;}
#blx02 img {border:none;}
#blx03 img {border:none;}
#blx04 img {border:none;}
#blx05 img {border:none;}
#blx06 img {border:none;}
#blx07 img {border:none;}
#blx08 img {border:none;}
#blx09 img {border:none;}
#blx10 img {border:none;}
#blx11 img {border:none;}
#blx12 img {border:none;}

#bdx01 {
	background: url(images/home/b/01.jpg) no-repeat right bottom;
}
#bdx02 {
	background: url(images/home/b/02.jpg) no-repeat right bottom;
}
#bdx03 {
	background: url(images/home/b/03.jpg) no-repeat right bottom;
}
#bdx04 {
	background: url(images/home/b/04.jpg) no-repeat right bottom;		
}
#bdx05 {
	background: url(images/home/b/05.jpg) no-repeat right bottom;
}
#bdx06 {
	background: url(images/home/b/06.jpg) no-repeat right bottom;
}
#bdx07 {
	background: url(images/home/b/07.jpg) no-repeat right bottom;
}
#bdx08 {
	background: url(images/home/b/08.jpg) no-repeat right bottom;
}
#bdx09 {
	background: url(images/home/b/09.jpg) no-repeat right bottom;
}
#bdx10 {
	background: url(images/home/b/10.jpg) no-repeat right bottom;
}
#bdx11 {
	background: url(images/home/b/11.jpg) no-repeat right bottom;
}


#mainContent-homeB {
	width:994px;
	height:420px;
/*	background-color:#FFC;		*/
	margin:0;
	padding:0;
} 

#mainContent-homeB h2{
	margin:0;
	padding:0;
	font: bold 36px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*	letter-spacing: 0.035em;	*/
/*	word-spacing: 0.15em;		*/
	color: #999;
}

/****** School ******/
#btx04 h2.p1 {
	padding:262px 0 0 40px;
}
#btx04 h2.p2 {
	padding:.5em 0 0 40px;
}

/******  Home  ******/
#btx05 h2.p1 {
	padding:75px 0 0 60px;
}
#btx05 h2.p2 {
	padding:.5em 0 0 60px;
}
/*---------------------------------------------------------------------------*/
/*-------          END OF    'GAP-INDEX A'  &  'GAP-INDEX B'          -------*/
/*---------------------------------------------------------------------------*/