/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
	font: 100%/150% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 1.5625em;
}

h2
{
	font-size: 1.375em;
}

#Content h2, #Content h2 a, h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1em;
	display:block;
}

.ColorProduct #Content .product h2.prodName {
	display:inline;
	float:left;
	text-align:left;
	font-size:2em;
}



#Content h2 a {
	display:inline-block;
	float:right;
	position:relative;
	color:#666;
}

#Content h2 a:hover {
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	background:#f3f3f3;
}

h2.pageTitle {
	margin:1em 0 0 0;
	color:#c32a8d;
}

body.ColorProduct #Content h2, body.ColorProduct #Content h2 a {
	/*text-align:right;*/
	padding:.45em;
	width:auto;
	display:inline-block;
}

body.ColorProduct #Content .customer h2 {
	text-align:left;
}

h2.hasLink {padding-right:0;} 

#Content h2 span.modelNumber {
	font-size:1.6364em;
	color:#bbbcbf;
	vertical-align: sub;
}

#Content h2 a:hover span.modelNumber {
	
}

#Content h2 span.buyNow {
	font-size:.6em;
	color:#93005f;
	text-transform:uppercase;
	display:block;
	line-height:1em;
}

.infoPage h2, .contactPage h2 {margin-bottom:1em;}

h3
{
	font-size: 1.3125em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3.buyNow {float:right; display:inline; padding:1.5em 0 0 0;}

.buyNow a {font-size:.625em; display:inline-block; padding:.5em 1em; background:#93005f; color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	cursor:pointer;}
	
.buyNow a:hover {color:#ddd; margin:-1px; border:1px solid #d4a;}

.productTabContent h3, h3.sectionHead {
	border-bottom:solid 1px #e5e5e5;
	letter-spacing:0.05em;
	color:#93005F;
}

h3.sectionHead {
	font-size:0.9em;
	margin-left:0.624em;
	margin-top:1.5em;
}

.infoPage h3, .contactPage h3 {
	font-size:1em;
	margin-top:1em;
	font-weight:normal;
	color:#93005F;
}

.contactPage h3 {font-size:.875em;}


h4
{
	font-size: 1.1875em;
}

#ReviewSection h4 {
	color:#c32a8d;
	display:inline-block;
}

.productTabContent h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#636466;
	font-size:1.28em;
	font-weight:normal;
}

h4#AvailableColors, h3#AvailableColors{
	font-size:.5em;
	color:#636466;
	font-weight:normal;
	margin:0 0 0 1.25em;
}

h4.listHead {
	font-size:.8em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:0.83em;
}

.infoPage h4, .contactPage h4 {
	font-size:.875em;
	color:#999;
}

.contactPage h4 { margin-top:.875em;}


h5
{
	font-size: 1.0625em;
}

.contactPage h5 { font-size:.625em; margin-top:1.25em;}

h6
{
	font-size: 0.9375em;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

ul#ColorList{
	list-style:none;
}

li
{
	margin-left: 1.875em;
}

#ColorList li {
	margin:0  1em 0 0.625em;
	display:inline-block;
	float:left;
	font-size:0.625em;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 1.25em;
}


.productTabContent {
	font-size:0.6875em;
}

span.ratedText {
	font-size:.75em;
	font-weight:bold;
	text-transform:lowercase	;
	padding:0 0 0 1em;
}

span.starRating {
	font-size:.95em;
	font-weight:bold;
}

p.byLine {
	margin-bottom:0;
	font-style:italic;
	color:#656565;
}

#ReviewSection p {
	color:#7f7f7f;
}

.productTabContent ul {
	list-style: disc;
	color:#939497;
}

ul#ReviewSection {
	list-style:none;
}

#ReviewSection li {
	margin:1em 0.9em 0 0.9em;
	padding:.5em;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
}

ul#ProductThumbs {
	float:right;
	list-style:none;
	margin:0;
	padding:inherit;
}


.customer ul#ProductThumbs {float:left;}

#ProductThumbs li {
	display:inline-block;
	float:right;
	margin:1px;
	padding:0;
}

.customer #ProductThumbs li {float:left;}

ul#ProductThumbs:hover a.selected img {
	border:1px solid #ddd;
}
	

#ProductThumbs a.selected img{
	margin:-1px;
	border:1px solid #888;
	cursor:default;
}

#ProductThumbs a:hover img {
	margin:-1px;
	border:1px solid #ea69bc;
}

ul.colorList {
	list-style:none;
}

li.activeChange {cursor:pointer;}

li.arrowOn {cursor:default;}

.colorList li {display:inline-block; float:left;}
.colorList li {
	padding:.2em .5em;
	line-height:.5em;
	font-weight:normal;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
}



ul.colorList li:hover a {
}

ul.colorList li a.selected {
	cursor:default;
}

#PanelTab ul {
	list-style:none;
	margin:0;
	padding:.5em;
}

#PanelTab li {
	margin:.5em 0;
	display:inline-block;
	float:right;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.5625em;
	padding:0 1.5em 0 0;
	line-height:1em;
	
}

#PanelTab li.welcome {
	border-right:1px solid #555;
	margin-right:1.5em;
}

#PanelTab li a{
	color:#555;
	font-weight:normal;
}

#PanelTab li a:hover{color:#93005F;}

.shippingSpecs th {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


ul.imageList {
	list-style:none;
	margin-left:0.625em;
}

.imageList li {
	padding:0.5em;
	margin:0 0 1em 0;
	background:#fafafa;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border:1px solid #eee;
	font-size:0.675em;
	line-height:1.5em;
	min-height:120px;
}

.imageList img {
	float:left;
	display:inline-block;
}

.imageList img:hover {margin:-1px; border:1px solid #93005F;}

.imageList h5 {
	font-size:1.25em;
	font-weight:normal;
	margin-top:1em;
	margin-left:.5em;
	float:left;
	display:block;
	clear:right;
}

.imageList p, imageList h6 {display:block; float:left; margin-left:0.5em;}

/*Product COlors */
.prettyPink, .prettyPink a, .prettyPink a:hover {color:#e0bcd7;}
.mauve, .mauve a, .mauve a:hover {color:#c0a3d5;}
.skyBlue, .skyBlue a, .skyBlue a:hover {color:#b3c7e5;}
.charcoal, .charcoal a, .charcoal a:hover {color:#3a3837;}

h2 span.productColor {font-size:.5em;}
h2 span.kballVersion {font-size:.45em; display:block; color:#000; line-height:.5em; }

.productImage span {
	font-size:.5em;
}

.grid_6_pad {width:30.9em; padding: 0 0.9em; margin-left:-1px; border-left:1px solid #ae3860; display:inline-block;}

.grid_6_pad .twoCol {margin-bottom:0;}

.sideBar {text-align:right;}

.sideBar li {width:9em; display:inline; text-align:right; float:left; width:auto;}

#FAQ .sideBar {width:auto;}

ul.sideBar {list-style:none;}

#FAQ .sideBar li {
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	background:none;
	text-align:left;
	width:100%;
	background:#fefefe;
	line-height:1.5em;
}

#FAQ .sideBar li a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
	display:block;
}

#FAQ .sideBar li:hover {background:#efefef;}



.sideBar h3 {margin-right:1em; border-bottom:none; margin-bottom:1em; color:#636466; font-size:1.09em;}

.sideBar h3.availHeader {color:#999; margin-bottom:0; width:100%; padding-right:2em; text-align:center}

.sideBar ul.colorList {float:right;margin:0 0.5em;}

.sideBar li { float:right; line-height:1em; padding:.5em .25em; border:1px solid #ddd; margin:.25em 0; background:#efefef; width:100%; text-align:left;	}


.sideBar li {color:#999;}



/*.sideBar .electricBlue{color:#60C1F0;}
.sideBar .deepPurple{color:#610d76;}
.sideBar .hotPink{color:#F14792;}
.sideBar .meadowGreen{color:#8FE348;}
.sideBar .vibrantYellow{color:#FFC963;}*/

.sideBar .electricBlue:hover, .sideBar .electricBlue.arrow{color:#60C1F0;}
.sideBar .deepPurple:hover, .sideBar .deepPurple.arrow{color:#610d76;}
.sideBar .hotPink:hover, .sideBar .hotPink.arrow{color:#F14792;}
.sideBar .meadowGreen:hover, .sideBar .meadowGreen.arrow{color:#8FE348;}
.sideBar .vibrantYellow:hover, .sideBar .vibrantYellow.arrow{color:#FFC963;}


.colorList li {background-position:right; background-repeat:no-repeat;}

.colorList li.electricBlue{ background-image:url(../images/site-resources/buttons/color-blue.png);}
.colorList .deepPurple{ background-image:url(../images/site-resources/buttons/color-purple.png);}
.colorList .hotPink{ background-image:url(../images/site-resources/buttons/color-pink.png);}
.colorList .meadowGreen{ background-image:url(../images/site-resources/buttons/color-green.png);}
.colorList .vibrantYellow{ background-image:url(../images/site-resources/buttons/color-yellow.png);}

.colorList li:hover, .colorList li.arrow {
	background-color:#fefefe;
}

.infoPage #Content p, .infoPage #Content ul, .infoPage #Content ol, .infoPage table  {font-size:0.6875em; color:#333;}
.infoPage #Content ul, .infoPage #Content ol, .infoPage table td.number {color:#C32A8D; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
.infoPage #Content ul p, .infoPage #Content ol p {font-size:1em; color:#333; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:0;}
.infoPage #Content ul em, .infoPage #Content ol em {color:#555;}

.infoPage #Content li, .infoPage #Content li {padding-bottom:1em;}

p.tip {font-size:0.625em; font-style:italic;}

.contactPage span.addy, .contactPage div.addy {font-size:0.625em; line-height:1.25em;}

.infoPage #Content #Footer p {font-size:1em;}

.infoPage table {line-height:1.5em;}
.infoPage table td.number {font-size:2em; line-height:1em;}
.infoPage table .table-head th {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em;}