/********* STYLE SHEET - CORPORATE IMAGE OUTFITTERS JULY 2011 ********/


/*** GENERAL ***/

body {
	font-family:Arial;
	margin:0;
	letter-spacing:.02em;
	background-color:#D4D4C9;
	color:#6b6b6b;
	font-size:15px;
	
}
#wrapper {
	min-height: 800px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	-moz-border-radius: 5px;
	background-color: #fff;
	margin-top:20px;
	padding:30px;
	margin-bottom:40px;
	-moz-box-shadow:0 0 10px 5px #999;
    -webkit-box-shadow: 0 0 10px #999;
}
.clear {
	clear:both;
}
input {
	border:1px solid #D4D4C9;
	border-radius:5px;
	height:22px;
	-moz-border-radius: 5px;
}
textarea {
	border:1px solid #D4D4C9;
	border-radius:5px;
	-moz-border-radius: 5px;
}
p {
	text-align:justify;
}
h1, h2, h3, h4 {
	color:#5E6D91;
}
a {
	color:#5E6D91; /*blue*/
}
.noborder img{
	border:none;
}
.bold {
	font-weight:bold;
}
.italic_sm {
	font-style:italic;
	font-size:.9em;
}
.bold_blue {
	color:#5e6D91;
	font-weight:bold;
}

/*** HEADER ***/
#phone_num {
	float:right;
	font-size:1.1em;
	font-weight:bold;
	color:#5E6D91;
	position:relative;
	top:12px;
}
#logo img {
	border:none;
}
#logo a {
	z-index:2;
}
#logo {
	width:400px;
	position:relative;
	top:10px;
	left:24px;
	z-index:1;
}
#horace {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}
#pacific {
	margin-top:10px;
}
#redkap {
	margin-bottom: 8px;
}
#redledge {
	margin-bottom: 6px;
}
#nf {
	margin-bottom: 8px;
}


/*** SEARCH BOX ***/
#searchBox {
	float:right;
	position:relative;
	bottom:64px;
	z-index:1000;
}
#options {
	position:relative;
	left:5px;
}
#options a {
	color:#2B4974;
	font-size:.7em;
	letter-spacing:.05em;
	position:relative;
	top:4px;
}
#search_submit {
	padding-bottom:6px;
	padding-top:3px;
	height:26px;
	cursor:pointer;
	background-color:#F0F2EB;
}


/*** NAVIGATION ***/
#full_nav {
	position:relative;
	bottom:50px;
}
/*#quote_btn {
	position:relative;
	top:5px;
	float:right;
	right:41px;
	left:105px;
}	*/

#quote_btn {
	float:right;
	position:relative;
	left:30px;
	bottom:28px;
}
#quote_btn img {
	border:none;
}
#member_nav {
	clear:right;
	background-color:#f5f5f5;
	background-color:#F0F2EB;
	background-color:#F0F2EB;
	border-right:1px solid #D4D4C9;
	border-left:1px solid #D4D4C9;
	border-top:1px solid #D4D4C9;
	border:none;
	background-color:transparent;
	height:30px;
	width:317px;
	z-index:100;
	float:right;
	position:relative;
	top:6px;
}
#member_nav li {
	list-style-type:none;
	display:inline;
	position:relative;
	bottom:12px;
}
#member_nav li a {
	color:#999999;
	text-decoration:none;
	font-size:.8em;
}
#member_nav li a:hover {
	text-decoration:underline;
	color:#666666;
}
#login {
	position:relative;
	right:32px;
}
#acct {
	position:relative;
	left:18px;
}
#signout {
	position:relative;
	left:70px;
}


#main_nav {
	border-bottom:1px solid #E6E6E6;
	height:34px;
}
#nav_menu {
	position:relative;
	right:30px;
	top:12px;
}
#nav_menu li {
	display:inline;
	list-style-type:none;
	padding-right:18px;
	font-size:.85em;
}
#nav_menu li a {
	text-decoration:none;
	color:#999999;
}
#nav_menu li a:hover {
	text-decoration:none;
	color:#2B4974;
}
.apparel {
	display:none;
}		
#app {
	position:absolute;
	left:100px;
	top:22px;
	background-color:#ffffff;
	border-bottom:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	padding:15px;
	z-index:101;
}
#app li {
	float:left;
	position:relative;
	bottom:8px;
	font-size:.95em;	
}
#app li a {
	color:#2B4974;
	
}
#mens a {
	font-weight:bold;
}
#womens a {
	font-weight:bold;
}
#womens  {
	position:relative;
	right:40px;
}
#m_app li {
	clear:both;
	display:block;
	position:relative;
	right:30px;
	top:5px;
}
#w_app li a, #m_app li a {
	font-weight:500;
	line-height:140%;
	color:#999999;
}
#w_app li {
	clear:both;
	display:block;
	position:relative;
	right:30px;
	top:5px;
	font-weight:500;
}	

.apparel li {
	font-size:1em;
}


/*** SIDEBAR ***/
#sidebar {
	width:180px;
	float:left;
	position:relative;
	bottom:18px;
}
#logos  {
	padding:0;
}	
#logos li {
	list-style-type:none;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
}
#logos img {
	border:none;
}
#ltitle {
	border-top:1px solid #DFDFD7;
	border-bottom:1px solid #DFDFD7;
	font-weight:bold;
	position:relative;
	background-color:#ffffff;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
}

#recent {
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	width:180px;
	min-height: 313px;
	border-radius:5px;
	-moz-border-radius: 5px;
	margin-top:20px;
}

	
	

/*** CONTENT ***/
#content {
	width:800px;
	float:right;
	position:relative;
	bottom:42px;
}


/*** INDEX ***/
#intro_text {
	width:480px;
	text-align:justify;
	float:left;
	position:relative;
	left:6px;
	bottom:8px;
}
#corporate_image {
	margin-bottom:20px;
	float:right;
}
#sageplus {
	float:right;
	position:relative;
	top:3px;
	left:2px;
}

/*** IMAGE NAVIGATION ***/
#pic_nav {
	background-color:#F0F2EB; /*lighter*/
	
	background-color:#F0F2EB;
	background-color:#F0F2EB;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	border-radius:5px;
	-moz-border-radius: 5px;
	
}
#pic_nav li {
	list-style-type:none;
	display:inline;
	padding-left:35px;
	padding-right:5px;
}
#pic_nav_captions li  {
	padding-right:83px;
	position:relative;
	bottom:17px;
}
#pic_nav_captions li a {
	color:#666666;
	text-decoration:none;
	font-size:.9em;
}
#bags {
	position:relative;
	left:22px;
}
#pic_nav img {
	border:1px solid #e9e9e9;
	border-radius:5px;
	-moz-border-radius: 5px;
	border:none;
}
#ww {
	position:relative;
	left:9px;
}
#fr {
	position:relative;
	left:37px;
}



/*** FEATURED ***/
#featured {
	margin-top:20px;
	
	background-color:#F0F2EB;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	width:100%;
	border-radius:5px;
	-moz-border-radius: 5px;
}
#featured img {
	margin:20px;
	position:relative;
	left:33px;
	border:1px solid #D4D4C9;
}
.div_title {
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #DFDFD7;
	border-bottom:1px solid #DFDFD7;
	padding-left:10px;
	font-size:.9em;
	font-weight:bold;
	background-color:#ffffff;
}




/*** EMBROIDERY PAGE ***/	
.text {
	width:480px;
	text-align:justify;
	float:left;
	position:relative;
	left:6px;
}
.bump {
	position:relative;
	left:6px;
	width:98%;
}
#embroidery_image {
	float:right;
	margin-bottom:10px;
}
#thread {
	margin-top:20px;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	width:100%;
	height:320px;
	border-radius:5px;
	-moz-border-radius: 5px;
}	
#thread img {
	margin:20px;
	position:relative;
	top:10px;
	float:left;
}
#colors {
	position:relative;
	top:30px;
	left:50px;
}
#color_table td {
	padding-right:30px;
	padding-top:3px;
}
#fonts {
	margin-top:20px;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	width:100%;
	border-radius:5px;
	-moz-border-radius: 5px;
}
#fonts img {
	outline:none;
	text-decoration:none;
	margin:10px 20px 20px 20px;
}
#fonts a img{
	border:none;
	outline:none;
}
#pdf_font {
	font-size:.8em;
	font-style:italic;
	text-indent:20px;
}



/*** CONTACT ***/
.contact_div {
	margin-top:20px;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	width:100%;
	border-radius:5px;
	-moz-border-radius: 5px;
}
.contact li {
	list-style-type:none;
	font-size:.9em;
	line-height:1.4em;
}


/*** BRANDS PAGE ***/
#brand_grid {
	position:relative;
	right:200px;
	margin-top:10px;
	border:1px solid #D4D4C9;
	width:1000px;
	border-radius:5px;
	-moz-border-radius: 5px;
}
#brand_grid td {
	padding:5px;
	text-align:center;
	width:150px;
	height:150px;
	border:1px solid #D4D4C9;
	border-radius:5px;
	-moz-border-radius: 5px;
}
#brand_info {
	position:relative;
	right:200px;
	width:1000px;
}
#brand_grid td:hover {
	border:none;
	outline:1px solid #990033;
	outline-radius:5px;
	-moz-outline-radius: 5px;
	background-color:#f8f8f8;
}
#brand_grid a img {
	outline:none;
	border:none;
}


/*** QUOTE PAGE ***/
#quote_how {
}
.nudge_btn {
	position:relative;
	top:3px;
}
#create_btn {
	position:relative;
	top:9px;
}
#q_form {
	font-size:.9em;
	padding:20px;
	padding-right:260px;
	background-color:#F0F2EB;
	border:1px solid #D4D4C9;
	border-radius:5px;
	-moz-border-radius: 5px;
}
.qform_td  {
	min-width:200px;
	vertical-align:top;
	padding-bottom:20px;
}
#q_form input {
	width:200px;
}
#q_form textarea {
	width:300px;
}
#comments {
	height:100px;
}
.err_msg {
	font-size:.8em;
	color:red;
	font-style:italic;
	padding-bottom:0px;
	vertical-align:bottom;
}
input#qsubmit, input#reset {
	background-color:#ffffff;
	width:120px;
	-moz-box-shadow:0 0 2px 1px #e3e3e3;
    -webkit-box-shadow: 0 0 2px 1px #e3e3e3;
	cursor:pointer;
}



/*** FOOTER ***/
#footer {
	background-color:#333333;
	width:100%;
	margin:0;
}
#footer_wrapper {
	width:996px;
	padding:10px 30px 10px 30px;
	margin-right:auto;
	margin-left:auto;
}
#footer_mid {
	float:right;
}
#footer_mid a {
	color:#fff;
	font-size:.8em;
	padding-left:20px;
}
#copy {
	font-size:.7em;
}
#rate_us {
	position:relative;
	bottom:8px;
}
#rate_us li {
	list-style-type:none;
	margin-left:-40px;
	padding-left:-40px;
	padding-bottom:10px;
}
#rate_title {
	margin-bottom:-10px;
	margin-top:5px;
}
#fb {
	padding:4px;
	padding-top:5px;
	outline:none;
	border:none;
}
#footer_table {
	width:100%;
}
#footer_table td {
	vertical-align: top;
	color: #E2E2D9;
	font-size:.85em;
	width:200px;
}
#brand_link {
	color:#F0F2EB;
}


.vtop {
	vertical-align:top;
}

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	max-width:300px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
#digitize {
	width:240px;
	cursor:pointer;
	text-decoration:underline;
}






/*** PRODUCT CART ****/
#recalculate {
	position:relative;
	left:400px;
}
 
#content_pc {
	width:800px;
	float:right;
	position:relative;
	bottom:40px;
}

