/* defaults, globals, and misc.
==============================================================================*/

@import url("navigation.css");
@import url("form.css");
@import url("http://store.jensscrubs.com/v/JensScrubs.css");

body {
	margin: 0; padding: 0;
	/* font: normal 11px verdana, tahoma, arial, helvetica; color: #000; text-decoration: none; */
	font: normal 0.7em tahoma, verdana, arial, helvetica, sans-serif; color: #000;
		
	text-align: center;
}

a {color: #336699; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: underline;}

img {border: none;}

h1 {font-size: 150%; font-weight: bold; color: #336699;}
h2 {font-size: 14px; font-weight: bold; color: #336699;
	margin: 0; padding: 0;
	text-decoration: none;
}
h3 {font-weight: bold; font-size: 12px; color: #336699;
	margin: 0; padding: 0;
	text-decoration: none;
}
h3 a {text-decoration: none;}

em {font-style: normal; font-weight: bold;}

input, select, textarea {font: normal 11px verdana, tahoma, arial, helvetica;}
input.submit {color: #fff; border: 1px solid #ccc; background-color: #f93;}

li {list-style: square;}

hr {border: 0; height: 1px; width: 95%; background-color: #ccc;}

/* common
==============================================================================*/

.errorBox {
	margin: 0 0 25px 0; padding: 7px 7px 7px 50px;
	border: 1px solid #900;
	background: url(../images/common/explanation_point.gif) no-repeat 5px 5px;
	background-color: #ffffd5;
	
	font-size: 125%;
	font-weight: bold;
	color: #900;
}

.debug {background-color: #eee; border: 1px dotted #666;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.strike {text-decoration: line-through;}

.spacer {clear: both; height: 100px;}

.wrapper {width: 100%;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.center {text-align: center;}

.columnsThird {float: left; width: 33%;}
.columnsHalf {float: left; width: 50%;}
.columnsTwoThirds {float: left; width: 66%;}

.clearMarginPadding {margin: 0; padding: 0;}

.show {visibility: visible;}
.hide {visibility: hidden;}

blockquote {margin: 20px 0 0 0; padding: 20px; line-height: 150%; color: #666; background-image: url(http://www.jensscrubs.com/store/images/bubble_quote_top.png); background-repeat: no-repeat; background-position: top left;}
cite {display: block; margin-bottom: 20px; padding: 40px 20px 20px 10px; height: 20px; color: #369; background-image: url(http://www.jensscrubs.com/store/images/bubble_quote_bottom.png); background-repeat: no-repeat; background-position: top left;}

/* forms
==============================================================================*/

.standardForm {padding: 10px; border: 1px solid #ccc; background:#f8f8f8;}
.standardForm .formRow {padding: 3px 0;}
.standardForm .formSubmit {text-align: center; padding: 10px 0;}
.standardForm label {display: block; margin: 3px 0;}

/* default layout
==============================================================================*/

#container {
	width: 1000px; margin: 0 auto; text-align: left;
	/* temporary fix for white space in firefox */
	margin-top: -1px; border-top: 1px dotted #fff;
	
	/*
	border: 1px dotted #f00;
	*/
}
	
/* main
==============================================================================*/

#main {width: 1000px; text-align: left; }
#splash {width: 1000px; margin-top: 7px; }
#content {float: left; width: 805px; margin: 7px 0 0 0;} /* 585px; */
#sidebar {float: right; width: 190px; margin: 7px 0 0 0;}

/* main
==============================================================================*/

#slider {
	float: left;
}
		#slider ul, #slider li{
		margin:0;	
		padding:0;
		list-style:none;
		}
	#slider, #slider li { 
		width: 330px;
		height: 150px;
		overflow: hidden; 
	}

/* footer
==============================================================================*/

#footer {clear: both; width: 1000px; height: auto; margin-top: 7px;}
#footerLinks {float: left; width: 605px; height: 110px; border-top: 7px solid #ff9933;}
#footerLinks ul {float: left; width: 33%; padding: 7px 0 0 0; margin: 0;}
#footerLinks ul li {list-style: none; color: #7c939f;}
#footerLinks ul li a {color: #7c939f; text-decoration: none;}
#footerLinks ul li a:hover {color: #ff0000;}

#footerNewsletter {float: right; width: 373px; height: 103px; padding: 7px; background-color: #b4c1c7;}
#footerNewsletter img {float: left;}
#footerNewsletter form {margin: 0; padding: 0; color: #fff;}
#footerNewsletter fieldset {border: none;}
#footerNewsletter p {margin: 7px auto; color: #fff;}
#footerNewsletter form fieldset input.inputImage {margin: 0 0 -3.5px 0;}

#footerCategories {margin-top: 7px; padding: 14px; text-align: center; background-color: #f93;}
#footerCategories ul {margin: 0;}
#footerCategories ul li {padding: 0 15px; border-left: 1px solid #fff; list-style: none; display: inline;}
#footerCategories ul li.first {border-left: none;}
#footerCategories ul li a {font-weight: bold; color: #fff; text-decoration: none;}
#footerCategories ul li a:hover {color: #ff0000;}

#footerCopyright {margin: 7px 0; padding: 0px; text-align: center;}

/* index
==============================================================================*/

.featuredProducts {
	float: left;
	width: 385px; height: 155px;
	margin: 0 5px 5px 0; padding: 5px;
	border: 1px solid #ccc;
}
.featuredProducts img {float: left; margin-right: 5px;}
.featuredProducts .price {
	float: left; width: 53px; height: 22px;
	margin: 15px 0 0 35px; padding: 5px 0 0 17px;
	background: url(../images/common/price_tag_orange.gif) no-repeat top left;
	font-weight: bold;
	color: #fff;
}
.featuredProducts .category {clear: both;
	/* padding: 0 0 0 1.5em; */
	text-align: center;
	/* background: url(../images/common/arrows_grey.jpg) no-repeat 0 .45em; */
}
#introduction {color: #369;}

/* sidebar layouts
==============================================================================*/

#sidebar .imageBanner {margin: 1em 0;}

.sidebarMain {width: auto; height: auto; margin: 0; padding: 10px; color: #666; border: 1px solid #ccc; background-color: #ffe;}
.sidebarMain h2 {
	margin: 0; padding: 0 0 0 25px;
	font-size: 125%; font-weight: bold; color: #666;
	border-bottom: 1px solid #666;
	background: url(../images/icons/icon_info.gif) no-repeat center left;
}
.sidebarMain h3 {font-size: 115%; font-weight: bold; color: #666;}

.sidebarMain ul {margin: 0; padding: 0;}
.sidebarMain ul li {display: block; margin: 1em 0; padding: 0 0 0 1.5em; list-style-type: none; background: url(../images/common/bullet_orange.gif) no-repeat 0 .3em;}

form#advancedSearch {margin: 0;}
form#advancedSearch fieldset {margin: 0; padding: 0; border: none;}
form#advancedSearch select {width: 165px; margin: .5em 0 0 0;}
form#advancedSearch input {margin: .5em 0 0 0;}
form#advancedSearch input.inputText{width: 125px;}
form#advancedSearch input.inputImage {margin: 0 0 -3.5px 0;}

form#customerLogin {margin: .5em 0 0 0;}
form#customerLogin fieldset {padding: 0; border: none;}
form#customerLogin div {clear: left; margin: .5em 0 0 0;}
form#customerLogin label {display: block; float: left; width: 60px; padding: .25em 0;}
form#customerLogin input.inputText {width: 99px;}
form#customerLogin input.inputPassword {width: 66px;}
form#customerLogin input.inputImage {margin: 0 0 -3.5px 0;}

/* product layouts
==============================================================================*/

.linkSeeAll {
	font-weight: bold;
	color: #ff9933;
	text-decoration: none;
}
.categoryHeader {
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #7c939f;
}
.categoryPaging {
	width: 100%;
	margin-bottom: 10px; padding: 5px 0;
	border-top: 1px solid #7c939f;
	border-bottom: 1px solid #7c939f;
}
.categoryColumn {
	float: left;
	width: 177px; height: 195px;
	margin: 0px 5px 5px 0; padding: 5px 5px;
	border: 1px solid #eee;
	text-align: center;
}

.categoryProductPrice {font-weight: bold; font-size: 13px; color: #990000;}
.categoryProductListPrice {color: #666; text-decoration: line-through;}

.productPrice {font-weight: bold; color: #990000;}

.iconEmail {display: block; height: 20px; padding: .2em 0 0 2.5em; list-style-type: none; background: url(../images/icons/icon_email.gif) no-repeat 0 0;}
.iconNotepad {display: block; height: 20px; padding: .2em 0 0 2.5em; list-style-type: none; background: url(../images/icons/icon_notepad.gif) no-repeat 0 0;}

/* category page layouts
==============================================================================*/

.categoryColumn {float: left; width: 177px; height: 200px; margin: 0px 5px 5px 0; padding: 5px 5px; border: 1px solid #eee; text-align: center;}
.categoryProductDescription {display: block; height: 55px; font-weight: bold;}
.categoryProductPrices {height: 30px;}

.categoryColors {display: block; padding: 5px 0 0 0; color: #ccc;}


/* product page layouts
==============================================================================*/

#productImagesWrapper {float: left; width: 260px;}
#productDetailsWrapper {float: left; padding: 0 5px; width: 310px;}

#productThumbnails {font-weight: bold; color: #666; text-align: center;}
#productThumbnails img {border: 1px solid #ccc;}
#productOutOfStock {position: relative; width: 220px; padding: 5px; top: -150px; left: 15px; font-weight: bold; text-align: center; color: #c00; background-color: #fff; border: 1px solid #cbcbcb; z-index: 25;}

.tabActive {text-align:center; padding: 3px 0; color: #369; width: 85px; height: 14px; background: url("../images/common/tab_active.gif"); float: left; font-weight: bold;}
.tabInactive {text-align:center; padding: 3px 0; color: #aaa; width: 85px; height: 14px; background: url("../images/common/tab_inactive.gif"); float: left; cursor: pointer;}
.tabFiller{float: left; height: 19px; border-bottom: 1px solid #369;}

.sheetActive{border-left: 1px solid #369; border-right: 1px solid #369; border-bottom: 1px solid #369;}
.sheetInactive {display: none;}

#mainSheetRelatedProducts {padding: 5px; color: #666;}
#mainSheetRelatedProducts div.Column {float: left; width: 27%; margin: 10px; padding: 5px; color: #336699; text-align: center;}
#mainSheetRelatedProducts div.Column a {font-weight: bold;}

#mainSheetReviews {padding: 5px; color: #666;}
#mainSheetReviews div {
	margin: 0 0 1em 0; padding: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}

/* product options
==============================================================================*/

#labelSizes {padding: 5px; height: 1em;}
#labelColors {padding: 5px; height: 2.5em;}

#containerSizes ul {margin: 0px; padding: 5px;}
#containerSizes ul li {display: block; float: left; width: 23px; height: 15px; padding: 3px; margin: 0 3px 3px 0; border: 1px solid #369; text-align: center; font-weight: bold; color: #369; background-color: #ffffff; cursor: pointer;}
#containerSizes ul li.sizeSelected {padding: 2px; border: 2px solid #369; background-color: #cce6ff;}
#containerSizes ul li.sizeOutOfStock {padding: 3px; border: 1px dashed #ccc; color: #ccc; background-color: #fff;}

#containerColors ul {margin: 0px; padding: 5px;}
#containerColors ul li {display: block; float: left; width: 22px; height: 22px; padding: 1px; margin: 0 3px 3px 0; border: 1px solid #369; cursor: pointer;}
#containerColors ul li.colorSelected {padding: 0px; border: 2px solid #369;}
#containerColors ul li.colorOutOfStock {padding: 0px; border: 2px dotted #ccc;}

#containerInfo {padding: 5px 0;}
#containerQuantity {float: left; padding: 0 5px; font-weight: bold; color: #369; border-right: 1px dotted #ccc; text-align: center;}
#containerQuantity select {width: 40px; margin: 3px 0; padding: 0; text-align: center;}
#containerSelection {float: left; margin: 5px 0 0 5px;}
#containerSelection img {float: left; border: 2px solid #369; margin: 0 3px 0 0; padding: 0;}

#productAddToCart {height: 20px; padding: 5px; text-align: center; background-color: #cccccc;}

#productFitSizing {padding: 5px;}
#productFitSizing table {margin: 0px; border-collapse: collapse; width: 100%;}
#productFitSizing th {padding: 5px; color: #fff; background-color: #369; text-align: center;}
#productFitSizing td {padding: 5px; text-align: center; border: 1px solid #ccc;}

.addToCartSuccess {font-weight: bold; color: #900;}

/* help
==============================================================================*/

#helpHeader {width: 100%; height: auto;}
#helpHeader select {margin: 5px 0;}

#helpBody {
	width: 100%; height: 250px;
	margin: 7px 0; padding: 7px 0;
	border-top: 1px solid #ccc;
}
#helpContactUs {
	float: left;
	width: 40%; height: 100%;
	padding: 7px 0 0 0;
	border-right: 1px solid #ccc;
}
#helpFAQs {
	float: left;
	width: 25%; height: 100%;
	padding: 7px 0 0 7px;
	border-right: 1px solid #ccc;
}
#helpPolicies {
	float: left;
	width: 30%; height: 100%;
	padding: 7px 0 0 7px;
}
#helpPolicies a {font-weight: bold;}

#helpFooter {
	width: 100%;
	border-top: 1px solid #ccc;
}

/* shopping cart
==============================================================================*/

div#shoppingCart h1 {margin: 3px 0; padding: 7px; background-color: #dfeaf0; color: #7c939f;}
div#shoppingCart h1 span {float: right; margin: -18px 0 0 0;}

div#shoppingCart table {clear: both;}
div#shoppingCart table {border-collapse: collapse; width: 100%;}
div#shoppingCart table th {padding: 5px; background-color: #608ea6; color: #fff;}
div#shoppingCart table td {padding: 5px; vertical-align: top;}
div#shoppingCart table td a {font-weight: bold;}
div#shoppingCart table td img {float: left; margin: 0 5px 0 0;}
div#shoppingCart #shoppingCartItemDetails {padding: 0 0 0 45px;}
div#shoppingCart .shoppingCartCenter {text-align: center;}

div#shoppingCart ul {float: right; margin: 0; padding: 5px; width: 33%; background-color: #dfeaf0;}
div#shoppingCart ul li {list-style-type: none; padding: 5px;}
div#shoppingCart ul li span {float: right; margin:-1.2em 0 0 0; text-align: right;}
div#shoppingCart ul li#shoppingCartSubtotal {font-weight: bold;}
div#shoppingCart ul li#shoppingCartMessage {font-weight: bold; color: #7c939f;}