/*  -- ChicagoToGo.com (chsms) --  */

/*  -- Base Layout Styles --  */

body {
	margin: 0;
	padding: 0 0 20px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #444;
	text-align: center;
	background-color: #fff;
}

div#container {
	margin: 0 auto;
	width: 865px;
	text-align: left;
	background-color: #fff;
}

a {
	color: #79a0c9;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

div.clear {
	clear: both;
}

/*  -- End Base Layout Styles --  */


/*  -- Header --  */

div#header td#logoArea {
	padding: 0;
	text-align: left;
	vertical-align: middle;
}

div#header td#infoArea {
	padding: 0;
	width: 250px;
	text-align: right;
	vertical-align: bottom;
}

	/*  -- Search --  */
	
	div#searchArea {
		padding: 15px 0 10px 0;
		width: 250px;
		background: url(/lib/chsms/searchGradient.gif) 0 0 repeat-x;
	}

	div#searchArea .heading {
		padding: 0 25px 5px 25px;
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #272727;
		text-align: left;
	}
	
	div#searchArea form {
		margin: 0;
		padding: 0 25px;
		background: url(/lib/chsms/searchBkgd.gif) 25px 0 no-repeat;
	}
	
	div#searchArea input {
		vertical-align: top;
	}
	
	div#searchArea .searchInpt {
		padding: 5px 10px 0 10px;
		width: 180px;
		height: 20px;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: none !important;
		border: none !important;
	}
	
	div#searchArea .searchBtn {
	}
	
	/*  -- End Search --  */

	/*  -- Top Navigation --  */

	div#topNavArea {
		float: left;
		width: 865px;
		background: url(/lib/chsms/leftNav-top.gif) 0 bottom no-repeat;
	}
		
	ul#topNav {
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	ul#topNav li {
		float: left;
		margin-left: 1px;
		padding-right: 8px;
		height: 25px;
		background: #7f7f7f url(/lib/chsms/topNav-blueBkgd.gif) 0 25px no-repeat;
	}

	ul#topNav li.current,
	ul#topNav li.active {
		background-position: 0 0;
	}

/*		
	ul#topNav :hover {
		background-position: 0 0;
	}
*/
	
	ul#topNav a {
		display: block;
		padding: 5px 11px 0 8px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		background: url(/lib/chsms/topNav-rightArrow.gif) right 9px no-repeat;
	}

	ul#topNav a:hover {
		background-position: right 9px;
	}

	ul#topNav .current a {
		background: url(/lib/chsms/topNav-downArrow.gif) right 11px no-repeat;
	}
	
	/*  -- End Top Navigationa --  */

/*  -- End Header --  */


/*  -- Footer --  */

div#footer {
	clear: both;
	padding: 15px 0 5px 0;
	background-color: #e9e9e9;
}

div#footer .heading {
	padding: 0 25px 15px 25px;
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	text-transform: uppercase;
}

div#footer .heading img {
	display: block;
}

div#footer .infoArea td {
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
}

div#footer .infoArea {
	padding: 0 25px;
}

div#footer .infoArea .heading {
	padding: 0 2px 2px 2px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	text-transform: none;
	border-bottom: 1px solid #4b4b4b;
}

div#footer #footerLinks {
	padding-right: 90px;
}

div#footer #footerLinks .links {
	padding-top: 6px;
}

div#footer #footerLinks a {
	padding: 0 2px;
	display: block;
	color: #000;
	text-decoration: none;
}

div#footer #footerLinks a:hover {
	text-decoration: underline;
}

div#footer #footerInfo {
	padding-right: 90px;
}

div#footer #footerInfo .info {
	padding: 6px 0 0 2px;
}

div#footer #footerInfo .address {
	width: 125px;
}

div#footer #footerInfo .hours {
	color: #4b4b4b;
}

div#footer #footerInfo .email {
	padding-top: 6px;
}

div#footer #footerInfo .email a {
	color: #267dcb;
}

div#footer .badges {
	padding-top: 5px;
}

div#footer .badges img {
	margin: 5px 0;
}

div#footer #copyright {
	padding-right: 15px;
	text-align: right;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #939393;
}

/*  -- End Footer --  */


/*  -- Body --  */

div#mainBody {
	float: left;
	width: 865px;
	background: url(/lib/chsms/mainBodyBkgd.gif) 0 0 repeat-y;
}

div#leftCol {
	float: left;
	padding-bottom: 25px;
	width: 199px;
}

div#pageContent {
	float: right;
	padding-top: 2px;
	width: 662px;
}

div#pageContent #topArea img {
	display: block;
	float: left;
}

h1#pageTitle {
	clear: both;
	margin: 0;
	padding: 4px 10px;
/*	height: 40px; */
	font: normal 28px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #bcb8b7;
	border-top: 2px solid #fff;
}

div#breadcrumbsArea {
	clear: both;
	padding: 5px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #444;
}

div#breadcrumbsArea .divider {
	padding: 0 5px;
}

div#breadcrumbsArea a {
	color: #444;
	text-decoration: none;
}

div#breadcrumbsArea a:hover {
	text-decoration: underline;
}

div#infoPage {
	clear: both;
	padding: 3px 0 15px 0;
}

div#info-div {
	padding: 0 15px;
}

/*  -- End Body --  */


/*  -- Left Navigation --  */

ul#leftNav {
	margin: 0;
	padding: 6px 0 0 0;
	width: 199px;
	list-style-type: none;
}

ul#leftNav li {
	width: 199px;
}

ul#leftNav li.last {
	padding-bottom: 16px;
}

ul#leftNav a {
	display: block;
	padding: 4px 15px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: none;
}

ul#leftNav a.inPath,
ul#leftNav a:hover {
	color: #79a0c9;
}

	/*  -- FastPivot: Newsletter Signup --  */
	
	div#newsletterArea {
		margin: 0 10px;
		padding: 4px;
		background-color: #9ec944;
	}

	div#newsletterArea .inner {
		padding: 5px 0 8px 0;
		text-align: right;
		border: 1px solid #fff;
	}
	
	div#newsletterArea .heading {
		padding-bottom: 10px;
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: center;
	}
	
	div#newsletterArea .heading img {
		display: block;
		margin: 0 auto;
	}
	
	div#newsletterArea .text {
		padding: 0 0 10px 0;
		font: normal 11x Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	div#newsletterArea form {
		margin: 0;
		padding: 0;
	}

	div#newsletterArea .inputArea {
		padding-right: 4px;
	}
		
	div#newsletterArea input {
		vertical-align: top;
	}
	
	div#newsletterArea .newsletterInpt {
		margin-bottom: 8px;
		padding: 6px 5px 0 5px;
		width: 151px;
		height: 20px;
		font: normal 11px Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #fff !important;
		border: none !important;
	}
	
	div#newsletterArea .newsletterBtn {
	}
	
	div#newsletterArea .subtext {
		padding: 0;
		font: normal 11px Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	/*  -- End FastPivot: Newsletter Signup --  */

/*  -- End Left Navigation --  */


/*  -- Home Page --  */

div#homePage {
	clear: both;
	padding: 3px 0 15px 0;
}

	/*  -- Image Rotator --  */
	
	div#imageRotatorArea {
		position: relative;
		width: 662px;
		height: 430px;
		overflow: hidden;
		background-color: #fff;
	}
	
	div.imageRotatorDiv img {
		display: block;
	}
	
	div#imageRotatorArea #imageRotatorControlsArea {
		position: absolute;
		top: 405px;
		right: 2px;
		z-index: 500;
		height: 20px;
	}
	
	div#imageRotatorArea #imageRotatorControlsBtn,
	div#imageRotatorArea #imageRotatorControlsNums {
		float: left;
	}
	
	div#imageRotatorArea .imageRotatorBtn {
		float: left;
		margin: 0 2px;
		width: 18px;
		height: 18px;
		font: bold 17px "Times New Roman", Times, serif;
		color: #000;
		text-align: center;
	}
	
	div#imageRotatorArea .imageRotatorBtn div {
	}
	
	div#imageRotatorArea .curNum {
		color: #005bbf;
	}

	div#imageRotatorArea #imageRotatorControlsBtn img {
		margin-top: 1px;
	}

	/*  -- End Image Rotator --  */

div#homePage #specials td {
	padding: 10px 10px 3px 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	text-align: center;
	vertical-align: top;
	background-color: #b6b6b6;
}

div#homePage #specials td.vertical-seperator {
	border-right: 4px solid #fff;
}

div#homePage #specials img {
	border: 1px solid #7f7f7f;
}

div#homePage #specials .name {
	padding: 3px 0 3px 10px;
	text-align: left;
}

div#homePage #specials .name a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #626060;
	text-decoration: none;
}

div#homePage #specials .name a:hover {
	text-decoration: underline;
}

div#homePage #specials .shopNow {
	padding-left: 85px;
	text-align: left;
}

div#homePage #specials .shopNow a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	text-decoration: none;
}

div#homePage #specials .shopNow a:hover {
	text-decoration: underline;
}

/*  -- End Home Page --  */


/*  -- Section Page --  */

div#sectionPage {
	clear: both;
	padding: 3px 0 15px 0;
}

div#sectionPage #contents {
	padding: 5px 0;
}

div#sectionPage #contents td {
	padding: 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #f67c23;
	text-align: center;
	vertical-align: top;
}

div#sectionPage #contents td.vertical-seperator {
	border-right: 1px solid #cac8c9;
}

/*
div#sectionPage #contents img {
	border: 1px solid #7f7f7f;
}
*/

div#sectionPage #contents .name {
	padding-top: 5px;
}

div#sectionPage #contents .name a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #444;
}

div#sectionPage #contents .name a:hover {
	color: #709ac2;
	text-decoration: underline;
}

div#sectionPage #contents td.horizontalDivider {
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: #cac8c9;
}

div#sectionPage #contents td.horizontalDivider img {
	border: none;
}

/*  -- End Section Page --  */


/*  -- Sub-Section Page --  */

div#subsectionPage {
	clear: both;
	padding: 3px 0 15px 0;
}

div#subsectionPage #contents {
	padding: 5px 0;
}

div#subsectionPage #contents td {
	padding: 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	vertical-align: top;
}

div#subsectionPage #contents td.vertical-seperator {
	border-right: 1px solid #cac8c9;
}

div#subsectionPage #contents .name {
	padding-top: 5px;
}

div#subsectionPage #contents .name a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

div#subsectionPage #contents .name a:hover {
	color: #709ac2;
	text-decoration: underline;
}

div#subsectionPage #contents .price {
	padding-top: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}

div#subsectionPage #contents .price-bold,
div#subsectionPage #contents .sale-price,
div#subsectionPage #contents .sale-price-bold {
	padding-top: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #709ac2;
}

div#subsectionPage #contents td.horizontalDivider {
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: #cac8c9;
}

/*  -- End Sub-Section Page --  */


/*  -- Item Page --  */

div#itemPage {
	padding-bottom: 10px;
}

div#itemArea {
	float: left;
	padding-top: 10px;
	width: 520px;
}

div#itemArea #imageArea {
	float: left;
	padding-left: 15px;
	width: 270px;
	text-align: center;
}

	/*  -- FastPivot: Image Enlarge --  */
	
	div#fp_imageCont {
		padding: 10px;
		border: 1px solid #7f7f7f;
	}
	
	div#fp_imageCont_enlrg {
		position: absolute;
		margin-top: -175px;
	}
	
	div#fp_imageCont_enlrg img {
		border: 0;
	}
	
	div#fp_imageCont_enlrg a {
		display: block;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #79a0c9;
		text-align: center;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_c1 {
		padding-left: 25px;
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-c1.png) 0 0 no-repeat;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_top {
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-top.png) 0 0 repeat-x;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_c2 {
		padding-left: 25px;
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-c2.png) 0 0 no-repeat;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_left {
		width: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-left.png) 0 0 repeat-y;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_center {
		background: #fff;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_right {
		width: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-right.png) 0 0 repeat-y;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_c3 {
		width: 25px;
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-c3.png) 0 0 no-repeat;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_bottom {
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-bottom.png) 0 0 repeat-x;
	}
	
	div#fp_imageCont_enlrg  .fp_imgEnlrg_c4 {
		width: 25px;
		height: 25px;
		background: url(/lib/chsms/fp-imgEnlrg-c4.png) 0 0 no-repeat;
	}
	
	/*  -- End FastPivot: Image Enlarge --  */

div#itemArea #infoTableArea {
	float: right;
	width: 220px;
}

table#infoTable {
	width: 200px;
}

table#infoTable td {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #808080;
}

table#infoTable .nameInfo {
	padding: 10px 3px;
	border-bottom: 1px solid #c9c9c9;
}

table#infoTable .name {
	font-weight: bold;
	font-size: 14px;
	color: #7f7f7f;
}

table#infoTable .priceInfo {
	padding: 10px 3px;
}

table#infoTable .price-bold {
	font-weight: bold;
	color: #709ac2;
}

table#infoTable .price {
	font-weight: bold;
	color: #7f7f7f;
}

table#infoTable .sale-price {
	font-weight: bold;
	color: #e66200;
}

table#infoTable .member-price {
	font-weight: bold;
	color: #709ac2;
}

table#infoTable .optionsInfo {
	padding: 0 3px 10px 3px;
}

table#infoTable .optionName {
	font-weight: bold;
	color: #7f7f7f;
}

table#infoTable .optionsInfo input,
table#infoTable .optionsInfo select {
	margin: 2px 0;
	width: 194px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #bdb9b8;
}

table#infoTable .optionsInfo input {
	padding-left: 5px;
	padding-right: 5px;
	width: 182px;
}

table#infoTable .optionInfo-mono input {
	margin-right: 5px;
	padding-left: 0;
	padding-right: 0;
	width: 25px;
	text-align: center;
}

table#infoTable .addToCart {
	padding-top: 15px;
	text-align: center;
	border-top: 1px solid #c9c9c9;
}

table#infoTable .outOfStock {
	font-weight: bold;
	color: #e66200;
}

div#itemPage #infoArea {
	clear: both;
	padding: 10px 0 10px 20px;
}

/*  -- Yahoo Cross-sell --  */

div#ys_relatedItems {
	float: right;
}

div#ys_relatedItems .ystore-cross-sell-table {
	width: 140px;
}

div#ys_relatedItems .ystore-cross-sell-title-cell {
	padding: 0 0 25px 0;
	text-align: center;
}

div#ys_relatedItems .ystore-cross-sell-title {
	margin: 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #464646;
	text-transform: uppercase;
}

div#ys_relatedItems .ystore-cross-sell-cell {
	padding: 3px 10px;
	text-align: center;
	vertical-align: top;
}

div#ys_relatedItems .ystore-cross-sell-product-name {
	margin: 0;
	padding: 5px 0 0 0;
}

div#ys_relatedItems .ystore-cross-sell-product-name a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

div#ys_relatedItems .ystore-cross-sell-product-name a:hover {
	color: #709ac2;
	text-decoration: underline;
}

div#ys_relatedItems .ystore-cross-sell-product-reg-price {
	margin: 0;
	padding: 2px 0 0 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}

div#ys_relatedItems .ys_promo,
div#ys_relatedItems .ystore-cross-sell-product-price {
	margin: 0;
	padding-top: 2px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #709ac2;
}

/*  -- End Yahoo Cross-sell --  */

	/*  -- FastPivot: Tabbed Details --  */

	div#fpTabbedDetails #fpTabbedDetails-tabs {
		float: left;
		margin-bottom: -3px;
		width: 500px;
	}
	
	div#fpTabbedDetails #fpTabbedDetails-tabs div {
	}
	
	div#fpTabbedDetails .activeTab {
		float: left;
		height: 24px;
		background: url(/lib/chsms/fpTabbedDetails-tabBkgd-left.gif) 0 0 no-repeat;
	}
	
	div#fpTabbedDetails .inactiveTab {
		float: left;
		height: 24px;
		background: url(/lib/chsms/fpTabbedDetails-tabBkgd-left.gif) 0 -24px no-repeat;
	}

	div#fpTabbedDetails .activeTab a {
		float: left;
		display: block;
		padding: 7px 10px 0 10px;
		height: 17px;
		font: bold 10px Arial, Helvetica, sans-serif;
		color: #636363;
		text-decoration: none;
		text-transform: uppercase;
		background: url(/lib/chsms/fpTabbedDetails-tabBkgd-right.gif) right 0 no-repeat;
	}

	div#fpTabbedDetails .inactiveTab a {
		float: left;
		display: block;
		padding: 7px 10px 0 10px;
		height: 17px;
		font: bold 10px Arial, Helvetica, sans-serif;
		color: #636363;
		text-decoration: none;
		text-transform: uppercase;
		background: url(/lib/chsms/fpTabbedDetails-tabBkgd-right.gif) right -24px no-repeat;
	}
	
	div#fpTabbedDetails #fpTabbedDetails-info {
		clear: both;
		padding-top: 3px;
		width: 500px;
		background: #eeeced url(/lib/chsms/fpTabbedDetails-top.gif) 0 top repeat-x;
	}

	div#fpTabbedDetails #fpTabbedDetails-info .text {
		padding: 15px 10px;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #7f7f7f;
	}
	
	div#fpTabbedDetails #fpTabbedDetails-info .activeContent {
		display: block;
		border: 1px solid #c6c2c1;
		border-top: none;
	}

	div#fpTabbedDetails #fpTabbedDetails-info .inactiveContent {
		display: none;
	}

	/*  -- End FastPivot: Tabbed Details --  */

/*  -- End Item Page --  */