#header {background:url("http://lib.store.yahoo.net/lib/mywhiteboards/ytr-bg-header.png") center top no-repeat;}
#header .free-shipping {background:url("http://lib.store.yahoo.net/lib/mywhiteboards/ytr-free-shipping-icon.png") left top no-repeat;left: 3px;top: 7px;padding-left: 42px;}
#header .logo {width: auto;height: auto;top: 36px;}
#header .header-phone {position: absolute;top: 0px;right: 210px;}
#header .social-icons {top: 0;left:auto;right: 479px;}
#header .social-icons img {width: auto;height: auto;}
#viewCartImg {width: auto;height: auto;top: 0;left: auto;right: 106px;}
#header .checkout {width:auto;height:auto;top:0;right:0;left:auto;}
#header form.search {width: 327px;height: 28px;top: 91px;right: 9px;background:url("http://lib.store.yahoo.net/lib/mywhiteboards/ytr-search-back.png") center top no-repeat;}
#header form.search input.search-box {position: absolute;left: 15px;padding: 0;}
#header form.search input.search-button {position: absolute;top: 0;right:0;margin: 0;height: 28px;}

#container {overflow: visible;}
.footer-wrapper {clear:both;}

#mobileNavIcon {display:none;position: absolute;top: 80px;right: 10px;cursor: pointer;}
#mobileNavCover {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: transparent;z-index:300;}
#mobileNav {display:none;position: absolute;top: 140px;right: 0;width: 100%; max-width: 500px;background-color: #046380;padding: 10px 0;}
#mobileNav #mobileSearch {width: 96%;padding-bottom:10px;margin: 0 2%;border-bottom: solid 1px #b1b1b1;}
#mobileNav #mobileSearch .search-box {width: 74%;font-size: 16px;margin-right: 1%;}
#mobileNav #mobileSearch .search-button {width: 18%; font-size: 16px;}
#mobileNav a {font: bold 16px arial;color: white;display: block;padding: 8px 25px 8px 10px;margin: 0 10px;border-bottom: solid 1px #b1b1b1;position: relative;}
#mobileNav a span.plusminus {position: absolute; top: 0;right:0px;font-size: 24px;padding: 3px 15px;}
#mobileNav .subMenu {display:none;background-color: #bbeffd;}
#mobileNav .subMenu a {font: normal 14px arial; color: #046380; padding: 8px 25px;display: block;border-bottom: dotted 1px #046380;}
#mobileNav .subMenu a:last-child {border: 0 none;}

.clearAll {clear:both;height: 0;}

@-ms-viewport {width: device-width;}

@media only screen and (max-width : 1000px) {
	#container {width: 845px;}
	#header .free-shipping {display: none;}
	#header .live-chat {top: 5px;left: 5px;height: auto;width: auto;}
	#header .mcafee {left: 560px;}
	#top-navigation {width: 845px;}
	#top-navigation ul li a {padding: 0 14px;}

	.footer-wrapper {background-image: none;background-color: #002f2f;}
	#footer {width: 845px;height: auto;}
	#footer .column.last {width: 100%;float: none;clear: both;text-align: center;}
	#footer .column.last img {display: inline;padding: 0 30px;}
	#footer .column.last br {display:none;}
	#footer img.credit-cards {position: relative;bottom: 0; right: 0;display: block;clear: both;margin: 10px auto;}
	#footer .column.first {margin: 0;width: 40%;}
	#footer .column.second {margin: 0;width: 20%;}
	#footer .column.third {margin: 0;width: 20%;}
	#footer .column.fourth {margin: 0;width: 20%;}

	.contentFull {width: 845px;}
	.content {width: 845px;}
	.banners {width: 831px;}
	.banners a:first-child img {width: 238px; height: auto !important;}
	#ytRotator {width: 593px;height: 215px;}
	#ytRotator img {width: 100%;}
	img.bannerBottom {width: 100%;}
	a.homeCatTopLink {width: 845px;display:block;}
	a.homeCatTopLink img {width: 100%;height: auto;}
	img.featuredCatTop {width: 100%;}
	body.home table.contents-table {width: 845px;}
	.featured-categories .category {width: 193px;background-size: 100% auto;}
	.featured-categories .category div, .featured-categories .category ul {margin: 0 20px;}

	#categoryContents .category {width: 193px;background-size: 100% auto;}

	#sidebar {display: none;}
	body.item div.content {width: 100%;float: none;}
}

@media only screen and (max-width : 865px) {
	#container {width: 710px;}
	#header .live-chat {display: none;}
	#header .site-info {display: none;}
	#header form.search {right: 0;}
	#header .mcafee {left: 430px;}
	#header .logo {width: 390px;top: 45px;}
	#top-navigation ul li a {padding: 0 9px;font-size: 14px;}

	#footer {width: 710px;}
	#footer .column.first {margin: 0;width: 37%;margin-right: 3%;}

	.contentFull {width: 710px;}
	.content {width: 710px;}
	.banners {width: 710px;}
	.banners a:first-child img {width: 204px; height: auto !important;}
	#ytRotator {width: 507px;height: 185px;}
	img.bannerBottom {width: 100%;}
	.message {margin: 10px 0;}
	a.homeCatTopLink {width: 710px;}
	body.home table.contents-table {width: 710px;}
	body.home table.contents-table td.thumb-img {width: 80px;}
	body.home table.contents-table td.thumb-img img {width: 100%;height: auto;}
	.featured-categories .category {width: 217px;}

	#categoryContents .category {width: 217px;}

	#itemDetail .product-area {width: 380px;}
	#tabs {padding-top: 15px;}
	.options-area .option label {margin-bottom: 5px;display: inline-block;}
	#itemDetail .accessories table {width: 710px !important;}
}

@media only screen and (max-width : 730px) {
	html {width: 100% !important; max-width: 100% !important;overflow-x: hidden;}
	body {width: 100% !important; max-width: 100% !important;overflow-x: hidden !important;}
	.yui-skin-sam .yui-panel-container {width: 95% !important;overflow: auto !important;left: 0px !important;right: auto !important;text-align: center;padding:0px !important;margin:0px !important;}

	#container {width: 100%;}
	#header {height: 140px;margin-bottom: 5px;z-index:310;}
	#header .mcafee {display: none;}
	#header form.search {display: none;}
	#header .social-icons {display: none;}
	#header .header-phone {right: auto;left: -55px;}
	#header .checkout {display: none;}
	#top-navigation {display: none;}
	#viewCartImg {right: 0px;}
	#mobileNavIcon {display: block;}

	#footer {width: 96%;margin: 0 2%;}
	#footer .column.first {margin: 20px 0;width: 100%;float: none;clear: both;text-align: center;}
	#footer .column.second {margin: 20px 0;width: 100%;float: none;clear: both;text-align: center;}
	#footer .column.third {margin: 20px 0;width: 100%;float: none;clear: both;text-align: center;}
	#footer .column.fourth {margin: 20px 0;width: 100%;float: none;clear: both;text-align: center;}
	#footer .column ul li a {font-size: 16px;line-height: 26px;}
	#footer img.credit-cards {max-width: 100%;}

	.contentFull {width: 96%;margin: 0 2%;overflow: hidden;}
	.content {width: 96% !important;margin: 0 2%;overflow: hidden;}
	.banners {width: 100%;}
	.banners a:first-child {display:none;}
	#ytRotator {width: 100%;max-width: 705px;height:auto;}
	img.bannerBottom {width: 100%;}
	.message {margin: 10px 0;}
	a.homeCatTopLink {width: 800px;margin-top: 10px;}
	body.home table.contents-table {width: 100%;}
	body.home table.contents-table td.thumb-img {width: 100%;}
	body.home table.contents-table td.thumb-img img {max-width: 140px;width: 100%;height: auto;}
	body.home table.contents-table td {display: block;text-align: center;width: 100%;}
	body.home table.contents-table td.spacer {border-top: 1px solid #c8c6c4;margin-top: 10px;}
	body.home table.contents-table .name {min-height: 0;}
	img.featuredCatTop {width: 800px;}
	.featured-categories .category {width: 48%;}

	#categoryContents .category {width: 48%;}
	#categoryImage {width: 280px;}
	#categoryImage img {width: 100%;height: auto;}

	#itemDetail .image-area {width: 100%;margin: 0 auto 10px;}
	#itemImages {text-align: center;}
	#itemImages img {margin: 0 auto;}
	.multiImages a {margin: 0 2px;}
	#itemDetail .product-area {width: 96%;margin: 0 2% 10px;}
	#tabs {padding-top: 15px;width: 96%;margin: 0 2% 10px;}
	#reviews {width: 96%;margin: 0 2% 10px;}
	.options-area .option label {margin-bottom: 5px;display: inline-block;}
	#itemDetail .price {background-image: none;padding-left: 0;}
	#itemDetail .qty input {font-size: 16px;margin-bottom: 15px;}
	#itemDetail .accessories {width: 96% !important;margin: 0 2% 10px;}
	#itemDetail .accessories table {width: 100% !important;}
	#itemDetail .accessories .order-area {margin: 0;}

	td.pbImageCell {display:none;}
}

@media only screen and (max-width : 460px) {
	#header {height: 100px;border-bottom: solid 5px #046380;}
	#header .logo {width: 75%;max-width: 300px;top: 38px}
	#mobileNavIcon {top: 45px;}
	#mobileNav {top: 105px;}
	.featured-categories .category {width: 98%;}

	#categoryContents .category {width: 98%;}
	#categoryImage {display: none;}
	#categoryCaption {margin-top: 20px;}

	#itemImages .mainImage {width: 100%;}
	#itemImages .mainImage img {width: 100%;max-width: 285px;height: auto;}
	ul.tabs {height: auto;}
	#tabs #tabcontrols .tabs li {display: block;width: 100%;margin: 0;}
	#tabs #tabcontrols .tabs li a {text-align: left;margin: 0;}

	#itemDetail .accessories table td {display: block !important;width: 100% !important;padding: 5px 0 !important;}
	#itemDetail .accessories table td.thumb {text-align: center; border: 0 none;}
}