/* DIV RELATED STYLE */	
#frame {
   width:901px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	border-bottom: 1px solid black;
    /*border:1px solid #000000;*/
	/*background: white url(/images/global/main_background.gif) top left repeat-y;*/
}

#checkoutcontent {
    width:900px;
    padding:0px;
    float:left;
    background:#ffffff;
	border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

/*
#submenu {
    background:#C9D2E0;
    border-top:1px solid #000000;
}	
*/

#superfooter {
    width:901px;
	margin: 10px auto;
    padding:0px;
    text-align:right;
}

#superfooter #copyright
{
	float: left;
}

#contentbody {
    min-height: 500px;
    _height:500px;
}

#custserv {
   width:700px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	/*float:center;*/
	padding:0px;
	text-align:center;
}

#custservcontent {
   width:500px;
   float:left;
   text-align:left;
}

#custservcontent a {
	text-decoration: underline;
}

#custservcontent a:hover {
	color: gray;
}

#custservnav {
    width:190px;
    float:left;
    text-align:left;
}

#flashcontent {
   z-index: 0;
}
		
#contentleft {
    width:170px;
    padding: 0 10px 30px;
    background:#ffffff;
    float:left;
}

.formLabel
{
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	padding: 0;
}

.formSubLabel
{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: gray;
}

#contentcenter {
    width:710px;
    padding: 0 0 30px;
    float:left;
	/*	
    border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
	*/
}

/* header section */
#contentheader {
    background:#fff;
    /*margin:5px 10px 10px 10px;*/
	margin: 0;
	padding: 10px 10px 20px 10px;
}

#contentheader #welcome
{
	padding: 0 20px;
}

#contentheader #headerRight
{
	float: right;
}

#contentheader #headerRight li
{
	border-left: 1px solid black;
	padding: 0 10px;
}

#contentheader #headerRight li.firstListItem
{
	border: 0;
}

#contentheader ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#contentheader ul li
{
	float: left;
}


#contentheader #shoppingCart
{
	clear: both;
	padding-top: 15px;
	width: 330px;
}

#facebook_button {
	float: right;
}

/* blue/navigation bar */

#navigationBar
{
	clear: both;
	background-color: #164a7d;
	color: white;
   padding-top: 7px;
	padding-bottom: 7px;
   padding-left: 5px;
   padding-right: 5px;
	height: 22px;
}

#navigationBar a
{
	color: white;
   padding-left: 5px;
   vertical-align:middle; 
}

/*
#navigationBar form#searchForm
{
	float: right;
   margin-right: 40px;
}

#navigationBar form#storelocator
{
	float: left;
   margin-right: 40px;
}



.extra_padding{
   margin-left: 10px;
   margin-right: 80px;
}

#navigationBar form
{
	display: inline;
   width: 200px;
}
*/

/* footer section */

#contentfooter {
	clear: both;
   margin: 5px auto 20px;
	width: 901px;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#contentfooter a {
	padding: 0 5px;
}

/* NAVIGATION RELATED */
#NavTitle {
    width:150px;
    margin-left:20px;
    border-bottom:1px solid #000000;
}

.NavCat {
	margin: 10px 0 0;
    color:#164a7d;
    font-weight: bold;
}
.NavCat A {
    text-decoration: none;
    color:#164a7d;
}
.NavCat A:hover {
    text-decoration: underline;
    color:#164a7d;
}

.NavSubCat {
    margin-left:13px;
}

.NavSubCat A {
    text-decoration: none;
    color:#000000;
}

.NavSubCat A:hover {
    text-decoration: underline;
}

#SpinUniverseContent {
    margin-left: 0px;
    margin-top: 30px;
    /*
	color:#3D5078;
    font-weight: bold;
	*/
}

#SpinUniverseContent img
{
	margin: 10px 0;
}

#SpinUniverseContent form
{
	margin: 0;
	padding: 0;
}

TABLE.maincontent {
    margin:10px 10px 10px 10px;
}

TABLE.minicart {
    margin:10px 10px 10px 10px;
    font-size: 10px;
}

#minicart_close {
	padding: 5px 10px;
	background-color: #ccc;
	text-align: right;
}

#minicart_close img {
	margin-bottom: -2px;	
}

.clear {
	clear: both;
}

/* HTML TAG RELATED STYLE */
body
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

p,h1,h2,h3,pre {
    margin: 10px;
}

h1,h2,h3,pre,li,ul,th,td {
    text-align:left;
}

H1 {
    font-size: 20px;
}
H2 {
    font-size: 14px;
}
H3 {
    font-size: 12px;
}

/* TYPOGRAPHY STYLE */
.arial {
    font-family: arial;
}
.arialbold {
    font-family: arial;
    font-weight: bold;
}
.px11 {
    font-size: 11px;
}
.px12 {
    font-size: 12px;
}
.px14 {
	font-size: 14px;
}


.formfieldregular {
    color: #000000;
}

.formfielderror {
    color: #FF0000;  
}

.formtext {
	font-size:11px;
}

.submenulink {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a, a:active {
   text-decoration: none;
   color: #000000;
}

a:hover {
	text-decoration: underline;
}

a.prodlink {
	font-family: arial;
   font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
a.prodlink:hover, a.prodlink:active {
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}
.error {
	font-family: arial;
	font-size: 12px;
	color: #FF0000;
}

.ckoutorange {
	font-family: arial;
	font-size : 12px;
	color: #FF9900;
}

.ckoutblue {
	font-family: arial;
	font-size : 10px;
	color: #3366CC;
}

/* colors */
.white {
	color: #ffffff;
}
.darkblue {	
	color: #3D5078;
}
.grey {
	color: #A1ACC1;
}

/* error module classes */

#errMessage{
    width:500px;
    margin:10px 10px 10px 10px;
}

/* admin module classes */
.adminbtn {
	background-color: #164a7d;
	color: #FFFFFF; 
	font-family: arial;
	font-size: 12px;
}
.plaintext {
	font-family: arial;
	font-size:12px;
	color: #000000;
	font-weight: normal;
}
.plaintitle {
	font-family: arial;
	font-size:12px;
	color: #000000;
	font-weight: bold;
}
.title {
	font-family: arial;
	font-size:14px;
	color: #000000;
	font-weight: bold;
    margin-top:10px;
}

/* MODAL DIALOG */
#mainContainer{
    width:500px;
    margin:0 auto;
    margin-top:10px;
    border:1px double #000;
    padding:5px;
}


#searchForm{
   padding: 0px;
}

/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	width:20px;
	position:absolute;
	left:0px;
	top:10px;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px solid #000000;	/* Border width */
	left:-350px;	/* Same as border thickness */
	top:35px;
	position:absolute;
	width:350px;	/* Width of tooltip content */
	/*height:200px;	 Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}


/* spine universe */

.spu_syndicated {
	padding: 10px;
}
#custservcontent .spu_syndicated a {
	text-decoration: none;
}

.spu_syndicated h1 {
	margin-left: 0;
}

.spu_syndicated h3 {
	margin: 0 0 10px 0;
}

.spu_syndicated .featuredArticle {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.spu_syndicated .sectionBlock img {
	float: right;
	margin-left: 10px;
}


/*--------------------- Product List ---------------------*/


.catprodhighlight {
	text-align: center;
	background: #164a7d;
	height:60px;
}

.catprodhighlight a{
    background:#164a7d;
	color:#FFFFFF;
	text-decoration: none;
}

.featurelink {
	color: #000000;
	font-family:Arial;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	
}

.featurelink a {
   font-family:Arial;
	font-size:14px;
	font-weight: bold;
}

.navpadding {
    margin:5px 5px 5px 5px;
    font-family:Arial;
    font-size:11px;
	font-weight: bold;
}

.salesprice {
   color: red;
}

#productList
{
	margin: 15px 0 0 0;
}

#productList ul
{
	list-style: none;
	margin: 0; 
	padding: 0;
}

#productList li
{
	width: 670px;
	clear: both;
}

#productList img.thumb
{
	display: block;
	width: 150px;
	height: 150px;
}

#productList .startingPrice, #productList .viewDetailsButton, #productList .moreproducts
{
	margin-top: 10px;
	padding-left: 10px;
}

#productList .productBox
{
	float: left;
	width: 150px;
	height: 300px;
	border: 1px solid #C9D2E0;
	margin-right: 13px;
	margin-bottom: 15px;
}

.pageNav
{
	width: 635px;
	border: 1px solid #C9D2E0;	
	background:#164a7d;
	margin: 15px 0 0;
	padding: 5px;
	text-align: right;
	clear: both;
}

.pageNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageNav li
{
	float: right;
}

.pageNav ul.productPageNumber li
{
	border: 1px solid white;
	width: 30px;
	text-align: center;
	cursor: pointer;
	color: white;
	margin-left: 5px;
	font-weight: bold;
}

.pageNav ul.productPageNumber li.viewAll
{
	width: 60px;
}

.pageNav a
{
	color: white;
}

.catprodhighlight {
	height:45px;
	font-weight: bold;
	padding: 10px 3px;
}