/* COMMON ELEMENTS */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../media/background.gif) repeat-y center 0px;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

p.std, #extraPage {
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
}
p.heading {
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
}
p.heading span {
	color:#e4018d;
	font-weight:bold; font-size:125%;
}
p.catDesc {
	color:#4e4d4f;
	font-size:80%;
	line-height:19px;
	margin-bottom:10px;
}

h1, h1.pink {
	background-color:#e4018d;
	color:#fff;
	height:27px; line-height:27px;
	font-size:100%; font-weight:normal;
	text-indent:9px;
	margin-bottom:9px;
}
h1.pink span {
	font-size:75%;
}

#note {
	background-color:#dbdcdd;
	color:#59595b;
	text-align:center;
	padding:8px;
	border-bottom:3px solid #fff;
	line-height:1.3em;
}

/* PRODUCT LIST */
.productlist {
	width:505px;
}
.productlist .product {
	width:505px;
	margin-bottom:13px; padding-bottom:13px;
	border-bottom:1px solid #dadbdc;
}
.productlist .product .image {
	width:123px;
	overflow:hidden;
	float:left;
	text-align:center;
	background-color:#fff;
}
.productlist .product .info {
	width:367px;
	float:right;
	margin-top:-1px;
}
.productlist .product .info h1 {
	font-size:90%;
	margin-bottom:10px;
}
.productlist .product .description {
	width:360px; min-height:86px;
	margin-bottom:6px;
	padding-right:7px;
}
.productlist .product .qty {
	width:64px;
	color:#4e4d4f;
	font-size:75%;
	float:left;
}
.productlist .product .add {
	width:94px;
	color:#4e4d4f;
	font-size:75%;
	float:left;
}
.productlist .product .add a {
	color:#4e4d4f;
}
.productlist .product .qty span, .productlist .product .add span {
	color:#e4018d;
}

.productlist .product .inputs {
	width:50px;
	color:#4e4d4f;
	font-size:75%;
	float:left;
}
.productlist .product .inputs input.iqty {
	width:32px; height:20px;
	text-align:center;
	border:0px;
	background: url(../media/qty-input.gif) no-repeat 0px 0px;
	margin-top:-6px;
}

.productlist .product .price {
	width:158px;
	float:left;
	color:#e4018d;
	font-size:80%;
}
.productlist .product .info p {
	font-size:80%;
	color:#4e4d4f;
	line-height:17px;
	margin-top:-3px;
}

/* HOME PRODUCTS */
.homeProducts {
	width:505px;
}
.homeProducts .product {
	width:162px;
	float:left;
	margin-right:9px;
}
.homeProducts .product .image {
	width:161px; height:161px;
	background-color:#fff;
	margin-bottom:12px;
	border:1px solid #dadbdc;
	text-align:center;
	overflow:hidden;
}
.homeProducts .product .copy {
	width:154px; height:107px;
	overflow:hidden;
	border-right:1px solid #dadbdc;
	padding-right:9px;
	font-size:75%;
}
.homeProducts .product .copy h2 {
	color:#e4018d;
	margin-bottom:10px;
	height:26px; line-height:1.2em;
	overflow:hidden;
}
.homeProducts .product .copy p {
	color:#4e4d4f;
	margin-bottom:10px;
	line-height:15px;
	height:47px;
	overflow:hidden;
}
.homeProducts .product .copy p.price {
	color:#e4018d;
	margin-bottom:15px;
}



/* LAYOUT MAIN */
#container {
	width:892px;
	margin:0px auto;
}

#header {
	width:892px; height:113px;
	border-bottom:3px solid #fff;
	background-color:#e4018d;
}
	#header .left {
		width:289px; height:113px;
		float:left;
	}
	#header .right {
		width:495px; height:113px;
		float:right;
		margin:0px 17px 0px 0px;
	}
	#header .right p {
		font-size:70%;
		color:#fff;
		text-align:right;
		margin:52px 0px 11px 0px;
	}
	#header .right p span { color:#4e4d4f; font-weight:bold; }
	#header .right p a { color:#fff; }
	#header .right p.larger {
		text-align:right;
		font-size:100%;
		color:#fff;
		margin:0px;
	}

#topNav {
	width:892px; height:30px; line-height:30px;
	border-bottom:3px solid #fff;
	background-color:#59595b;
	color:#e4018d;
	font-size:80%;
	letter-spacing:0px;
}
	#topNav a {
		padding:0px 18px 0px 18px;
		color:#fff;
		text-decoration:none;
	}
	#topNav a:hover { text-decoration:underline; }
	#topNav .links {
		width:675px;
		float:left;
	}
	#topNav .search {
		width:200px; height:21px;
		float:right;
	}
	#topNav .search .strSearch {
		width:171px; height:21px;
		background: url(../media/search-box.gif) no-repeat 0px 0px;
		border:0px;
		font-size:80%;
		color:#939598;
		text-indent:21px;
		float:left;
		margin-top:4px;
	}
	#topNav .search .strSearchButton {
		width:22px; height:21px;
		float:left;
		margin-top:4px;
	}

#leftColumn {
	width:180px;
	float:left;
}
#leftColumn .cart {
	width:180px; height:59px;
	background-color:#dbdcdd;
	border-bottom:2px solid #d2d4d5;
	padding:8px 0px 0px 0px;
}
#leftColumn .cart .stat {
	color:#59595b;
	font-size:75%; font-weight:normal;
	text-align:center;
	line-height:18px;
	margin:0px 0px 5px 0px;
}
#leftColumn .cart .stat span { color:#e4018d; }
#leftColumn .cart .button {
	float:left;
	width:80px;
	font-size:75%;
	text-align:center;
	color:#e4018d;
}
#leftColumn .cart .button a {
	color:#59595b;
}

#leftColumn #nav {
	border-top:3px solid #fff; border-bottom:3px solid #fff;
}
#leftColumn #nav div {
	width:168px; height:25px; line-height:25px;
	border-bottom:1px solid #d0d1d3;
	padding-left:12px;
	color:#59595b;
	font-size:75%;
	background-color:#dbdcdd;
}
#leftColumn #nav div.sub {
	width:159px; height:25px; line-height:25px;
	border-bottom:1px solid #d7d8d9;
	padding-left:16px;
	color:#4e4d4f;
	font-size:70%;
	background-color:#ededee;
}
#leftColumn #nav div span { color:#e4018d; }
#leftColumn #nav div a { color:#59595b; }

#rightColumn {
	width:709px;
	float:right;
}
#rightColumn .mainImage {
	border-bottom:3px solid #fff;
}
#rightColumn .content {
	width:505px;
	margin-left:11px; padding-top:14px;
	float:left;
}
#rightColumn .banners {
	width:179px;
	float:right;
}


/* FOOTER */
#footer {
	width:505px;
	margin:32px 0px 32px 0px;
}
	#footer .links {
		width:300px;
		float:left;
		font-size:70%;
		color:#808184;
	}
	#footer .core {
		width:150px;
		float:right;
		font-size:70%;
		color:#808184;
		text-align:right;
	}
	#footer .links a, #footer .core a { color:#808184; }

/* CART */
#cart {
	margin-top:10px;
}
#cart tr td.CPgenHeadings {
	background-color:#e4018d;
	color:#fff;
	height:15px; line-height:15px;
	font-size:70%; font-weight:normal;
	padding:5px;
	border-right:1px solid #fff;
	border-bottom:12px solid #fff;
}
#cart tr td.CPgenHeadings2 {
	background-color:#e4018d;
	color:#fff;
	height:15px; line-height:15px;
	font-size:80%; font-weight:normal;
	padding:5px;
	border-bottom:12px solid #fff;
}
#cart tr td {
	background-color:#fff;
	color:#4e4d4f;
	font-size:70%; font-weight:normal;
}
#cart tr td a {	color:#4e4d4f; }
#cart tr td input.qty {
	width:32px; height:20px;
	text-align:center;
	border:0px;
	background: url(../media/qty-input.gif) no-repeat 0px 0px;
}

/* .STDA */
div.stdA .label {
	float:left;
	width:150px;
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
	text-align:right;
	margin-right:12px;
}
div.stdA .input.iA {
	float:left;
}
div.stdA div.btnW { 
	width:380px;
	text-align:right;
}
div.stdA input.iA {
	width:209px;
}
div.stdA p {
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
	margin-bottom:12px;
}

/* ERROR */
p.err {
	color:#c00;
	padding:5px 5px 4px 5px;
	margin-top:8px;
	border:1px solid #c00;
	background:#fff url(../media/error-icon.gif) no-repeat 8px 5px;
	text-indent:28px;
}

#cmStd .iA, #cmStd2 .iA {
	border:1px solid #bbb; border-left:4px solid #e4018d;
	float:left;
	width:230px;
	margin:0px 0px 16px 0px; padding:4px;
}
#cmStd2 select.iA {
	border:0px;
}
#cmStd .taB, #cmStd2 .taB {
	border:1px solid #bbb; border-left:4px solid #e4018d;
	float:left;
	width:231px; height:60px;
	margin:0px 0px 16px 0px; padding:4px;
}
#cmStd .label, #cmStd2 .label {
	color:#4e4d4f;
	font-size:75%;
	float:left;
	width:90px;
	display:block;
	text-align:right;
	margin:0px 16px 16px 0px; padding-top:6px;
}

#cmStd2 .label { width:100px; }

/* MISC */
#flashcontent { background-color:#fff; border-bottom:4px solid #fff; }

/* TABLE */
#cpTablePretty table td {
	padding:6px;
}
#cpTablePretty table td a {
	color:#59595b;
}
#cpTablePretty table {
	line-height:1.2em;
}
#cpTablePretty table td.CPgenHeadings {
	background-color:#dbdcdd;
	color:#59595b;
}
#cpTablePretty table td {
	color:#4e4d4f;
	font-size:85%;
}
#cpTablePretty table td.CPgenHeadings b { font-weight:normal; }

/* HIGHSLIDE */
.thumbwrapper .highslide {
	outline: none;
}
.textwrapper .highslide {
	font-size: 11pt;
	display: block;
	text-align: center;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.gallery-examples .highslide-active-anchor img {
	visibility: visible;
	border-color: black;
}
.highslide img {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide:hover img {
}

.highslide-image {
}
.highslide-image-blur {

}
.highslide-heading {
	display: none;
	padding: 10px 10px 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: default !important;
}
.highslide-caption {
	display: none;
	border-top: none;
	padding: 0 10px 10px 10px;
	background-color: white;
	text-align: justify;
}
.highslide-dimming {
	background: black;
	position: absolute;
	width: 100%;
	visibility: hidden;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;

	padding-left: 22px;
	background-image: url(/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
.control {
	float: right;
	display: block;
	/*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.control:hover {
	color: black !important;
}
.highslide-move {
	cursor: move;
}
.highslide-resize {
	cursor: nw-resize;
}
a.highslide-full-expand {
	background: url(/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 44px;
	height: 44px;
}
.highslide-overlay {
	display: none;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-previous-next {
	text-align: center;
	padding-bottom: 5px;
}
.highslide-previous-next a {
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	padding: 0 20px;
}
.highslide-html {
	border: 1px solid white;
	background-color: white;
}
.highslide-html-blur {
	border: 1px solid silver;
}
.highslide-html-content {
	position: absolute;
	display: none;
}
.highslide-maincontent {
	display: none;
}

/* Self rendering */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/highslide/graphics/resize.gif);
	position: relative;
	top: 0.5em;
	left: 0.5em;
}
.highslide-wrapper .highslide-body {
}

/* Individual CSS-classes: no border */
.highslide-no-border {
	background-color: gray;
}
.highslide-no-border .highslide-image {
	border: none;

}
.highslide-no-border .highslide-html {
	border: none;

}
.highslide-no-border .highslide-caption {
	border: none;
	color: white;
	font-weight: bold;
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
}
.highslide-no-border .highslide-caption code {
	color: white;
}

/* Individual CSS-classes: white */
.highslide-white {
	background-color: white;
}
.highslide-white .highslide-image {

}
.highslide-white .highslide-caption {
	background-color: white;
}
.highslide-white .control, .highslide-white .control * {
	color: #666;
}
.highslide-white .highslide-html {
}

/* Individual CSS-classes: glossy-dark */
.glossy-dark {
	background-color: #101010;
}
.glossy-dark .highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: black black #202020 black;
}
.glossy-dark .highslide-caption {
	background: #101010;
	padding: 5px 0 5px 0;
}
.glossy-dark div {
	color: silver;
}

/* Individual CSS-classes: narrow border */
.highslide-narrow-border {
	background: white;
}
.highslide-narrow-border .highslide-image {
	border: 2px solid white;
}
.highslide-narrow-border .highslide-caption {
	background-color: white;
}

/* Individual CSS-classes: drag-header */
.drag-header .highslide-header {
	position: relative;
	border-bottom: 1px solid silver;
}
.drag-header .highslide-move {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 14px;
	width: 80%;
}
.drag-header .highslide-move span {
	display: none;
}
.drag-header .highslide-footer {
	display: none;
}

/* Individual CSS-classes: black border */
.highslide-black-border {
	background: white;
}
.highslide-black-border .highslide-image {
}
.highslide-black-border .highslide-caption {
	border: 2px solid #655F2F;
	border-top: none;
	background-color: white;
	color: #333;
}

/* Individual CSS-classes: specified blur style */
.highslide-blur-example {
	background-color: white;
}
.highslide-blur-example .highslide-image-blur {
	border-color: silver;
}

.highslide-blur-example .highslide-caption-blur {
	border-color: silver;
}

.html-header {
	background-image: url(/highslide/graphics/header-background.gif);
	cursor: default;
	height: 18px;
	padding: 2px;
}
.highslide-html-blur #highslide-html-7-header {
	background-image: url(/highslide/graphics/header-background-blur.gif);
	height: 18px;
	padding: 2px;
}

.highslide-dimming {
	background-color: black;
}

/* Controlbar example */
.controlbar {
	background: url(/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Controlbar example */
.controlbar2 {
	margin-left: 60px;
	background: url(/highslide/graphics/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar2 a {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

/* Controlbar example */
.controlbar5 {
	background: url(/highslide/graphics/controlbar5.gif);
	width: 83px;
	height: 18px;
	float:right;
}
.controlbar5 a {
	display: block;
	float: left;
	height: 18px;
}
.controlbar5 a:hover {
	background-image: url(/highslide/graphics/controlbar5-hover.gif);
}
.controlbar5 .previous {
	width: 20px;
}
.controlbar5 .next {
	width: 20px;
	background-position: -20px 0;
}
.controlbar5 .highslide-move {
	width: 20px;
	background-position: -40px 0;
}
.controlbar5 .close {
	width: 20px;
	background-position: -60px 0;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer; /* w3c */
	background: url(/highslide/graphics/close.png);
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background: url(/highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/* LISTS */
ul.CPcatDescList {
	list-style:disc;
	padding:0px 0px 0px 20px;
	font-size:85%;
}
ul.CPcatDescList li, ul.CPcatDescList li a {
	color:#4e4d4f;
}


/* GALLERY */
.gallery {
	width:505px;
}
.gallery .gImage {
	width:294px;
	float:left;
	margin-right:15px;
}
.gallery .gDetails {
	width:196px;
	float:right;
}
.gallery .gDetails h1 {
	color:#e4018d;
	font-weight:normal; font-size:105%;
	line-height:19px;
	margin-bottom:6px;
}
.gallery .gDetails p {
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
	margin:0px 0px 6px 0px; padding:0px 0px 0px 0px;
}
.gallery .gDetails p.prods {
	color:#e4018d;
	font-weight:bold;
}
.gallery .gDetails p.prods a {
	color:#4e4d4f;
	font-weight:normal;
}

.galleryScroller {
	width:505px; height:80px;
	overflow:auto;
}
.galleryScroller div {
	width:80px; height:80px;
	text-align:center;
	margin-right:6px;
	float:left;
}


/* Helpy Helper styles */
.clearB { clear:both; }
.noM { margin:0px 0px 0px 0px !important; }
.noB { border:none !important; }
.rule { border-bottom:1px solid #dbdcdd; padding-top:10px; margin-bottom:10px; }
.spaceB { margin-top:12px; }




/* New Edit Styles */
.design-team-logo {
	width:224px; 
	height:158px; 
	border:0; 
	float:left; 
	margin:0 15px 15px 0;
}

.pinkList {
	color:#4e4d4f;
	font-size:75%;
	line-height:19px;
	margin-bottom:10px;	
}

.pinkList li, #extraPage li {
	background:url(../media/navArrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:11px;
}

a.pinkLink, #extraPage a { color:#e4018d; }






/* Extra Page */

#extraPage span {
	text-align:inherit;

}


#extraPage li {
	background:url(../media/navArrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:11px;
}





/* Banners */

.banners .banner {
	height:270px;
	margin-bottom:3px;
	overflow:hidden;
}

.banners .banner img {
	position:absolute;
}

.banners .banner .textBG {
	opacity:.5;
  	filter:alpha(opacity=50);	
	height:98px;
	margin-top:172px;
	background:#000;
	position:relative;
	z-index:10;
}

.banners .banner .text {
	height:98px;
	color:#ffffff;
	font-style:"Century Gothic",Arial;
	position:relative;
	z-index:10;
	top:-96px;
}

.banners .banner .text h1 {
	font-size:24px;
	background:none;
	margin:0px 10px;
	line-height:24px;
	padding-top:9px;
	letter-spacing:-2px;
	text-indent:0;
}
.banners .banner .text h2 {
	font-size:14px;
	line-height:16px;
	margin:0px 10px 0 10px;
	font-weight:bold;
}


.banner1 {background:url(../ProdImages/bannerBack1.jpg);}
.banner2 {background:url(../ProdImages/bannerBack2.jpg);}
.banner3 {background:url(../ProdImages/bannerBack3.jpg);}