/*---------- GLOBAL -------------*/
* {
margin: 0; 
padding: 0; 
line-height: 15px; 
font-family: verdana, arial; 
font-size: 11px;
color: #333333;
}

body {
background: #333333;
background-position: top center;
background-repeat: no-repeat;
}

img{
border: none;
}

h1{font-size: 14px;margin: 3px 3px 3px 0;}
p{margin: 0 0 7px 0;}

h2{
color: #EE1A47;
font-size: 14px;
margin: 0 0 6px 0;
}

h3, .h3{
color: #EE1A47;
font-size: 11px;
margin: 10px 0 2px 0;
}

a:hover{color: #000;}




/*---------- CONTAINERS -------------*/

.flash{z-index: 1;overflow: hidden;position: relative; top:-30px;}
.flash object{}

#contentContainer{
width: 750px;
text-align: left;
}

#content{
background: #fff; 
padding: 15px 35px 7px 35px;
}

#contentHead{
height: 75px;
background: url(images/bg-content-top.gif);
background-repeat: no-repeat;
padding: 0 35px;
}


#contentHeadRESULTS {
	height: 149px;
	background: url(images/bg-content-resultstop.gif);
	background-repeat: repeat;
	padding: 0 20px;
}

#contentHead .head{
border-bottom: 1px dashed #ccc;
padding:24px 0 0px 0;
height: 28px;
z-index: 999;
}
#contentHead .headres{
	border-bottom: 1px dashed #ccc;
	padding:24px 0 0px 0;
	height: 128px;
	z-index: 999;
}

.head img{
float: left;
}

#contentFooter{
height: 54px;
background: url(images/bg-content-bottom.gif);
background-repeat: no-repeat;
}

#cartLinks{
text-align: right;
padding: 0px 0px 0px 0;
font-size: 10px;
line-height: 10px;
width: 250px;
margin: -15px 10px 0 0;
float: right;
}

#cartLinks img{text-align: right;float: right; margin: 3px 0 0 4px;}

#cartLinks a{font-size: 10px;}

.subNav{
padding: 0 0 0 7px;
background: url(images/border.gif);
background-repeat: repeat-x ;
background-position: bottom left;
margin: 0 0 20px 0;
height: 30px;
z-index: 999;
}

.subNav a{
margin: 0 5px 0 0;
height: 30px;
padding: 0;
float: left;
}


.active{
background: url(images/tab-active.gif);
}

.inactive{
background: url(images/tab-inactive.gif);
}

.number{
float: left;
margin: 0 12px 5px 0;
}




/*---------- HEADER -------------*/
.slogan{
float: right;
}

#header{
width: 750px;
background: #fff;
margin: 32px 0 0 0;
}

#header a img {
margin: 0 117px 0 0;
}

#nav{
background: url(images/bg-nav.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 46px;
}

#nav a{
margin: 0 2px;
}

.home2, .shop2, .about2, .buzz2, .contact2, .resources2, .faq2{display: none;}

#home .home1, #about .about1, #shop .shop1, #buzz .buzz1, #contact .contact1, #resources .resources1, #faq .faq1{display: none;}

#home .home2, #shop .shop2, #about .about2, #buzz .buzz2, #contact .contact2, #resources .resources2, #faq .faq2{display: inline;}


/*---------- FOOTER -------------*/

#footer{
border-top: 1px solid #287FBF;
width: 750px;
padding: 13px 0 ;
margin: 5px 0 0 0;
}

#footer, #footer a, #footer span{
color: #9BD0EC;
font-size: 10px;
}

#footer a{
margin: 0 8px;
}

#footer a:hover{
color: #fff;
}

#footer span{
display: block;
margin: 4px;
}


/* ------------- Tom's CSS Styles ------------- */


#compat, #compat a, #compat span{
color: #fff;
font-size: 12px;
margin: -3px 0 0 0;
}

#share, #share a, #share span{
color: #fff;
font-size: 10px;
}

h4{
color: #fff;
font-size: 10px;
margin: 0 0 6px 0;
}

h5{
color: #999999;
font-size: 10px;
margin: 0 0 6px 0;
}

h6{
color: #fff;
font-size: 11px;
margin: 0 0 6px 0;
}


/* ------------- Cartweaver 3 CSS ------------- */


/*-----Form Styles--------*/

form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
}

input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #002252;
        color: #FFFFFF;
	font-weight: bold;
	margin: 13px 3px 0px 3px;
}


.tabularData{
width: 100%;
margin: 0 0 10px 0;
}

table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #eee;
color: #333333;
}


#tableSearchResults{
width:100%;
border: none;
}

#tableSearchResults td {
vertical-align:top;
text-align: center;
border: none;
}

#tableSearchResults .link{color: #777; position: relative; top: -55px; }


#tableProductDetails{}

#tableProductDetails .col2 {
background: url(images/bg-shadow-details.jpg);
backgroung-position: center left;
background-repeat: no-repeat;
padding: 0 25px 0 55px;
width: 60%;
}

.col2 ul{
margin: 10px 10px 30px 20px;
}

.enlarge{
position: relative;
top: -40px; left: 20px;
}

#alsoAvailable{
float: left;
width: 100%;
margin-bottom: 10px;
}

#alsoAvailable .box{
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
padding: 16px 50px 19px 35px;
}

#alsoAvailable .lobies{
float: right;
margin: 0 0 0px 0;
}

#alsoAvailable .lobies a{margin: 0 4px;}
#alsoAvailable .lobies a:hover{position: relative; top: -5px;}
#alsoAvailable .title{margin: 10px 0 0 0;}

#callouts{
text-align: center;  
width: 100%;
margin: 10px 0 0 0;
}

#callouts a{
margin: 0 7px;
}

#cartAlert{
background:  url(images/bg-cartalert.gif);
background-repeat: no-repeat;
width: 202px;
height: 37px;
margin: 10px 0;
padding: 10px 0 10px 10px;
}

#cartAlert a{display: block;}
#cartAlert p, #cartAlert a{color: #fff;}

.altRowEven {background-color: #fff;}
.altRowOdd{background-color: #fff;}
.smallprint {font-size: 10px;}
.pagingLinks {text-align: center;}
.errorMessage {color: #993333;font-weight: bold;}
.cartImg img{ border: none;}





.buzz p{
background: url(images/text-bubble.gif);
background-repeat: no-repeat;
padding: 5px 0 20px 48px;
width: 78%;

}

.faq p{
background: url(images/questionmark.gif);
background-repeat: no-repeat;
padding: 5px 0 20px 48px;

}


/*---------- popup -------------*/
#popup{background: url(images/bg-popup.gif) no-repeat top left;}
#popup .popupBox{margin: 30px; }
#popup table td{padding: 7px; vertical-align: top;}





/*---------- LIGHTBOX -------------*/


.extraPhotos{
border-bottom: 2px solid #ccc;
padding: 19px 0 5px 0;
margin: 10px 0;
background: url(images/t-moreimages.gif) no-repeat -2px 0px;
}

.extraPhotos img{
border: 1px solid #ccc;
padding: 1px;
width: 65px}

.InStock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 13px;
	color: red;
}
.whitelarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bolder;
}