/* gci content.css */

#content { /* navigation container */
	clear: both;
	width: 800px;
	height: 360px;
	margin: 10px 0px 10px 0px;
	color: #555555;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#leftCol {
	float: left;
	width: 250px;
	margin: 0px 10px 10px 0px;
}

#leftColBig { /* extra wide left column for 2-column layout with content left and sidebar right */
	float: left;
	width: 563px;
	margin: 0px 0px 10px 0px;
}


#rightCol {
	float: left;
	width: 450px;
	margin: 30px 10px 10px 30px;
}

#rightColBig { /* extra wide right column for 2-column layout with content right and sidebar left */
	float: left;
	width: 620px;
	margin: 0px 0px 10px 10px;
}

#menu {
	float: left;
	width: 300px;
	margin: 10px 10px 10px 50px;
}

#sub-menu {
	float: left;
	width: 250px;
	margin: 20px 10px 10px 2px;
}

#index-clothing {
	float: left;
	width: 150px;
	margin: 10px 10px 10px 2px;
}

#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}


/* sidebar box styles */

#content .sideBarButton { /* style for graphical button */
	margin: 0px 0px 10px 0px;
}

#content .box { /* box container */
	margin: 0px 0px 0px 0px;
}

#content .box a {
	color: #313A62;
	text-decoration: none;
}

#content .box2 a {
	color: #313A62;
	text-decoration: none;
}

#content .box3 a {
	color: #555555;
	text-decoration: none;
}

#content .box h1 { background-color: #CCCCFF; 
               background-repeat: repeat-x; 
	       color: #FFFFFF; 
	       font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
	       font-weight: normal; text-align: center; margin: 0px; 
		padding-left: 5px; 
               padding-right: 5px; padding-top: 3px; padding-bottom: 3px }

#content .boxContent { background-color: #FFFFFF;  
               background-repeat: repeat-x; color: #555555; font-family: 
               Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 
               normal; border-left: 1px solid #CCCCFF; 
               border-right: 1px solid #CCCCFF; border-top: 1px none #CCCCFF; 
               border-bottom: 1px none #CCCCFF; padding-left: 8px; 
               padding-right: 8px; padding-top: 2px; padding-bottom: 4px; 
               background-position: bottom 10% }

#content .boxBottom { height: 1px; background-color: #CCCCFF; }
/* content box styles - box2: box with header, box3: box without header */


#content .box2 { /* box container */
	margin: 0px 0px 10px 0px;
}

#content .box2 h1 { /* box header */
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #FFCCFF;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#content .box2Content { /* box content - without rounded bottom */ 
	border-top: 1px none #FFCCFF; font-size: 12px;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
	padding: 8px 8px 8px 8px;
}

#content .box3 { 
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
	padding: 8px 8px 8px 8px;
	font-size: 10px;
}

#content .box3 h1 { /* box header */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background-color: #FFFFFF;
	color: #555555;
	font-size: 12px;
	font-weight: bold;
}

#content .box3 i { /* box sub-header */
	padding: 1px 2px 1px 2px;
	background-color: #FFCCFF;
	color: #555555;
	font-size: 11px;
	font-weight: italic;
}

#content .box3Content { 
	margin: 0px 0px 0px 0px;
	font-size: 10px;

}

#content .box4 { /* box container */
	margin: 0px 0px 10px 0px;
}

#content .box4 h1 { /* box header */
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #FFA400;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#content .box4Content { /* box content - without rounded bottom */ 
	border-top: 1px none #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	padding: 8px 8px 8px 8px;
	background-color: #E6E6E6;
}

/* link styles */

#content a {
	color: #313A62;
	text-decoration: underline;
}

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


/* default list styles */

#content ul { 
	margin: 0;
	padding: 0;
	list-style: square;
}

#content li {
	margin: 0px 0px 5px 15px;
	padding: 0;
}


/* linked list styles */

#content .linkList { margin-bottom: -5px; padding: 0px }

#content .linkList li {
	margin: 5px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
}

#content .linkList li a {
	color: #313A62;
	text-decoration: none;
}


#content .linkList li a:hover {
	color: #313A62;
	text-decoration: underline;
}

#content .linkArrow {
	border: 0;
	margin-right: 5px;
	margin-bottom: 1px;
}

#content .rightColBig a {
	color: #313A62;
	text-decoration: none;
}



/* headline styles */

#content h1 {
	margin: 20px 10px 0px 10px;
	padding: 2px 10px 2px 10px;
	color: #FFA400;
	font-size: 18px;
	font-weight: bold;
	background-color: #CCCCFF;
}

#content h2 {
	margin: 2px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCCCFF;
}

#content .menu h3 {
	margin: 2px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCCFF;
}


/* simple table styles */

#content .simpleTable {
	width: 376px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: white;
}

#content .simpleTable td {
	padding: 1px 5px 1px 5px;
}

#content .simpleTable .columnLabels {
	background-color: #FFA401;
	color: #FFFFFF;
	font-weight: bold;
}

#content .simpleTable .sectionLabel {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#content .simpleTable .rowLight {
	background-color: #FFFFFF;
	font-size: 10px;
}

#content .simpleTable .rowDark {
	background-color: #DBDBDB;
	font-size: 10px;
}

/* detailed table styles */

#content .detailedTable {
	width: 563px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: white;
}

#content .detailedTable td {
	padding: 1px 5px 1px 5px;
}

#content .detailedTable .columnLabels {
	background-color: #FFA401;
	color: #FFFFFF;
	font-weight: bold;
}

#content .detailedTable .sectionLabel {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#content .detailedTable .rowLight {
	background-color: #FFFFFF;
	font-size: 10px;
}

#content .detailedTable .rowDark {
	background-color: #DBDBDB;
	font-size: 10px;
}

/* form styles */

#content .webForm { /* form container */
	margin: 0px 0px 10px 0px;
}

#content .webForm h1 {
	margin: 20px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#content .webFormContent {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #EFEFEF;
	font-size: 11px;

}

#content .webFormContent input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content .webFormContent select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content .webFormButtons { /* form button bar */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFA400;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

#content .webFormButtons input {
	background-color: #FFA400;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

#content .webFormFooter {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 1px;
	background-color: #FFFFFF;
	font-size: 9px;
}