
/* UNIVERSAL */
body {
	position: relative; 
	top: 0;
	left: 0;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color:#2d5dba;
	outline:none;
}

a:hover {
	color:#039;
	text-decoration:none;
}

a:active {
	outline:none;
}

:focus {
	-moz-outline-style:none;
	outline:none;
}

h1 {
	display:block;
	margin:7px 0 15px 0;
	padding:0;
	border-bottom:1px solid #ccc;
	color:#666;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
h2 {
	color:#002560; 
	margin:0 0 6px 0; 
	padding:0;
	font-size:30px;
	font-weight:bold;
	
}
h3 {
	color:#002560; 
	padding:0;
	font-size:20px;
	font-weight:bold;
	margin:12px;
}

#left {
	background:url(../images/card-bg.jpg) 0 70px repeat-x;
	}
	
#right h1 {
	font-size:.975em;
	line-height:2em;
	font-weight:bold;
	color:#fff;
	background: url('../images/right-h1-bg.gif') repeat-x;
	padding-left: 10px;
	margin:0 !important;
}
#right .module {
	border:1px solid #999;
	margin-bottom:15px;
	margin-top:0 !important;
}

/* UTILITY */

.clearfloat { 
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}

/* MOST POPULAR TAGS */

#popular-tags a {
	text-decoration:none;
	color:#444;	
}
#popular-tags a:hover {
	font-size:.925em;
	color:#003399;	
}
#popular-tags li {
	margin:3px;
	background:url(../images/cloud-bg.gif) center center no-repeat #eceff3;
	text-align:center;
	padding:8px 5px 10px 5px;
}


/* RECENT COMMUNITY ACTIVITY */

.person {
	background-image:url(../images/person.gif);
	background-repeat:no-repeat;
}
#quickfeed {
	padding-bottom:5px;
	font-size:.825em;
	}
#quickfeed li {
	padding:5px 5px 0 5px;
	}
#quickfeed b, #quickfeed i, #quickfeed u {
	display:block;
}
#quickfeed a {
	background-color:#eceff3;
	padding:10px 10px 10px 70px;
	display:block;
	background-position: 10px 10px;
	background-repeat:no-repeat;
	text-decoration:none;
	}
#quickfeed b {
	margin-bottom:2px;
	}
#quickfeed h4 {
	font-weight:bold;
	font-size:.875em;
	margin:0 0 2px 0;
	color:#444;
	padding:0;
	}
#quickfeed a:hover h4 {
	color:#222;
	}
#quickfeed i {
	font-style:normal;
	color:#444;
	font-size:.9em;
	margin-bottom:2px;
	}
#quickfeed a:hover i {
	color:#222;
}
#quickfeed u {
	font-size:.9em;
	font-weight:bold;
	}




/* SIMILAR PRODUCTS */
.similar1 {
	background-image:url(../images/similar1.jpg);
	background-repeat:no-repeat;
}
.similar2 {
	background-image:url(../images/similar2.jpg);
	background-repeat:no-repeat;
}
.similar3 {
	background-image:url(../images/similar3.jpg);
	background-repeat:no-repeat;
}
#resources a {
	padding-left: 115px;
	padding-bottom:15px;
	background-position: 15px 0px;
	background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
	margin-top:10px;
	}
#resources a, #resources b, #resources i, #resources u {
	display:block;
	text-decoration:none;
	font-style:normal;
	line-height:16px;
}
#resources a b {
	font-size:1.3em;
}
#resources a i {
	color:#555;
	font-size:.9em;
}
#resources a u {
	text-decoration:underline !important;
	font-size:.9em;
	font-weight:bold;
}

/* PRODUCT CARD */

#card-wrapper {
	width:610px;
	border:1px solid #0d1d37;
}
#image_wrap {
	float:left;
	text-align:center;
	height:324px;
	width:610px;
	overflow:hidden;
	z-index:-100;
}
#image_wrap img {
	width:610px;
	z-index:-99;
	}
#card-footer {
	margin-top:5px;
	font-size:.75em;
	color:#333;
	font-weight:bold;
}



/* SLIDING PANELS */

#wrap {
	width:606px; 
	margin: 0; 
	height:324px;
	background:none; 
	border:1px solid #999 !important;
	position:relative;
    overflow:hidden;
}
#content {
	background:none; 
	padding:0;
}

.handle, .handle2 {
	margin-top:-2px;
}


 .container {
	width: 610px;
	margin: 40px auto;
	text-align: left;
}

/* PRODUCT IMAGE SCROLLBAR */

.slide-out-div {
    width: 83px;
	height:320px;
    background: #efefef;
    border: 1px solid #27428a;
	border-left:0 none !important;
	border-right:1px solid #27428a;
	z-index:99;
}
#scroller {
	float:left;
	width:83px;
	border-left:3px solid #27428a;
}
.vertical {  
	position:relative;
	float:left;
	overflow:hidden;	
	height: 274px;	 
	width: 84px;
}
.items {
	position:absolute;
	margin: 0 0 0 8px;
	_margin: 0 0 0 11px;
	padding:0;
}
.items img {
	margin:11px 0 0 0;
	_margin:10px 0 0 0;
	*margin:10px 0 0 0;
	height:52px;
	width:58px;
	clear:both;
	border:2px solid #aaa;
	padding:0;
	cursor:pointer;
}
.items img:hover {
	border:2px solid #003399;
}
.actions {
	width:84px;
}
.actions a {
	display:block;
	font-size:11px;	
	height:24px;
	line-height:20px;
	cursor:pointer;
	color:#666;
}
#scroll-down {
	background-image:url(../images/scroll-down-off.gif);
	background-repeat:no-repeat;
	height:24px;
	max-width:80px;
	_height:25px;
	_width:83px;
	_margin:1px 0 0 0;
	_padding:0 0 0 1px;
	overflow:hidden;
	_background-position: 1px 0;
}
#scroll-up {
	background-image:url(../images/scroll-up-off.gif);
	background-repeat:no-repeat;
	height:24px;
}
.actions a:hover {
	text-decoration:underline;
	color:#000;
}
.disabled {
	visibility:hidden;		
}

/* SCORE CARD */
.slide-out-div2 {
    width: 136px;
	height:320px;
    background: #f2f2f2;
    border: 1px solid #27428a;
	border-left:1px solid #27428a;
	border-right:0 none !important;
	z-index:99;
	margin-right:-1px;
}
#scores {
	float:left;
	width:130px;
	margin:5px;
}
#avg-score {
	background:#2d5dba;
	width:120px;
	height:98px;
	border:1px solid #999;
}
#avg-score p.title {
	font-size:16px;
	font-weight:bold;
	color:#fdf100;
	line-height:34px;
}
#avg-score p.value {
	font-size:60px;
	line-height:58px;
	font-weight:bold;
	color:#fff;
}
#my-score p.title, #my-score p.value, #avg-score p.title, #avg-score p.value {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}
#my-score {
	background:#00488f;
	margin-top:8px;
	width:120px;
	border:1px solid #999;
	height:75px;
}

#my-score p.title {
	font-size:15px;
	font-weight:bold;
	color:#fdf100;
	line-height:32px;
}
#my-score p.value {
	font-weight:bold;
	color:#fff;
}
#my-score p.value a {
	display:block;
	margin-top:3px;
	line-height:14px;
	color:#eee;
	font-size:11px;
}

/* BUTTONS */
#button-panel {
	margin-top:8px;
}
#submit-review {
	display:block;
	text-decoration:none;
	margin-top:2px;
	background: url("../images/submit-review.gif") left center no-repeat;
	font-size:.95em;
	height:32px;
	width:120px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	color:#666;
	border:1px solid #aaa;
	border-bottom-color:#666;
	border-right-color:#666;
}
a#submit-review:hover {
	color:#003399;
	border:1px solid #003399;
}
.like {
	font-size:1.4em !important;
	letter-spacing:.05em !important;
	background: url("../images/submit-review4.gif") left center no-repeat !important;
	margin-top:8px !important;
	background-position: -255px !important;
}
.share-this, .embed-this {
	height:28px !important;
	line-height:28px !important;
}

.submit-a-review {
	margin-left:10px !important; 
	margin-right:10px !important; 
	margin-bottom:10px !important;
	width:150px !important;
	background-position: -255px !important;
	background: url("../images/submit-review4.gif") left center no-repeat !important;
	font-size:1em !important;
	}

/* MENU TABS BELOW PRODUCT CARD */

#demo {
	margin-top:17px;
}
.yui-content {
	padding-top:3px;
	border-bottom:0 !important;
}
.yui-content p {
	margin:12px;
	color:#555;
}
.yui-content b {
	color:#036;
}

.content-footer {
	background:#fff;
	border:1px solid #666;
	border-top:0 none;
}
.content-footer-wrapper {
	margin:0 3px 3px 3px;
	background:#eceff3;
	}
#tag-footer {
	height:40px;
	line-height:40px;
	margin-right:15px;
	text-align:right;
}
#tag-footer b {
	font-size:10px;
	font-wight:bold;
	color:#444;
}
#tag-footer a {
	font-size:14px;
	color:#999;
}
#tag-footer a:hover {
	color:#003399;
}