#title{font-size: 20px; font-family: tahoma; color:#4f79a7; font-weight:bolder; } 

.listb {left: -12px;voice-family: "\"}\""; 
voice-family:inherit;
left: auto;
}

.listb {margin: 0px auto;right: -9px;position: relative;text-align: center;width: 550px;list-style: none;padding: 0px; }

.listb li {float: left;padding: 0px;margin: 0px 10px 10px 0px; }

.listb li span {height: 220px;width: 220px;display: block;background: white; }

.listb li span {display: table;_position: relative;overflow: hidden;border-width: 1px;border-color: #ccc #999 #999 #ccc;border-style: solid; }

.listb>li span {overflow: none; }

.listb li span:hover,.list li span.hover {background: #f7f7f7; }

.listb li span a {_position: absolute;_top: 50%;display: table-cell;vertical-align: middle;margin: 0px auto;text-align: center; }

.listb li span a img {_position: relative;_top: -50%;_left: -50%; }

.alpha-shadow {float: left; background: url(../images/shadow.gif) no-repeat bottom right;  margin: 0px -5px 0 0px !important; margin: 0px -5px 0 0px; }

.alpha-shadow div { background: url(../images/shadow2.png) no-repeat left top !important;background: url(../images/shadow2.gif) no-repeat left top;padding: 0px 5px 5px 0px; }


body {background: #595959; font: .9em Arial, Helvetica, sans-serif; margin: 40px auto; width: 750px; color: #f3f3f3;  }

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:20px; font-weight:bold; color:#4f79a7;}

#masthead {background: url("../images/masthead.gif") 0 0 no-repeat; height:88px; width:750px;}

div#container {text-align: center; background-color:#f3f3f3; height: 100%; }

div#contentwrap {background-color: #fff; float:left;	width:555px; text-align:left; padding-left:10px; padding-top:5px; padding-right:10px; color:#535353; display:block; height: 100%; }

div#contentwrap img { margin-left: 15px; }

div#contentwrap .img_heading {border: none; float: left; margin-left: 0px; }

div#navwrap {float:right; width:165px; background-color:#f3f3f3; height: 100%; display: block;	margin-bottom: 0px;}

div#nav {position: relative; height: 100%; float: right; background: url(../images/navback_blue.jpg) bottom; background-color: #4f79a7; color: #FFFFFF; width: 165px; margin-top: 0px; margin-left: 10px; margin-right: 0px; text-align: left; display: block; margin-bottom: 0px; }

div#nav ul {list-style-type:none; list-style-image:none; line-height: 19px; }

div#nav li {list-style-type:none; list-style-image:none; text-align:left; margin-left:-27px; }

div#nav a {text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#f3f3f3; font-weight: bold; }

div#nav a:link {text-decoration:none; color:#f3f3f3; }

div#nav a:visited {text-decoration:none; color:#f3f3f3; }

div#nav a:hover {color:#4f79a7; background-color:#f3f3f3; }

div#nav p {text-decoration: none; font-size: 15px; font-family: sans-serif; color:#f3f3f3; font-weight: bold; }

div#footer {width:740px; font-size: 12px; text-align: center; color: #f3f3f3; padding-top:5px; padding-bottom:1px; padding-left: 10px; background-color:#333333; display: block; clear: both;	height: 23px; }

div#footer a {color:#ffffff; font-size:10px; }

div#footer a:link {color:#ffffff;}

div#footer a:visited {color:#ffffff;}

.hide {height: 0; width: 0; overflow: hidden; position: absolute; left: 136px; top: 101px; }

#twitterbox{border: 1px solid #000;float:left;margin-bottom:20px;}

#twitter{float:left;margin:20px}

#social a img {border:0px;}


/* -------- FORM --------  */


label {
	margin: 0;
	padding: 0.2em;
        margin-top: 0.3em;
        text-align:right;
        width: 70px;font-size: 12px;
        float: left;
        text-transform: uppercase; }

fieldset {
        background-color: #ccc;
        border: solid 0 #333; /* Opera doesn't get border:none or border:0 on fieldsets */ 
        width:330px; } 

legend {
	filter: alpha(opacity=90); -moz-opacity:.90; opacity: .90;
        width: 194px; height: 25px;
        color: #fff;
        font-size: 18px;
        padding-left: 20px;
        background: transparent url("../form/legend_bg.gif") no-repeat;
        position: relative; top: -25px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: -1px;
        white-space:pre; /* hack: make sure */ }


.br {
   	display: none; }  
  
.textfield {
    	font: 9px Arial, Verdana, Sans-Serif;
        color: #333 ;
        margin: 3px;
        height: 20px;
        border: solid 0 #fff;
        padding: 3px 8px;
        background: transparent url("../form/textfield_bg.gif") no-repeat fixed;
        width: 200px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 187px; }

fieldset>input.textfield {
	background: transparent url("../form/textfield_bg.gif") no-repeat; }

textarea {
	font: 9px Arial, Verdana, Sans-Serif;
        color: #333;
        margin: 3px;
        height: 165px;
        border: solid 0 #fff;
        padding: 0 8px;
        background: transparent url("../form/textarea_bg.gif") no-repeat fixed;
        width: 200px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 190px; }

fieldset>textarea {
        background: transparent url("../form/textarea_bg.gif") no-repeat; }

.submit {
        margin: 3px;
        background: transparent url("../form/submit.gif") no-repeat;
        height: 20px;
        border: solid 0 #fff;
        width: 80px;
        font: 9px  Arial, Verdana, Sans-Serif;
        color: #333;
        text-transform: uppercase; }

.reset {
        margin: 3px;
        background: transparent url("../form/submit.gif") no-repeat;
        height: 20px;
        border: solid 0 #fff;
        width: 80px;
        font: 9px  Arial, Verdana, Sans-Serif;
        color: #333;
        text-transform: uppercase; }


/*------  colorbox for store page  ------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper
{
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 9999;
}
#cboxOverlay
{
	height: 100%;
	position: fixed;
	width: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
	clear: left;
}
#cboxContent
{
	overflow: hidden;
	position: relative;
}
#cboxLoadedContent
{
	overflow: auto;
}
#cboxLoadedContent iframe
{
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}
#cboxTitle
{
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor: pointer;
}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay
{
	background: #000;
}
#colorBox
{
}
#cboxTopLeft
{
	background: url(../colorbox/border1.png) 0 0 no-repeat;
	height: 25px;
	width: 25px;
}
#cboxTopCenter
{
	background: url(../colorbox/border1.png) 0 -50px repeat-x;
	height: 25px;
}
#cboxTopRight
{
	background: url(../colorbox/border1.png) -25px 0 no-repeat;
	height: 25px;
	width: 25px;
}
#cboxBottomLeft
{
	background: url(../colorbox/border1.png) 0 -25px no-repeat;
	height: 25px;
	width: 25px;
}
#cboxBottomCenter
{
	background: url(../colorbox/border1.png) 0 -75px repeat-x;
	height: 25px;
}
#cboxBottomRight
{
	background: url(../colorbox/border1.png) -25px -25px no-repeat;
	height: 25px;
	width: 25px;
}
#cboxMiddleLeft
{
	background: url(../colorbox/border2.png) 0 0 repeat-y;
	width: 25px;
}
#cboxMiddleRight
{
	background: url(../colorbox/border2.png) -25px 0 repeat-y;
	width: 25px;
}
#cboxContent
{
	background: #fff;
}
#cboxLoadedContent
{
	margin-bottom: 100px;
}
#cboxTitle
{
	bottom: 50px;
	color: #000;
	left: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
}
#cboxCurrent
{
	bottom: 0px;
	color: #999;
	left: 115px;
	position: absolute;
}
#cboxSlideshow
{
	bottom: 0px;
	color: #444;
	position: absolute;
	right: 42px;
}
#cboxPrevious
{
	bottom: 0px;
	color: #444;
	left: 0;
	position: absolute;
}
#cboxNext
{
	bottom: 0px;
	color: #444;
	left: 63px;
	position: absolute;
}
#cboxLoadingOverlay
{
	background: url(colorbox/loading.gif) 5px 5px no-repeat #fff;
}
#cboxClose
{
	bottom: 0;
	color: #444;
	display: block;
	position: absolute;
	right: 0;
}
.cboxIE #cboxTopLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}