/* CSS Document */

/* theme.css contains styles that support different sizes of theme images */
@import url("theme.css");

/* begin general styles for all themes */
html {
	font-family: Arial, Helvetica, sans-serif;
	color: #1C3664;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('graybg.png');
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}

p, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
}

form {
	margin: 0px;
}

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

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

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

a:active {
	color: #1C3664;
	text-decoration: none;
}

ul {
	list-style-type: square;
}
.A1text	{
	color: #488FCD;
	font-weight: bold;
	font-size: 12px;
}
.actCHECKOUTEM {
	background-color: #999999;
}

.actCHECKOUTBG {
	background-color: #3366cc;
}

.actlarger {
	font-size: 13px;
}

.actsmaller{
	font-size: 10px;
}
.font9 {
	font-size: 9px;
}
.actxxsmall {
	font-size: 10px;
}

.actxsmall {
	font-size: 11px;
}

.actsmall {
	font-size: 12px;
}

.actregular {
	font-size: 16px;
}

.actlarge{
	font-size: 25px;
}

.actxlarge {
	font-size: 30px;
}

.actxxlarge {
	font-size: 20px;
}

.actwarningcolor {
	color: #FF0000;
}
	
.actrequiredcolor {
	color: #FF0000;
}

.actsearchhighlightcolor {
	color: #FF0000;
}

.actrequired {
	color: #FF0000;
}

.actwarning {
	font-size: 11px;
	color: #FF0000;
}

/* headings ----------------------------------------------------------------------------- */
	h1	{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
		}
		
	h2	{
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}
		
	h3	{
	color: #3366CC;
	font-weight: bold;
	font-size: 12px;
		}
		
	.text_heading_left_column	{
		margin: 0px;
		padding: 19px 0px 4px 0px;
		line-height:normal;
		color: #0080c0;
		font-weight: 900;
		font-size: 13px;
		}
	/* end headings ------------------------------------------------------------------------- */
	
	/* list fomatting ----------------------------------------------------------------------- */
	ul	{
		line-height: 150%;
		padding: 0px 0px 0px 1px;
		margin: 0px 0px 18px 15px;
		font-size: 11px;
		}
	
	ul.products	{
		line-height: normal;
		padding: 0px 0px 0px 1px;
		margin: 3px 0px 4px 15px;
		font-size: 11px;
		color: #ffff00;
		}
	/* end list fomatting ------------------------------------------------------------------- */
		
	/* menu text --------------------------------------------------------------------------- */
	.text_menu	{
		padding: 2px 0px 2px 0px;
		font-size : 11px;
		margin: 0px;
		color : #0000a0;
		}
	
	.text_menu_no_space	{
		word-spacing: normal;
		}
		
	.text_menu_cart	{
		padding: 0px;
		margin: 0px;
		line-height: normal;
		}
		
	.text_menu_cart_items	{
		padding: 0px;
		margin: 0px;
		line-height: normal;
		font-weight: 900;
		}	
	/* end menu text ----------------------------------------------------------------------- */

	/* product text ------------------------------------------------------------------------ */
	.text_product_small_info	{
		font-size: 10px;
		line-height: normal;
		margin: 0px;
		padding: 0px 0px 6px 0px;
		}
	
	.text_product_small_info_heading	{
		color: #000000;
		font-weight: bold;
		font-size: 11px;}
		
	.text_product_small_info_price	{
		margin: 0px;
		padding: 8px 0px 0px 0px;
		line-height:normal;
		font-weight: 900;
		font-size: 11px;
		}
	
	.text_footer	{
		color: #ff80ff;
		font-size: 10px;
		padding:0px;
		margin:4px 0px 0px 0px;
		}

	.text_options	{
	font-weight: bold;
	font-size: 11px;
		}

	.text_word_spacing_8px	{
		word-spacing: 8px;
		}
	
	.text_terms_conditions	{
		color: #ff80ff;
		font-size: 11px;
		border: 0;
		margin: 0;
		padding: 0;
		}
/* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */




/* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */
	/* buttons ----------------------------------------------------------------------------- */
	.form_button	{
		line-height: normal;
		width: 76px;
		margin: 0px;
		padding: 0px 0px 0px 12px;
		font-size : 11px;
		background-color: #ff80ff;
		border: 1px solid #0080c0;
		color: #0000a0;
		word-spacing: normal;
		}	
	
	.form_button_quick_search	{
		line-height: 13px;
		height: 18px;
		width: 85px;
		margin: 1px 1px 1px 1px;
		padding: 0px 0px 0px 12px;
		font-size : 11px;
		background-color: #ff80ff;
		border: 1px solid #0080c0;
		color: #0000a0;
		background-image: url('searchbutton.gif');
		word-spacing: normal;
		}
	
	.form_button_add_to_cart	{
		line-height: 13px;
		height: 20px;
		width: 76px;
		margin: 0px 1px 0px 0px;
		padding: 1px 0px 1px 14px;
		font-size : 11px;
		background-color: #ff80ff;
		border: 1px solid #0080c0;
		color: #0000a0;
		background-image: url('theme_icon_add_to_cart.gif');
		word-spacing: normal;
		}	
	/* end buttons ------------------------------------------------------------------------- */



.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 11px;
	background-color: #999933;
	border: 1px solid #336699;
	color: #000000;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #ff80ff
}

/* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */

.sidenav {
	width: 170px;
	left: 10px;
	top: 175px;
	position: absolute;
}
.cartholder {
	height: 235px;
	width: 170px;
	background-image: url('cart.gif');
	margin-bottom: 10px;
}
.cartscreen {
	height: 40px;
	width: 120px;
	position: relative;
	background-color: #00CCCC;
}
.viewcartbutton {
	position: relative;
	left: 40px;
	top: 80px;
}
.checkoutbutton {
}
.bestseller {
	width: 170px;
	left: 830px;
	top: 175px;
	position: absolute;
}
.tabbg2 {
	background-image: url('tab.gif');
	width: 148px;
	padding-left: 5px;
	padding-right: 17px;
	font-size: 10px;
}
.boxbody {
	width: 155px;
	padding-left: 5px;
}
.boxheader	{
	width: 165px;
	background-image: url('boxheader.png');
	height: 23px;
	padding-left: 5px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
}
.boxfooter {
	width: 170px;
	background-image: url('boxfooter.png');
	height: 10px;
	margin-bottom: 10px;
}
.menubottomspacer {
	width: 100px;
	height: 20px;
}
.boxmenu {
	font-size: 11px;
	font-weight: bold;
	
}
.boxmenu a {
	height: 14px;
	width: 154px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	text-decoration:none;
	color: #1C3664;
	padding-left: 6px;
}
.boxmenu a:hover {
	background-image: url('accentbg.png');
	display: block;
}
.boxmenusub {
	font-size: 10px;
}
.boxmenusub a {
	width: 135px;
	display: block;
	text-decoration:none;
	color: #666666;
	padding-left: 10px;
}
.boxmenusub a:hover {
	display: block;
	color: #488FCD;
}
.boxsearch {
	background-image: url('graybg.png');
	width: 153px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bbbbbb;
	border-left-color: #bbbbbb;
	padding-top: 4px;
}
.sbimage {
	border: 1px dashed #BBBBBB;
	float: right;
}
.sbprice {
	font-size: 10px;
	text-align: center;
	width: 90px;
	float: left;
	height: 20px;
}
.sbtitle {
	font-size: 9px;
	text-align: center;
	width: 90px;
	float: left;
	height: 37px;
}
.sb {
	height: 60px;
	width: 145px;
	text-align: center;
	padding-left: 10px;
	padding-right: 15px;
	background-image: url('BESTMIDDLE.png');
}
.listholder {
	height: 210px;
	display: block;
	width: 640px;
	margin-bottom: 10px;
}
.sectioninfo {
	background-image: url('graybg.png');
	width: 610px;
	padding: 5px;
	border: 1px solid #BBBBBB;
	margin-bottom: 15px;
	float: left;
}
.sectionholder {
	display: block;
	width: 160px;
	margin-bottom: 15px;
	height: 192px;
	float: left;
	position: relative;
}
.section {

}
.section a{
	display: block;
	width: 141px;
	height: 190px;
	float: left;
	position: relative;
	background-image: url('accentbg.png');
	color: #1c3664;
}
.section a:hover{
	bottom: 3px;
}
.sectionpic {
	border: 1px dashed #BBBBBB;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 20px;
}
.sectionicon {
	margin-top: 7px;
	float: left;
	height: 115px;
	width: 20px;
	margin-left: 7px;
}
.sectionicon img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
}
.sectionname {
	position: absolute;
	width: 128px;
	right: 5px;
	margin-bottom: 5px;
	top: 122px;
	cursor: pointer;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
}
.sectionprice {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 5px;
	cursor: pointer;
	text-align: right;
	margin-right: 5px;
}
.sectionprice a {
}
.productholder {
	display: block;
	width: 620px;
	border: 1px solid #BBBBBB;
	background-image: url('graybg.png');
	margin-bottom: 20px;
}
.quicksearch {
	position: absolute;
	bottom: 16px;
	right: 20px;
}
.headernav {
	position: absolute;
	left: 10px;
	bottom: 23px;
	display: block;
}
.breadcrumbs {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	height: 11px;
	padding-bottom: 11px;
	display: block;
	width: 622px;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
}
.breadcrumbs a{
	color: #999999;
}
.breadcrumbs a:hover{
	color: #1C3664;
}
.sectiontitle {
	font-size: 11px;
	color: #1C3664;
	font-weight: bold;
	height: 11px;
	padding-bottom: 9px;
	display: block;
	width: 622px;
	text-align: left;
	float: left;
	margin-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
}
.titleholder	{
	height: 35px;
	width: 620px;
	display: block;
}
.minisectiontitle {
	font-size: 11px;
	color: #3366cc;
	font-weight: bold;
	height: 11px;
	padding-bottom: 9px;
	display: block;
	width: 320px;
	text-align: left;
	float: left;
	margin-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}
.minisectionlist {
	display: block;
	width: 290px;
	margin-bottom: 15px;
	height: 500px;
	float: left;
	position: relative;
	background-color: #EEEEEE;
	margin-right: 18px;
	border: 1px solid #BBBBBB;
	padding: 5px;
}
.minisectionholder {
	display: block;
	width: 145px;
	margin-bottom: 15px;
	height: 60px;
	float: left;
	position: relative;
}
.minisection {
}
.minisection a{
	display: block;
	width: 143px;
	height: 50px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
}
.minisection a:hover{
	background-color: #EEEEEE;
}
.minisectionpic {
	float: left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #BBBBBB;
}
.minisectionname {
	cursor: pointer;
	font-size: 10px;
}
.minisectionprice {
	cursor: pointer;
}
.minisectionprice a {
	background-color: #996633;
}
.xxx {
	background-color: #00CCCC;
}
.picborder {
	border: 1px solid #DDDDDD;
	margin: 5px;
}
.border {
	border: 1px dashed #BBBBBB;
}
.promotionborder {
	border: 1px solid #BBBBBB;
	margin-left: 6px;
}
.alsoholder {
	display: block;
	width: 300px;
	border: 1px solid #999999;
	margin-top: 5px;
}
.bestholder {
	display: block;
	width: 196px;
	margin-bottom: 15px;
	border: 1px solid #999999;
	background-color: #dddddd;
	background-image: url('bg.gif');
}
.largefrag {
	margin-bottom: 15px;
	display: block;
	height: 300px;
	width: 620px;
}
.longfrag {
	margin-bottom: 15px;
	display: block;
	height: 100px;
	position: relative;
	float: left;
	width: 640px;
}
.smallfrag {
	margin-bottom: 15px;
	display: block;
	height: 100px;
	position: relative;
	float: left;
	width: 320px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.smallfrag img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.container {
	height: 100%;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
.productspec {
	border: 1px solid #BBBBBB;
	background-image: url('graybg.png');
	padding: 5px;
	margin-top: 5px;
	width: 620px;
	margin-bottom: 20px;
}
.productpic {
	border: 1px solid #BBBBBB;
	padding: 5px;
}
.productinfo {
	border: 1px solid #BBBBBB;
	background-image: url('graybg.png');
	padding: 5px;
	height: 317px;
	width: 301px;
	margin-left: 5px;
}
.rrpstyle {
	font-size: 16px;
	color: #999999;
	text-decoration: line-through;
	font-weight: bold;
}
.rrpstylesmall {
	font-size: 10px;
	color: #999999;
	text-decoration: line-through;
}
.outofstock {
	font-size: 10px;
	color: #488FCD;
	font-weight: bold;
}
.textgraysmall {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
}
.textgrayxsmall {
	font-size: 8px;
	color: #999999;
}
.pricestylesmall {
	font-size: 11px;
	font-weight: bold;
}
.pricestyle {
	font-size: 38px;
	font-weight: bold;
}
.pricecolour {
	color: #488FCD;
}
.testimonialname {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	text-align: right;
}
.sidecontentholder {

	width: 170px;
	margin-bottom: 10px;
}
.footersticky {
	position: fixed;
	width:100%;
	bottom:0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	font-size: 9px;
}
.border2 {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}
.searchright {
	float: right;
	width: 300px;
	margin-right: 20px;
}
.searchleft {
	float: left;
	width: 288px;
	border: 1px solid #BBBBBB;
	padding: 5px;
}
.searchbox {
}
.searchbox a{
	display: block;
	width: 288px;
	border: 1px solid #BBBBBB;
	height: 52px;
	text-align: left;
	padding: 5px;
	background-image: url('whitebg.png');
	margin-bottom: 5px;
}
.searchbox a:hover{
	background-image: url('whitebg.png');
}
.searchpic {
	border: 1px solid #BBBBBB;
	float: right;
}
.searchbutton {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #BBBBBB;
	height: 14px;
	width: 65px;
	float: left;
	margin-right: 5px;
}
.searchspacer {
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	background-color: #BBBBBB;
}
div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }
.titlefield{ /*CSS for RSS title link in general*/
	text-decoration: none;
	font-size: 10px;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
	color:#999999;
	font-size: 10px;
	font-style: italic;
}

#main {
	MIN-HEIGHT: 100%;
	FLOAT: left;
	width: 640px;
}

#right {
	FLOAT: right;
	MARGIN: 0px;
	WIDTH: 170px;
	padding: 0px;
	position: relative;
}
#payment {
	FLOAT: right;
	WIDTH: 170px;
	height: 102px;
}
#footer {
	CLEAR: both;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	TEXT-ALIGN: center;
	font-size: 10px;
	width: 805px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #BBBBBB;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 10px;
}
.footerlinks{
	float: left;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #BBBBBB;
	padding-left: 20px;
	text-align: left;
}
.footerlogo{
	float: right;
}
.footerbase{
	clear: both;
}
#footer A {
	COLOR: #1C3664;
	TEXT-DECORATION: none;
	font-weight: bold;
}
#footer A:hover {
	COLOR: #488FCD}
#left {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 180px;
	padding: 0px;
	margin-left: 10px;
}
#headbar {
	HEIGHT: 30px;
	width: 1000px;
	background-image: url('headbar.png');
}
#head1 {
	HEIGHT: 102px;
	width: 1000px;
	background-image: url('head1.png');
	background-repeat: no-repeat;
}
#logolink {
    float: left;
}
#logolink a{
	display: block;
	HEIGHT: 92px;
	width: 100px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#wrapper {
	VERTICAL-ALIGN: top;
	WIDTH: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	background-image: url('mainbg.png');
	background-repeat: repeat-y;
	margin-bottom: 20px;
}
#navbar {
	FONT-SIZE: 10px;
	float: right;
	color: #999999;
	font-weight: bold;
	text-transform: uppercase;
	height: 21px;
	padding-right: 5px;
	padding-top: 8px;
}
#navbar A {
	COLOR: #1C3664;
	padding-right: 2px;
	padding-left: 2px;
}
#navbar A:hover {
	COLOR: #488fcd;
}
#cartsum {
	HEIGHT: 75px;
	float: right;
	width: 185px;
	margin-right: 0px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 25px;
}
#cartsumtotal {
	float: left;
	margin-left: 15px;
	margin-top: 13px;
}
#cartsumtotal a{
	width: 95px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 30px;
	color: #1C3664;
}
#cartsumbutton {
	width: 65px;
	height: 75px;
	float: right;
}
#cartsumbutton a{
	width: 65px;
	height: 75px;
	display: block;
}
#searchbox {
	HEIGHT: 25px;
	float: right;
	margin-right: 170px;
	padding-top: 4px;
}
#newsletter {
	HEIGHT: 79px;
	width: 150px;
	margin-top: 0px;
	background-image: url('NEWSLETTER.png');
	padding-top: 40px;
	padding-left: 20px;
}
#newsletterform {
	float: left;
	padding-top: 3px;
}
#newsletterbutton {
	height: 24px;
	width: 24px;
	float: right;
	margin-right: 30px;
}

.prodtext {
	width: 610px;
	padding: 5px;
	margin-bottom: 5px;
	float: left;
	background-image: url('accentbg.png');
}
.prodimage {
	border: 1px dashed #BBBBBB;
	width: 300px;
	float: left;
	margin-right: 5px;
	height: 300px;
	position: relative;
}
.prodzoomimage {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 10px;
	padding: 2px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #BBBBBB;
	border-left-color: #BBBBBB;
	cursor: pointer;
}
.prodboxholder {
	float: left;
	width: 315px;
	margin-bottom: 5px;
	height: 302px;
	position: relative;
}
.prodbox {
	padding: 5px;
	background-image: url('accentbg.png');
	float: right;
	width: 301px;
	margin-bottom: 5px;
}
.prodboxbottom {
	width: 313px;
	bottom: 0px;
	position: absolute;
	display: block;
	clear: both;
}
.prodpricebox {
	width: 145px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 50px;
	text-align: center;
}
.prodaddbutton {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 145px;
}
.prodinfoholder {
	width: 610px;
	padding: 5px;
	background-image: url('accentbg.png');
	margin-bottom: 15px;
	float: left;
}
.prodinfo {
	border: 1px dashed #BBBBBB;
	padding: 5px;
	width: 598px;
	background-color: #FFFFFF;
}
.prodinfo a{
	color: #488FCD;
	font-weight: bold;
}
.prodchoicetext	{
	font-size : 11px;
	width: 55px;
	float: left;
	height: 15px;
	font-weight: bold;
	padding-top: 4px;
}
.prodchoice	{
	font-size : 11px;
	width: 240px;
	float: right;
	height: 19px;
}
.prodquantity	{
	font-size : 11px;
	float: left;
	width: 100px;
}
.prodref	{
	font-size : 11px;
	float: right;
	height: 15px;
	padding-top: 4px;
}
.prodchoicespacer	{
	margin-bottom: 5px;
	height: 19px;
}
.prodotherinfo {
	margin-bottom: 5px;
	height: 19px;
	width: 295px;
}
.googleplusholder {
	float: right;
	display: block;
	padding-top: 1px;
	padding-right: 2px;
	padding-left: 2px;
}
.addthisholder {
	float: right;
	display: block;
	height: 16px;
}
.smallproductholder {
	display: block;
	width: 160px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	position: relative;
}
.smallproduct {
	display: block;
	width: 131px;
	float: left;
	text-align: center;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 5px;
}
.smallprodquantity	{
	font-size : 11px;
	width: 20px;
}
.singleaddtocart {
	width: 620px;
	margin-bottom: 15px;
	float: left;
	text-align: right;
}
.gallerybox {
	padding: 5px;
	float: right;
	width: 303px;
	margin-bottom: 5px;
	height: 54px;
	background-image: url('accentbg.png');
}
.gallerybox img {
	margin-right: 3px;
	border: 1px solid #BBBBBB;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}

.width {
	margin-bottom: 5px;
	width: 640px;
	height: 460px;
	float: left;
}
.cart {
	background-image: url('accentbg.png');
	border: 1px solid #BBBBBB;
}
.cartheading {
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #BBBBBB;
	background-color: #1C3664;
	color: #FFFFFF;
}
.cartbutton {
	margin-right: 20px;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
}
.specialheading {
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #BBBBBB;
	background-color: #FF0000;
	color: #FFFFFF;
}
.specialproduct {
	height: 50px;
	width: 50px;
	top: -12px;
	position: absolute;
	left: -41px;
}
.specialsection {
	height: 50px;
	width: 50px;
	top: -10px;
	right: 10px;
	position: absolute;
	z-index: 1;
}
.sidecontentwrapper{
position: relative; /* Do not change this value */
width: 150px;
height: 140px; /* Set height to be able to contain height of largest content shown*/
border: 0px;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.sidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute;
	padding: 0px;
	visibility: hidden;
	width: 150px;
	background-color: #EEEEEE;
	color: #000000;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.sidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 150px;
	text-align: center;
	visibility: hidden;
	height: 15px;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.sidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
display: inline-block;
font-weight: bold;
text-decoration: none;
}

.sidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.sidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.sidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.sidecontenttoggler a.prev, .sidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.sidecontenttoggler a.prev:hover, .sidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
.maincontentwrapper{
	position: relative; /* Do not change this value */
	width: 640px;
	height: 340px;
	overflow: hidden;

}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.maincontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute;
	padding: 0px;
	width: 621px;
	height: 340px;
    }

.maincontentinfo{ /*style for each glide content DIV within wrapper.*/
	padding: 0px;
	width: 621px;
	height: 36px;
	background-image: url('MENUBAR.png');
	color: #FFFFFF;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
    }
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.maincontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 640px;
	height: 73px;
	margin-bottom: 15px;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.maincontenttoggler a{ /*style for every navigational link within toggler */
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	margin-right: 4px;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
}

.maincontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	border-color: #BBBBBB;
}

.maincontenttoggler a:hover{
}

.maincontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
	}

.maincontenttoggler a.prev, .maincontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	background-color: #CC0099;
	padding: 40px;
	display: none;
}

.maincontenttoggler a.prev:hover, .maincontenttoggler a.next:hover{
}
.backtotop {
	font-size: 9px;
	color: #999999;
	float: right;
}
.backtotop a {
	color: #999999;
	font-weight: bold;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left: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, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url('overlay.png') 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url('borderTopLeft.png') 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url('borderTopCenter.png') 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url('borderTopRight.png') 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url('borderBottomLeft.png') 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url('borderBottomCenter.png') 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url('borderBottomRight.png') 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url('borderMiddleLeft.png') 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url('borderMiddleRight.png') 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#3366cc;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url('controls.png') 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url('loading_background.png') center center no-repeat;}
                #cboxLoadingGraphic{background:url('boxloading.gif') center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url('controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
#slideshow {
	width: 620px;
	height: 300px;
	border: 1px solid #BBBBBB;
	margin-bottom: 15px;
}
#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
}
#slideshow2 {
	width: 150px;
	height: 200px;
}
#slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
}
#pause1 {
	z-index:100;
}
#pause2 {
	z-index:100;
}
.map {
	float: right;
	margin-right: 15px;
	border: 1px solid #BBBBBB;
}
.checkoutchoice {
	border: 1px solid #BBBBBB;
	width: 368px;
	background-color: #488FCD;
	font-size: 9px;
}
.checkoutoption {
	border: 1px solid #BBBBBB;
	width: 368px;
}
.sectionfragtitle {
	background-image: url('accentbg.png');
	width: 610px;
	padding: 5px;
	margin-bottom: 5px;
	float: left;
}
.sectionfraginfoholder {
	background-image: url('accentbg.png');
	width: 610px;
	padding: 5px;
	margin-bottom: 10px;
	float: left;
}
.sectionfraginfo {
	padding: 5px;
	border: 1px dashed #BBBBBB;
	width: 598px;
	font-size: 11px;
	color: #1c3664;
	background-color: #FFFFFF;
}
.sectiondivider {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	height: 11px;
	padding-bottom: 11px;
	display: block;
	width: 622px;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
}
.actsmallest {
	font-size: 8px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	padding-bottom: 5px;
}
.specialsection2 {
	height: 69px;
	width: 69px;
	top: -2px;
	right: 13px;
	position: absolute;
	z-index: 1;
}
.social {
	height: 78px;
	width: 170px;
	position: relative;
}
.facebook {
	height: 80px;
	width: 50px;
	float: left;
	margin-left: 10px;
	margin-right: 7px;
}
.twitter {
	height: 80px;
	width: 50px;
	float: right;
}
.fblike {
	height: 77px;
	width: 53px;
	position: absolute;
	left: 73px;
	padding-top: 1px;
}

.fragtext {
	margin-bottom: 15px;
	display: block;
	position: relative;
	float: left;
	width: 610px;
	font-size: 11px;
	margin-right: 20px;
	padding: 5px;
	border: 1px dashed #BBBBBB;
}
.posttext {
	display: block;
	font-size: 10px;
	padding-top: 5px;
	float: left;
	width: 610px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #BBBBBB;
	text-align: center;
	margin-top: 5px;
}
.posttable {
	display: block;
	font-size: 10px;
	float: right;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #BBBBBB;
	margin-left: 10px;
}
.posttablecat {
	float: left;
	width: 70px;
	margin-top: 5px;
	text-align: center;
	padding: 2px;
}
.posttablecell {
	background-image: url('accentbg.png');
	float: left;
	width: 50px;
	margin-top: 5px;
	text-align: center;
	padding: 2px;
	margin-left: 5px;
}
.clearrow {
	clear: both;
}
.imgcaption {
	background-color: #BBBBBB;
	padding: 5px;
	font-size: 10px;
	display: block;
	float: right;
	text-align: center;
}
.checkoutmessage {
	font-size: 11px;
	float: right;
	text-align: center;
	padding-right: 40px;
}
.error {
	font-size: 100px;
	text-align: center;
	padding-top: 20px;
}
.bigfrag {
	margin-bottom: 15px;
	display: block;
	float: left;
	width: 640px;
}