/********** Body Styles */
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
body  {
	font: normal 62.5% Helvetica, Arial, sans-serif;
	background: #FFFFFF url(../graphics/background.jpg) repeat-x left top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
H1 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
H2 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
H3 {
	font-size: 1em;
}
h4 {
	font-size: 1.8em;
	margin-bottom: 5px;
	font-weight: normal;
}
a {		/* Style for text links sitewide */
	text-decoration: none;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
	color: #800080;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: underline;
	color: #CD0000;
}
p {
	font-size: 1em;
}
/********** Form */
.form_object {
	color: #000;
	font-size: 1.2em;
}
.form table {
}
.form td {
	padding: 4px;
}
.form input {
}
/********** Text / Link Styles */
.basket_summ {
	color: #0099CC;
}
.basket_summ.hlite {
	background-color: #0099CC;
	color:#FFFFFF;
}
.form_note {
	color: #000;
	padding: 2px 5px 2px 4px;
	background-color: #FFFF99;
	display: inline;
	position: relative;
}
.form_error {
	color: #FFFFFF;
	padding: 2px 5px 2px 4px;
	background-color: #CC3300;
	display: inline;
	position: relative;
}
.stock_in {
	color: #60BC2D;
	font-weight: bold;
}
.stock_out {
	color: #CC3300;
	font-weight: bold;
}
/********** Layout Styles */
.wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
	clear: none;
	float: none;
	background-color: #FFFFFF;
	padding: 0px 10px 5px;
	height: auto;
	text-align: left;
	line-height: 1.5em;
}
.clear {		/* Clears content from the end of the container */
	width: 100%;
	height: 0px;
	clear: both;
}
.left {
	float: left;
	text-align: left;
}
.right {
	float: right;
	text-align: left;
}
.header {
	position: relative;
	width: 980px;
	height: 110px;
	margin-bottom: 10px;
}
.header #tag {
	height: 32px;
	width: 980px;
	left: 245px;
	top: 0px;
	text-align: center;
	line-height: 31px;
	font-weight: normal;
	float: left;
	background-color: #EEE;
}
.header #logo {
	position: absolute;
	height: 68px;
	width: 326px;
	left: 0px;
	top: 32px;
	position: relative;
}
.header #sign-in {
	position: absolute;
	width: 980px;
	left: 0px;
	text-align: center;
	bottom: -3px;
	color: #0099CC;
}
.header #contact {
	position: absolute;
	width: 200px;
	left: 780px;
	top: 32px;
	line-height: 2em;
	height: 88px;
	padding-top: 5px;
}
.header #contact #phone {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
}
.header #contact #times {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: normal;
}
.header #links {
	position: absolute;
	left: 590px;
	text-align: right;
	width: 390px;
	bottom: -3px;
}
.countries {
	float: right;
	width: auto;
	margin-right: 10px;
	line-height: 32px;
	height: 32px;
	position: absolute;
	right: -13px;
	top: 0px;
}
.gb a:link, .gb a:visited, .gb a:active {
	opacity:.50; 
	filter:alpha(opacity=50);
	height: 11px;
	width: 16px;
	background-image: url(../graphics/flags/gif/gb.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	line-height: 32px;
	margin-top: 10px;
	margin-right: 3px;
}
.gb a:hover {
	opacity:1; 
	filter:alpha(opacity=100);
}
.de a:link, .de a:visited, .de a:active {
	opacity:.50; 
	filter:alpha(opacity=50);
	height: 11px;
	width: 16px;
	background-image: url(../graphics/flags/gif/de.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	line-height: 32px;
	margin-top: 10px;
	margin-right: 3px;
}
.de a:hover {
	opacity:1; 
	filter:alpha(opacity=100);
}
.sk a:link, .sk a:visited, .sk a:active {
	opacity:.50; 
	filter:alpha(opacity=50);
	height: 11px;
	width: 16px;
	background-image: url(../graphics/flags/gif/sk.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	line-height: 32px;
	margin-top: 10px;
	margin-right: 3px;
}
.sk a:hover {
	opacity:1; 
	filter:alpha(opacity=100);
}
.za a:link, .za a:visited, .za a:active {
	opacity:.50; 
	filter:alpha(opacity=50);
	height: 11px;
	width: 16px;
	background-image: url(../graphics/flags/gif/za.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	line-height: 32px;
	margin-top: 10px;
	margin-right: 3px;
}
.za a:hover {
	opacity:1; 
	filter:alpha(opacity=100);
}
.footer {
	background: #DDD;
	width: 100%;
	padding-bottom: 45px;
}
.pre_footer {
	width: 1000px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../graphics/general/footer.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.footer_links {
	width: 1000px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.footer_column {
	text-align: left;
	float: left;
	margin-right: 30px;
}
.footer_column ul {
	list-style-type: none;
	line-height: 1.6em;
}
.copyright {
	clear: both;
	text-align: left;
	width: 1000px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
/********** NEW Homepage Newsfeed */
.news {
	float: left;
	background-color: #FFF8C0;
	margin-bottom: 10px;
}
.news li {
	float: left;
	width: 180px;
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	list-style-type: none;
}
.news ul li:last-child{
	margin-right: 0px;
} 
.news li h2 a:link,
.news li h2 a:visited,
.news li h2 a:active {
	font-size: 1.8em;
	line-height: 1em;
	font-weight: normal;
	background-color: transparent;
	padding: 0px;
	background-color: #FFE100;
	color: #718085;
	display: inline;
	text-decoration: none;
}
.news ul li p:first-child {
	color: #718085;
	background-color: #CF3;
} 
/********** NEW Homepage Review Summary */
.reviews {}
.reviews div.review {	
	width: 180px;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;	
}
.reviews div.review img {
	float: left;
	margin-right: 10px;
}
.reviews h3 a:link,
.reviews h3 a:visited,
.reviews h3 a:active {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.2em;
	margin-bottom: 5px;	
}
.reviews div.review div.stars
{
    float:left;
    width:110px;
    padding:5px 0px;
}
/********** NEW Social Footer */
.media {
	width:1000px;
	padding: 0px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../graphics/general/cards.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 32px;
}
.media-left {
	float: left;
	height: 32px;
	width: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9DCDD;
}
.footer_menu {
	height:32px;
	position:relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
* html .footer_menu {
	width:auto;
	w\idth:auto;
}
.footer_menu ul {padding:0;margin:0;list-style-type:none;}
.footer_menu li {
	float:left;
	width:auto;
}
.footer_menu li a#liTop {
	text-decoration:none;
	background-image: url(../graphics/general/footer_menud.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
}
.footer_menu li a:hover#liTop {
	background-image: url(../graphics/general/footer_menud-hov.gif);
	text-decoration:underline;
}
.footer_menu li a#liPrint {
	text-decoration:none;
	background-image: url(../graphics/general/footer_menua.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
}
.footer_menu li a:hover#liPrint {
	background-image: url(../graphics/general/footer_menua-hov.gif);
	text-decoration:underline;
}
.footer_menu li a#liEmail {
	text-decoration:none;
	background-image: url(../graphics/general/footer_menub.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
}
.footer_menu li a:hover#liEmail {
	background-image: url(../graphics/general/footer_menub-hov.gif);
	text-decoration:underline;
}
.footer_menu li a#liShare {
	text-decoration:none;
	background-image: url(../graphics/general/footer_menuc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
	margin-right: 0px;
}
/********** NEW Tipsy  **********/
.tipsy {
	padding: 5px;
	background-repeat: no-repeat;
	background-image: url(../graphics/general/tipsy.gif);
	font-size: 1.1em;
}
.tipsy-inner {
	padding: 5px 8px 4px;
	background-color: #932876;
	color: white;
	text-align: center;
}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/********** style the top level hover  **********/
.footer_menu :hover > a#liShare, .footer_menu ul ul :hover > a#liShare {
	text-decoration:underline;
	background-image: url(../graphics/general/footer_menuc-hov.gif);
	color:#718085;
}
.footer_menu a, .footer_menu a:visited {
	display:block;
	height:32px;
	padding-left:10px;
	line-height:33px;
	font-weight:bold;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D9DCDD;
	color: #718085;
}
* html .footer_menu a, * html .footer_menu a:visited {width:auto; w\idth:auto;}
.footer_menu ul ul a.drop, .footer_menu ul ul a.drop:visited {}
.footer_menu ul ul a.drop:hover{}
.footer_menu ul ul :hover > a.drop {}
.footer_menu ul ul {visibility:hidden;height:0;width:0;float: left;}
* html .footer_menu ul ul {top:0px;t\op:0px;}
.footer_menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.footer_menu ul ul li#facebook {
	height:25px;
	padding-top: 7px;
	background-image: url(../graphics/general/footer_menua-hov.gif);
	background-repeat: repeat-x;
	background-position: right 0px;
	padding-right: 3px;
	padding-left: 3px;
}
.footer_menu ul ul a, .footer_menu ul ul a:visited {
	height:32px;
	line-height:32px;
	float:left;
	margin: 0px;
	padding: 0px;
	border-left-style: none;
}
* html .footer_menu ul ul a, * html .footer_menu ul ul a:visited {
	width:auto;
	w\idth:auto;
}
.footer_menu a:hover, .footer_menu ul ul a:hover{
	float:left;
	display: inline;
	border-right-style: none;
	width: auto;
}
.footer_menu :hover > a, .footer_menu ul ul :hover > a {float:left;}
.footer_menu ul li:hover ul,
.footer_menu ul a:hover ul{visibility:visible;width:auto;}
.footer_menu ul :hover ul ul{visibility:hidden;}
/********** Search Bar Styles */
.search_bar {
	width: 980px;
	clear: both;
	background-image: url(../graphics/search_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #CCCCCC;
	height: 40px;
	position:relative;
}
.search_box {
	width: 190px;
	text-align: left;
	padding: 5px;
	background-color: #CCC;
}
.search_box input.form_object {
	width: 182px;
	margin: 0px;
}
.search_box input.button {
	width: 190px;
	margin: 0px;
}
.basket_box {
	width: 536px;
	text-align: right;
	padding: 10px;
	position:absolute;
	right:0px;
}
.sub_header {
	width: 980px;
	float: left;
	margin: 0px;
	padding: 5px 0px;
}
.breadcrumb_left {		/* Holds the breadcrumb trail */
	width: 490px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.breadcrumb_right {
	width: 490px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.content {
	width: 980px;
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
}
.content_left {
	float: left;
	width: 200px;
	margin-right: 10px;
	height: auto;
}
.content_mid {
	float: left;
	width: 560px;
	margin-right: 10px;
	height: auto;
}
.content_wide {
	float: left;
	width: 770px;
	height: auto;
}
.content_wide ul {
	margin-left: 30px;
}
.content_right {
	float: right;
	width: 200px;
	height: auto;
}
.content_right_column_200 {
	background-color: #CCCCCC;
	width: 200px;
	height: auto;
	margin-bottom: 10px;
}
.email_signup {
	width: 188px;
	height: auto;
	background-color: #80CCE6;
	padding: 6px;
	margin-bottom: 10px;
}
.email_signup .title {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}
.email_signup .body {
	font-size: 1em;
	font-weight: normal;
	color: #003366;
	font-style: italic;
}
.section {
	float: left;
	width: 748px;
	height: auto;
	margin-bottom: 10px;
	padding: 10px;
	clear: both;
	border: 1px solid #CCCCCC;
}
.section_header {
	float: left;
	width: 540px;
	height: 32px;
	font-weight: bold;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 32px;
	background-image: url(../graphics/section_header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 1.2em;
}
.section_content {
	float: left;
	width: 538px;
	height: auto;
	margin-bottom: 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}
.section_header_780 {
	float: left;
	width: 750px;
	height: 32px;
	font-weight: bold;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 32px;
	background-image: url(../graphics/section_header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 1.2em;
}
.section_content_780 {
	float: left;
	width: 748px;
	height: auto;
	margin-bottom: 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}
.index_highlight {
	float: left;
	width: 560px;
	height: 190px;
	margin-bottom: 10px;
}
.index_intro {
	float: left;
	width: 560px;
	height: auto;
	padding-bottom: 10px;
}
.index_intro #leftcol {
	width: 275px;
	float: left;
	margin-right: 10px;
}
.index_intro #rightcol {
	width: 275px;
	float: left;
}
.table_header {
	height: auto;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.table_content {
	height: auto;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.nav_header {
	height: auto;
	width: 754px;
	float: left;
	padding: 5px 7px;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
	margin-bottom: 10px;
}
/********** Category Styles */
.category_header {
	height: auto;
	width: 754px;
	float: left;
	padding: 5px 7px;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
}
.category_content {
	height: auto;
	width: 758px;
	float: left;
	padding: 10px 0px 10px 10px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
.product_sml {
	float: left;
	width: 244px;
	height: 316px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.product_sml a img {
	float: left;
	margin-left: -57px;
	margin-bottom: 5px;
}
.category_content .stars {
	width: 100px;
	margin-bottom: 5px;
}
.category_content .name {
	font-weight: bold;
	font-size: 1.2em;
}
.category_content .price {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}
/********** Images */
.image_sml {
	height: 246px;
	width: 129px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
}
/********** Product Styles */
.product {
	width: 770px;
	margin-bottom: 20px;
	float: left;
}
.product #leftcol {
	float: left;
	width: 340px;
	height: auto;
	padding-right: 10px;
	margin: 0px;
}
.product #rightcol {
	float: right;
	width: 380px;
	height: auto;
	margin: 0px;
}
.product #image_lrg {
	height: 330px;
	width: 330px;
	margin-bottom: 10px;
	float: left;
}
.product #image_sml {
	height: auto;
	width: 75px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.product_price {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
.product_reduc {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	text-decoration: line-through;
}
.product_sale {
	font-size: 1.2em;
	font-weight: bold;
	color: #CC3300;
}
/********** Basket */
.basket {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.basket #footer {
	height: auto;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 10px;
}
.basket #footer #leftcol {
	width: 375px;
	float: left;
}
.basket #footer #rightcol {
	width: 313px;
	float: right;
	text-align: right;
	padding-right: 72px;
}
/********** Checkout */
.checkout {
	width: 100%;
	margin-bottom: 20px;
}
.checkout #leftcol {
	float: left;
	width: 375px;
	height: auto;
	padding-right: 10px;
	margin-bottom: 10px;
}
.checkout #rightcol {
	float: right;
	width: 385px;
	height: auto;
	margin-bottom: 10px;
}
.checkout .sign-in {
	height: 200px;
	width: 230px;
	float: left;
	background-color: #99CC66;
	margin-right: 10px;
	padding: 10px;
}
.checkout .register {
	height: 200px;
	width: 230px;
	float: left;
	background-color: #3399CC;
	margin-right: 10px;
	padding: 10px;
}
.checkout .express {
	height: 200px;
	width: 230px;
	float: left;
	background-color: #FF9933;
	padding: 10px;
}
ul.checkout_progress {
	position: relative;
	display: block;
	width: 770px;
	height: 32px;
	padding: 0;
	margin: 0px 0px 10px;
}
ul.checkout_progress li {margin: 0; padding: 0; display: inline;}
ul.checkout_progress li span {position: absolute; left: -9999px;}
ul.checkout_progress#step1 {
	background: url(../graphics/checkout_progress-1.jpg) no-repeat left;
}
ul.checkout_progress#step2 {
	background: url(../graphics/checkout_progress-2.jpg) no-repeat left;
}
ul.checkout_progress#step3 {
	background: url(../graphics/checkout_progress-3.jpg) no-repeat left;
}
ul.checkout_progress#step4 {
	background: url(../graphics/checkout_progress-4.jpg) no-repeat left;
}
ul.checkout_progress#step5 {
	background: url(../graphics/checkout_progress-5.jpg) no-repeat left;
}
/********** My Account Styles */
.my_acc {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.my_acc #leftcol {
	width: 385px;
	float: left;
}
.my_acc #rightcol {
	width: 255px;
	float: left;
	padding-top: 24px;
}
.my_acc .address_top {
	width: 230px;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	background-image: url(../graphics/address_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EEEEEE;
}
.my_acc .address_bot {
	width: 100%;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	background-image: url(../graphics/address_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/********** Cross Sell */
.crosssell {
	width: 100%;
	float: left;
}
.crosssell .wrap {
	height: auto;
	width: 750px;
	padding: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	float: left;
}
.crosssell .image_sml {
	height: 129px;
	width: 129px;
	margin-right: 10px;
	float: left;
}
.crosssell .name {
	font-weight: bold;
	font-size: 1.1em;
}
.crosssell .price {
	font-weight: bold;
}
.bestsellers {
	float: left;
	width: 548px;
	height: auto;
	margin-bottom: 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px 0px 10px 10px;
}
.bestseller {
	height: auto;
	width: 175px;
	float: left;
	margin-right: 8px;
}
.bestsellers div.bestseller:last-child {
	margin-right: 0px;
}
.bestseller .image {
	height: 174px;
	width: 174px;
	margin-bottom: 2px;
}
.bestseller .name {
	font-size: 1.1em;
	font-weight: bold;
}
.bestseller .price {
	font-weight: bold;
}
/********** Buttons / Rollovers */
.logo_rollover a {
	display:block;
	width: 300px;
	background: url(../graphics/shop_logo.jpg) no-repeat left top;
	height: 88px;
}
.logo_rollover a:hover {
	background: url(../graphics/shop_logo_roll.jpg) no-repeat left top;
}
.remove_item a, .remove_item a:visited {
	display:block;
	width: 20px;
	background: url(../graphics/remove.jpg) no-repeat left top;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}
.remove_item a:hover {
	background: url(../graphics/remove_roll.jpg) no-repeat left top;
}
input.button {
	font-size: 1.1em;
	height: 22px;
	background-color: #CCCCCC;
	background-image: url(../graphics/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 0.75em;
	padding-left: 0.75em;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
input.button:hover {
	background-image: url(../graphics/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: left -22px;
}
input.button.disabled
{
    border-color:#CCCCCC;
    color:#999999;
}
input.button.addToBasket
{
    font-weight:bold;    
}

input.textbutton {
	font-size: 1em;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0000FF;
}
input.textbutton:hover {
	color: #FF0000;
	text-decoration: underline;
}
/********** Tabs */
@media projection, screen {
.ui-tabs-hide {
	display: none;
}
}

ul.tabs {
	margin: 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
li.tabs {
	color: #CC3300;
	padding: 5px;
	list-style-type: none;
	display: inline-block;
	margin-right: 5px;
	float: left;
	width: auto;
	border: 1px solid #999999;
}
.tab_content {
	padding: 5px;
	float: left;
	width: 368px;
	border: 1px solid #999999;
	margin-top: -1px;
}
/********** NAVIGATION  **********/
#navHolder {
	float:left;
}
#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
	font-size: 1em;
	z-index: 200;
}
#nav {height:40px; width:auto; padding:0;}
#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6  */
#nav li a li {float:left;}
#nav li a {display:block;float:left;height:40px;padding:0 15px;line-height:40px;text-decoration:none;white-space:nowrap;font-weight: bold;}
#nav li ul{
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D9DCDD;
	border-bottom-color: #D9DCDD;
	border-left-color: #D9DCDD;
	width: auto;
	margin-left: 1px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#nav li li a {
	height:22px;
	line-height:23px;
	float:none;
	text-align: left;
	background-color: #FFF;
	color: #0000FF;
}
#nav li:hover {position:relative;}
#nav a:hover {
	background:#06F;
	color:#FFF;
	border:0;
}
#nav li#navhome a:hover {background:#06F;}
#nav :hover  ul {left:-1px; top:40px;}
#nav a:hover ul {left:-1px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* show next level  */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden  */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed  */
#nav li:hover > a {background:#06F;}
#nav li:hover li:hover > a {background-color: #0000FF;background-image: none;}
#nav li:hover li:active > a {color: #FFE100;}
/* but IE5.x and IE6 need this lot to style the flyouts */
/* show next level  */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/********** Accordian Menu MK2 */
.menu_holder {
	float: left;
	margin-bottom: 20px;
}
.menu_holder h2 {
	float: left;
	height: 30px;
	line-height: 30px;
	width: 200px;
	margin: 15px 0px 0px;
	padding: 0px;
}
.menu, .menu ul {
	padding:0;
	margin:0;
	list-style:none;
	font-size: 1em;
	float: left;
	z-index: 100;
}
.menu {width:auto; padding:0;}
.menu table {border-collapse:collapse;}
.menu li {
	float:left;
	background-color: #FCF;
	width: 200px;
}
.menu li li {float:none;}
/* a hack for IE5.x and IE6  */
.menu li a li {float:left;}
.menu li a {display:block;float:left;width:200px;height:30px;line-height:30px;text-decoration:none;white-space:nowrap;}
.menu li ul{
	background-color: #FFFFFF;
	width: 200px;
}
.menu li li a {
	height:30px;
	line-height:30px;
	float:none;
	text-align: left;
	background-color: #EEE;
	color: #333;
}
.menu li:hover {position:relative;}
.menu a:hover {
	background:#06F;
	position:relative;
	color:#FFF;
	border:0;
}
.menu li.menuhome a:hover {background:#06F;}
.menu :hover  ul {left:200px; top:0px;}
.menu a:hover ul {left:0px;}
.menu ul {position:absolute; left:-9999px; top:-9999px;}
/* show next level  */
.menu li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden  */
.menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed  */
.menu li:hover > a {background:#333;}
.menu li:hover li:hover > a {background-color: #0000FF;background-image: none;}
.menu li:hover li:active > a {color: #FFE100;}
/* but IE5.x and IE6 need this lot to style the flyouts */
/* show next level  */
.menu a:hover a:hover ul,
.menu a:hover a:hover a:hover ul,
.menu a:hover a:hover a:hover a:hover ul,
.menu a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}
/* keep further levels hidden */
.menu a:hover ul ul,
.menu a:hover a:hover ul ul,
.menu a:hover a:hover a:hover ul ul,
.menu a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/********** JQuery Star Rating */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(../graphics/star_delete.gif) no-repeat 0 -16px}
div.star,div.star a{background:url(../graphics/star.gif) no-repeat 0 0px}
div.cancel a,div.star a{
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 500;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* jQuery lightBox plugin - Gallery style */
#gallery {
	width: 350px;
	float: left;
}
#gallery ol { list-style: none; }
#gallery ol li { display: inline; }
#gallery ol img { }
#gallery ol a:hover img { color: #fff;}
#gallery ol a:hover { color: #fff; }