body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 60px 0;
	height: 100%; 
}

#wrapper
{
	background-image: url(newimages/newback.gif);
	background-repeat: repeat-x;
	margin: 0;
	width: 100%;
	min-width: 1024px;
	overflow: hidden;
	position: relative;
}

#header
{
	background-image: url(newimages/banner_new_.gif);
	height: 88px;
	width: 924px;
}

#navbar
{
	clear: both;
	position: relative;
	height: 42px;
	z-index: 100;
}

#leftnav
{
	float: left;
	width: 168px;
	margin-right: 10px;
	background-color: #FFF;
	position: relative;
	z-index: 1000;
}

#content
{
	float: left;
	background-color: #FFF;
	width: 782px;
}

#content-iframe
{
	float: left;
	background-color: #FFF;
}

#footer
{
	background-image: url(newimages/bottom.gif);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	text-align: center;
	z-index: 10001;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#footer a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#footer img { padding-top: 18px; }
#footer a: hover { text-decoration: none; }
img { border: 0; }

#imageContainer
{
	width: 762px;
	height: auto;
	overflow: hidden;
	margin: 20px 0;
}

#imageContainer img
{
	margin-bottom: 5px;
	display: block;
	border: 1px dashed #9E9E9E;
}

img.icon
{
	position: absolute;
	background-color: #FFF;
	padding: 0 1px 3px 2px;
	border: 1px dashed #9E9E9E;
}

#thumbContainer { margin: 0; }

#thumbContainer img
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px dashed #9E9E9E;
	margin-bottom: 6px;
}

p
{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
}

ol, ul, li
{
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 5px;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C50007;
	font-size: 1.8em;
	margin: 10px 5px 0 0;
}

h2
{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: .6em 0em .6em 0em;
}

h3
{
	color: #C50007;
	font-size: 1.8em;
	line-height: 1.2em;
}

h4 { font-size: 1.2em; }

h5
{
	font-size: 1.1em;
	font-weight: bold;
	margin: .6em 0em .6em 0em;
}

h6 { font-size: 2.5em; }

a.news
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 1px;
	border-bottom: 1px dashed #333333;
	font-family: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', 'Verdana', 'Helvetica', 'sans-serif';
	text-shadow: goldenrod 0 0 5px;
}

a.news:hover
{
	color: #B91517;
	border-bottom: 1px solid #333333;
	text-shadow: none;
}

.small { font-size: 9px; }

.headline
{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C50007;
	margin-bottom: -10px;
	text-align: left;
	font-size: 1.8em;
	padding-top: 20px;
}

a:link
{
	color: #C50C06;
	text-decoration: none;
}

a:visited
{
	color: #C50C06;
	text-decoration: none;
}

a:hover
{
	color: #990000;
	text-decoration: underline;
}

image.a:hover { text-decoration: none; }

#form1 table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-bottom: -5px;
	margin-top: -5px;
	font-weight: bold;
}

#Table_01 table
{
	margin-top: 23px;
	width: 80%;
}

#Table_01 { margin-top: 20px; }
#Table_01 form { padding-left: 5px; }
.style1 { color: #FFFFFF; }
.style2 { color: #990000; }

.navlink
{
	font-size: 9px;
}

h5.lowerlink
{
	font-size: 9px;
	margin: .8em 0;
	text-align: center;
}

h5.lowerlink span
{
	border-top: 1px solid #ccc;
	padding-top: .3em;
	background-color: #FFF;
}

.navlink a, .datelink a, .lowerlink a
{
	font-size: 9px;
	color: #990000;
	text-decoration: none;
}

.navlink a:hover, .datelink a:hover, .lowerlink a:hover { border-bottom: 1px solid #990000; }

ul.noindent
{
	padding: 10px 0 0 20px;
	margin: 0;
}

ul.noindent li
{
	line-height: 1.1em;
	margin-bottom: 5px;
}

ul.navtop, ul.navside
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.navtop li
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: -5px;
}

ul.navside li
{
	height: 43px;
	margin-bottom: 0;
	border-bottom: 1px solid #9E9E9E;
}

div.swatch
{
	float: left;
	margin-right: 10px;
	padding: 6px;
	background-color: #F9F5EC;
}

div.swatch p
{
	font-size: 10px;
	margin: 0;
	text-align: center;
	line-height: 9px;
}

div.swatch img { margin-bottom: 5px; }

div.sparkle
{
	float: left;
	margin-right: 20px;
}

.floatleftpic
{
	float: left;
	margin-right: 10px;
	padding: 6px 6px 2px 6px;
	background-color: #F9F5EC;
}

.floatrightpic
{
	clear: both;
	float: right;
	margin-right: 10px;
	padding: 6px 6px 2px 6px;
	background-color: #F9F5EC;
}

.clear { clear: left !important;}
.nomargin { margin: 0 !important;}
.top10 { margin-top: 10px !important;}
.top20 { margin-top: 20px !important;}
.top30 { margin-top: 30px !important;}
.bot10 { margin-bottom: 10px !important;}
.bot20 { margin-bottom: 20px !important;}
.bot30 { margin-bottom: 30px !important;}
.center { text-align: center !important;}
.hidden { display: none; }

p.mainpic
{
	font-size: 10px;
	margin: 0;
	text-align: center;
}

div.colorswatch
{
	float: left;
	margin-right: 8px;
	width: 70px;
	padding: 3px;
	background-color: #F9F5EC;
}

div.colorswatch p
{
	font-size: 9px;
	text-align: center;
	margin: 0;
	line-height: 9px;
}

div.colorswatch div
{
	width: 70px;
	height: 40px;
	margin-bottom: 3px;
}

.times { font-family: 'Times New Roman', Georgia, serif; }
.italic { font-style: italic; }
.red { color: #D10006; }
.sans { font-family: Verdana, Arial, Helvetica, sans-serif; }

div#ContactLogo
{
	float: left;
	min-height: 150px;
	background-image: url('../ShopLogo.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding: 10px 0 0 400px;
	border-left: 2px solid #333;
}

div.contactpics img
{
	border: 2px solid #333;
	margin-left: -2px;
}

div.contactpics img.first { margin-left: 0; }
div.contactbottom { margin-top: -7px; }

#contact-wrapper
{
	width: 290px;
	border: 1px solid #e2e2e2;
	background: #f1f1f1;
	padding: 0 10px;
}

#contact-wrapper div
{
	clear: both;
	margin: 1em 0;
}

#contact-wrapper label
{
	display: block;
	float: none;
	font-size: 1.2em;
	width: auto;
}

form#contactform input
{
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	font-size: 1.2em;
	color: #333;
	width: 280px;
}

form#contactform textarea
{
	font-family: 'myriad', 'myriad pro', 'myriad web pro', 'arial', 'sans-serif';
	font-size: 1.2em;
	padding: 2px;
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
	width: 280px;
}

.LV_validation_message
{
	font-weight: bold;
	margin: 0 0 0 5px;
}

.LV_valid { color: #00CC00; }
.LV_invalid { color: #CC0000; }
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active, 
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00; }
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active, 
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border: 1px solid #CC0000; }
button { cursor: pointer; }

table.SizeChartTable
{
	border: solid 1px #dddddd;
	background-color: #999999;
}

td.SizeChartHeader
{
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}

td.SizeChartCell
{
	background-color: White;
	text-align: center;
	font-size: 9pt;
}

td.PaymentHeader
{
	background-color: #eeeeee;
	font-family: Tahoma;
	height: 20px;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	font-size: 11px;
}

h5.navlink span { color: #990000; }

h5.navlink span:hover
{
	cursor: pointer;
	color: #000;
}

h5.navlink span.selected
{
	cursor: default;
	color: #000;
}

ul.pompom
{
	list-style-type: none;
	padding: 0;
	float: left;
	margin: 4px 0 0 0;
}

ul.pompom li
{
	width: auto;
	padding: 0 10px;
	margin-bottom: 0;
	border-right: 1px dashed #ccc;
}

div.iepompom { margin-top: 100px; }

div.iepompom
{
	clear: left;
	float: left;
	background: url(../newimages/shadowAlpha.png) no-repeat bottom right !important;
	margin: 20px 0 0 10px !important;
}

div.iepompom img
{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}

label
{
	float: left;
	text-align: right;
	margin-right: 6px;
	display: block;
	font-weight: bold;
	width: 10em;
	height: 2em;
}

#asdf label
{
	float: none;
	text-align: left;
	margin-right: 0;
	display: inline;
	color: #666;
}

#asdf input[type=text]
{
	margin-bottom: .3em;
}

div.gettingform label
{
	float: left;
	text-align: right;
	margin-right: 6px;
	display: block;
	font-weight: bold;
	height: 2em;
	width: 16em;
}

span.tab
{
	background-color: #ccc;
	padding:.3em .4em .8em .3em;
}

div.sIFR-Holder h6
{
	margin: 0;
	font-size: 2.0em;
}

div.sIFR-Holder h6.sIFR-replaced
{
	margin: 0 0 -12px 8px;
	font-size: 25px;
}

div.sIFR-Holder
{
	width: 300px;
	float: left;
	margin: 8px 0 0 5px;
}

h1.asterisk
{
	font-size: 3em;
	text-align: center;
	font-family: 'times', 'serif';
	font-weight: normal;
	margin: 0;
	color: #E40079;
	line-height: 1.0em;
}

div.month
{
	height: auto;
	text-align: center;
	border-bottom: 1px solid #000;
}

h1.month
{
	font-size: 4em;
	font-family: 'Georgia', 'Times', 'serif';
	color: #E40079;
	margin: 0;
	line-height: 1em;
	letter-spacing: .3em;
}


h1.minimonth
{
	font-size: 2.6em;
	font-family: 'Georgia', 'Times', 'serif';
	color: #E40079;
	margin: 0;
	line-height: 1em;
}

p.heart
{
	margin: 0 20px;
	padding: 0 10px 30px 10px;
}

div.calColumn
{
	width: 154px;
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin-left: -1px;
	text-align: center;
}

div.memorialday
{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	clear: left;
	text-align: center;
}


h1.calDate
{
	font-size: 5em;
	font-family: 'Georgia', 'Times', 'serif';
	font-weight: normal;
	margin: 0;
	color: #0081D0;
	line-height: 1.0em;
}

h4.calTitle
{
	font-size: 1.4em;
	letter-spacing: 0.1em;
	margin: 6px;
	font-family: 'Georgia', 'Times', 'serif';
	font-variant: small-caps;
	line-height: 1.4em;

}

p.calSub
{
	margin: 6px;
	font-family: 'Georgia', 'Times', 'serif';
	font-style: italic;
}

p.calSerif
{
	text-align: left;
	font-size: 1.4em;
	margin: 0 6px;
	font-family: 'Times', 'serif';
}


#files_list 
{
	margin-top: 10px;
	width: 300px;
	border: 1px solid black;
	padding: 5px;
	background: #fff;
	font-size: x-small
}

.error
{
	color: #FF2B3D;
}

.step
{
	padding-bottom: .3em;
	margin-bottom: .3em;
	border-bottom: 1px solid green;
	text-align: left;
	color: green;
}

.substep
{
	text-align: left;
	margin: .6em 0 0 0;
	color: #858585;
}

/* Start custom button CSS here
---------------------------------------- */

.btn
{
	display: inline-block;
	background: none;
	margin: 0;
	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	text-decoration: none;
	color: #333;
}

* html button.btn { padding-bottom: 1px; }

/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */

html:not([lang*=""]) button.btn { margin: 0 -3px; }

.btn span
{
	background: #ddd url(newimages/bg-button.gif) repeat-x 0 0;
	margin: 0;
	padding: 3px 0;
	border-left: 1px solid #bbb;
	border-right: 1px solid #aaa;
}

* html .btn span { padding-top: 0; }

.btn span span
{
	position: relative;
	padding: 3px .4em;
	border-width: 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	font-size: 1.0em;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span { border-right-width: 0; }
button.pill-l span span { border-right: 1px solid #bbb; }

button.pill-c span
{
	border-right-style: none;
	border-left-color: #fff;
}

button.pill-c span span { border-right: 1px solid #bbb; }
button.pill-r span { border-left-color: #fff; }

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span
{
	cursor: pointer;
	/* important for any clickable/pressable element */
	border-color: #FF2B3D !important;
	color: #000;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn_go:hover span, .btn_go:hover span span, .btn_go:focus span, .btn_go:focus span span
{
	cursor: pointer;
	/* important for any clickable/pressable element */
	border-color:green !important;
	color: #000;
}

.btn_wait:hover span, .btn_wait:hover span span, .btn_wait:focus span, .btn_wait:focus span span
{
	cursor: pointer;
	/* important for any clickable/pressable element */
	border-color:#E18B49 !important;
	color: #000;
}

.btn:active span
{
	background-position: 0 -400px;
	outline: none;
}

.btn:focus, .btn:active
{
	outline: none;
	/* doesn't seem to be respected for <button>, only <a> */
}


ul#att_preview
{
	list-style-type: none;
	font-size: 1em;
	margin: .3em 0 0 .6em;
	padding: 0;
}

ul#att_preview li
{
	float: left;
	text-align: center;
	font-size: .8em;
	border: 1px dotted #ccc;
	padding: 4px;
	margin-right: 6px;
	width: auto;
}


.btn_stacked
{
	margin-bottom: 6px;
}

#reset_session
{
	text-align: right;
	margin-right: -12px
}


#gallery
{
/*
	float: left;
	width: 65%;
*/
	min-height: 12em;
}
* html #gallery { height: 12em; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery div.picDrag
{
	float: left;
	width: 96px;
	height: 136px;
	padding: 0.4em;
	margin: 0 0.4em 0.4em 0;
	text-align: center;
	position: relative;
}

.gallery div h5 { margin: 0 0 4px;}
.gallery div.picDrag a
{
	float: right;
	margin-top: -2px;
}

#layout
{
	margin-top: 20px;
	width: 525px;
	height: 300px;
	border: 1px solid #ccc;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
}

* html #layout { height: 18em; } /* IE6 */

.drag.pic
{
	display: none;
	padding: 0;
	border: 1px dotted transparent;
	position: absolute !important;
}

.drag.text
{
	padding: 0;
	border: 1px dotted transparent;
}


.resize:hover, .drag:hover
{
	border-color: #000;
}


.pic img, .staticpic img
{
	width: 100%;
	height: 100%;
}


.gallery div.textDrag textarea {display: none}


.gallery div.textDrag a.ui-icon-plus, .gallery div.textDrag a.ui-icon-close
{
	float: left;
	position: relative;
}

.gallery div.textDrag p
{
	display: inline;
	padding: 0;
	vertical-align: -3px;
}

/*
a.ui-icon-triangle-1-n, a.ui-icon-triangle-1-s
{
	height: 6px;
	background-position-y: -20px;
}
*/

.text
{
	border: 1px dotted #ccc;
}

.handlebox, .staticbox
{
	padding: 4px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background-color: transparent;
	border: 1px dotted transparent;
	position: relative;
	background-image: url('newimages/trans.png');
}

.staticpic
{
	padding: 0;
	border: 1px dotted transparent;
	position: absolute !important;
}

.handlebox.clicked
{
	background-color: #ccc;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
}

.handlebox:hover
{
	border: 1px dotted #E7E7E7;
}

.handlebox textarea, .statictext
{
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: transparent;
	overflow: hidden;
}



p.statictext
{
	border: 1px dotted transparent;
	background-color: transparent !important;
	padding: 0;
}



.MainCenter-clone
{
	width: 498px;
	font-size: 3.6em;
	font-family: Arial, san-serif;
	text-align: center;
}

.SmallLeft-clone, .SmallRight-clone
{
	width: 238px;
	height: 98px;
	font-size: 1.2em;
	font-family: Arial, san-serif;
	line-height: 1.4em;
}

.BottomCenter-clone
{
	width: 498px;
	font-size: 1.2em;
	font-family: Arial, san-serif;
	text-align: center;
}

.Free-clone
{
	font-size: 1.2em;
	font-family: Arial, san-serif;
}

#layout div.controlBox
{
	position: absolute;
	bottom: 4px;
	height: 10px;
}

span.controls
{
	float: left;
}


.handlebox textarea:focus
{
	background-color: #FFF;
}


#test
{
	z-index: 100000;
	position: relative;
	height: 20px;
	width: 525px;
	background-color: #ccc;
	padding-top: 1px;
}


#test input[type="submit"], #test span input[type="submit"]
{
    background-repeat: no-repeat;
	float: left;
	border: 0;
	border: 0px hidden;
	padding: 0;
	background-color: transparent;
	width: 14px;
}

#layout div.controlBox input[type="submit"], #layout div.controlBox span input[type="submit"]
{
    background-repeat: no-repeat;
	float: left;
	border: 0;
	border: 0px hidden;
	padding: 0;
	background-color: transparent;
	width: 14px;
}

div.controlBox a, div.controlBox span a
{
	float: left;
}

div#imageDiv .ui-icon-gripsmall-diagonal-se
{
	background-color: #FFF;
}


.slider-wrapper
{
	position: absolute;
	bottom: 0;
	left: 4px;
	width: 96px;
}


.slider
{
	width: 56px;
	height: 4px;
	float: left;
	margin-top: 7px;
}

.ui-slider .ui-slider-handle
{
	width: 6px;
	height: 14px;
	top: -4px;
	cursor: pointer;
}

.slider-amt
{
	border: 0;
	color: #f6931f;
	font-weight: bold;
	width: 28px;
	margin-bottom: 6px;
	background-color: transparent;
	float: right;
	text-align: right;
}

#newYes
{
	margin: -3px 0 6px 0
}

#newNo
{
	margin: -3px 0 6px 10px
}

.ui-icon-bold { background-position: -96px -208px; }
.ui-icon-italic { background-position: -112px -208px; }
.ui-icon-underline { background-position: -128px -208px; }

.ui-icon-bold-off { background-position: -144px -208px; }
.ui-icon-italic-off { background-position: -160px -208px; }
.ui-icon-underline-off { background-position: -176px -208px; }

.xhandlebox
{
	padding: 4px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background-color: transparent;
	border: 1px dotted transparent;
	position: relative;
	background-image: url('newimages/trans.png');
}

.xhandlebox.clicked
{
	background-color: #ccc;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
}

.xborder
{
	border-color: #ccc !important;
}

.xhandlebox textarea
{
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: transparent;
	border: 1px dotted transparent;
	overflow: hidden;
}

.xhandlebox textarea:focus
{
	background-color: #FFF;
}

.ffarial { font-family: 'Arial', san-serif }
.fftimes { font-family: 'Times New Roman', 'Times New Roman MT Std', 'Times New Roman', 'Times', serif }
.ffcourier { font-family: 'Courier New', 'Courier Std', 'Courier' }
.ffwingdings { font-family: 'Wingdings', 'Zapf Dingbats', 'ITC Zapf Dingbats Std' }

/*
.jPicker_Picker { float: left; }
*/

#fontFamily
{
	float: left;
	font-size: 10px;
	margin: 1px 4px 0 4px;
}

#colorpicker
{
	display: none;
}

#cpwrapper
{
	display: none;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	position: absolute;
	bottom: 12px;
	left: 12px;
	background-color: #ccc;
	border: 2px solid #333;
	padding: 10px;
} 

#website:hover {
	cursor: pointer;
}

body#home .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(css/images/ui-icons_cc0000_256x240.png); }


#toptabholder
{
	top: 0;
	left: 330px;
	height: 41px;
	position: fixed;
	z-index: 5000;
	margin: 0;
	padding: 0;
}

#toptabholder p
{
	float: left;
	height: 41px;
	width: 30px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #000;
}


#sidetabholder
{
	right: 0;
	top: 30%;
	width: 30px;
	position: fixed;
	z-index: 5000;
	margin: 0;
	padding: 0;

}

#sidetabholder p
{
	height: 41px;
	width: 30px;
	margin: 0;
	margin-top: 12px;
}

#sidetabholder p a, #toptabholder p a
{
	display: block;
	width: 100%;
	height: 100%
}

#tabA { background: url('../newimages/hb/icon-fbtab.png') no-repeat; }
#tabB { background: url('../newimages/hb/icon-fbctab.png') no-repeat; }
#tabC { background: url('../newimages/hb/icon-lwtab.png') no-repeat; }
#tabD { background: url('../newimages/hb/icon-igtab.png') no-repeat; }

#toptabA { background: url('../newimages/toptab-fb.png') no-repeat; }
#toptabB { background: url('../newimages/toptab-hb.png') no-repeat; }
#toptabC { background: url('../newimages/toptab-pink.png') no-repeat; }

#videoList, #videoWrapper {float: left;}

#videoList {width: 200px;}
#videoWrapper {padding: 10px 0 0 20px;}

#videoList li {color: rgb(197, 12, 6); font-weight: bold; cursor: pointer;}
#videoList li.selected {color: #000; font-weight: bold; cursor: default;}


#videoList li:hover {color: rgb(153, 0, 0);}
#videoList li.selected:hover {color: #000;}

#videoList .active { color: #000; }