/**
	author: mf
	company: www.lateralgraphics.com
	date: 11/02/2009
	job: moviesoft
	description: assemble graphics
	 _____________________________________
	|_______________div___________________|

	version: 1
	issues:
		* centering of buttons in page

**/

/* START OSCOMMERCE SYSTEM STYLES */

.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #eeeeee;
	color: #f00;
	font-weight: bold;
	padding: 8px;
}

/* START MOVIESOFT */

/* custom */

#outerblock {
	position: relative;
	margin: 40px auto 40px auto;
	/* site width adjustment:
		1/ adjust width of outerblock (start here)
		2/ graphics need to be cut to work with sliding window, 4 edge nested divs
	*/
	width: 918px;
	/* background-color: #fff; */
	text-align: left;
}

#outerblock #innerblock {

}

#outerblock #innerblock #mainblock {
	background-color: #fff;
}

#mainblock #leftColumn {
	width: 20%;
	/* background: #999; */
	float: left;
	padding: 0 0 0 3px;
}

#mainblock div.gutter {
	width:5px;
	/* background: #ccc; */
	float: left;
	height: 1px;
}

#mainblock #middleColumn {
	width: 79%; /* 79 */
	/* background: #cc9; */
	float: left;
}

#mainblock #middleColumnFull {
	/* width: 100%; */
}


#mainblock #middleColumn div.gutter {
	width: 5px;
	height: 1px;
	/* background: #ccc; */
	float:left;
}

#mainblock #middleColumn #middleBanner {
	width: 100%;
	/* background: #c99; */
}

#mainblock #middleColumn #middleBanner p {
	margin: 0;
	padding: 0;
}

#mainblock #middleColumn #middleBlock {
	width: 72%;
	/* background: #9c9; */
	float: left;
}

#mainblock #middleColumn #middleBlockFull {
	width: 99%;
}

	/* catalogue view styles */

	#breadcrumbs {
		margin: .4em 0 .4em 0;
		padding: .4em 0;
		border-bottom: 1px solid #ccc;
		font-size: .8em;
	}

	#breadcrumbs p {
		margin: .4em 0;
	}

	#breadcrumbs a {
		color: #33c;
	}

	#feedback {
		padding: 0 0.4em;
	}

	#feedback p {
	}

	#feedback p a {
		color: #00c;
	}

#middleBlock div.mb_column_50pc {
	/* background: #c3c; */
	width: 49.5%;
	float: left;
}

#middleBlock div.mb_column_50pc p {
	margin: 0;
	padding: 0;
}

#middleBlock div.gutter {
	width:.5%;
	/* background: #ccc; */
	float: left;
	height: 1px;
}

	/* MIDDLE BLOCK DEFAULTS */

	#middleBlock p a {
		color: #00c;
	}

	#middleBlock ul {
		font-size: .8em;
	}

	#middleBlock ul li {

	}

#mainblock #middleColumn p {
	/* wanted a wrapping left col */
	/* float:left; */
}

#mainblock #rightColumn {
	width: 27%; /* proportionally the same as 21% of 927 */
	/* background: #c9c; */
	float: left;
}

	/* PRODUCT CATEGORY VIEW */

	#middleBlock div.mb_column_100pc {
		/* background: #c3c; */
		width: 100%;
		/* float: left; */
	}

	div.category_view {

	}

	div.category_view h3 {

	}

	div.category_view h3 a {
		color: #f90;
		text-decoration: none;
	}

	#middleBlock h3 {
		color: #f90;
	}

	div.category_view h3 a:hover {
		color: #f90;
		text-decoration: underline;
	}

	div.category_view div.category_image img {
		border: 1px solid #ccc;
	}

	div.category_view div.category_details {

	}

	div.category_view div.category_details a.more {
		color: #00f;
	}

	div.category_view div.category_details h3 {
		font-size: 1em;
		text-transform: Capitalize;
	}

	/* PRODUCT ITEM VIEW */

	div.item_view {

	}

	div.item_view h3 {
	}

	div.item_view h4 {
	}

	div.item_view h5 {
	}

	div.item_view h3, div.item_view h4, div.item_view h5, div.item_view h6 {
		/* color: #f90; */
	}

	div.item_view p {
		
	}

	div.item_view a {
		font-size: 10pt;
	}

	div.item_view div.product_info {
		display: block;
		float: left;
	}

	div.item_view div.product_image {
		float: right;
		text-align: center;
		/* border: 1px solid red; */
		width: 140px;
		padding: .5em;
		margin: .4em;
	}

	div.addpadding {
		padding: .5em;
	}

	div.addpadding div.button-left-inline {
		padding: 0;
		margin: 0 .5em .5em 0;
		float: left;
	}





/* MASTHEAD (masthead)

	 _______________________________
	|1 ___________________________  |
	| |  _______________________ 2| |
	| | |  ___________________  | | |
	| | | |__________________4| | | |
	| | |3______________________| | |
	| |___________________________| |
	|_______________________________|

*/

div.masthead {
	/* applies striped background */
	background-image:url("../skin/panel_bg.gif");
}

div.masthead div.shade {
	/* applies shade */
	background: transparent url("../skin/banner_shade.png") repeat-x left top;
	display: block;
	float: left;
	width: 100%;

}

div.masthead div.masthead_top_left {
	/* draw border: top left */
	background: transparent url("../skin/masthead_top_left_long.gif") no-repeat left top;
	display: block;
	float: left;
	width: 100%;
}

div.masthead_top_left div.masthead_top_right {
	/* draw border: top right */
	background: transparent url("../skin/masthead_top_right_short.gif") no-repeat right top;
	display: block;
	float: right;
	width: 100%;
}

div.masthead_top_left div.masthead_top_right div.masthead_bot_left {
	/* draw border: bot left */
	background: transparent url("../skin/masthead_bot_left_long.gif") no-repeat left bottom;
	display: block;
	float: left;
	width: 100%;
}

div.masthead_top_left div.masthead_top_right div.masthead_bot_left div.masthead_bot_right {
	/* draw border: bot right */
	background: transparent url("../skin/masthead_bot_right_short.gif") no-repeat right bottom;
	display: block;
	float: right;
	width: 100%;
}
/*
div.masthead_top_left div.masthead_top_right h6 {
	text-align:center;
	padding-bottom: .2em;
}
*/

/* MASTFOOTER (mastfooter)

	 _______________________________
	|1 ___________________________  |
	| |  _______________________ 2| |
	| | |  ___________________  | | |
	| | | |__________________4| | | |
	| | |3______________________| | |
	| |___________________________| |
	|_______________________________|

*/

#footer {
	/* background-color: #fff; */ /* FF3 leaves a spade before footer */
}

#mastfooter {
	background: url("../skin/panel_bg.gif");
	/* border: 1px solid red; */ /* FF3 shows margin on top */
}

#mastfooter div.shade {
	background: transparent url("../skin/banner_shade.png") repeat-x left -55px;
	display: block;
	float: left;
	width: 100%;
}

#mastfooter #mastfooter_top_left {
	background: transparent url("../skin/mastfooter_top_left_long.gif") no-repeat left top;
	display: block;
	float: left;
	width: 100%;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right {
	background: transparent url("../skin/mastfooter_top_right_short.gif") no-repeat right top;
	display: block;
	float: right;
	width: 100%;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right  #mastfooter_bot_left {
	background: transparent url("../skin/mastfooter_bot_left_long.gif") no-repeat left bottom;
	display: block;
	float: left;
	width: 100%;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right  #mastfooter_bot_left #mastfooter_bot_right {
	background: transparent url("../skin/mastfooter_bot_right_short.gif") no-repeat right bottom;
	display: block;
	float: right;
	width: 100%;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right  #mastfooter_bot_left #mastfooter_bot_right #paymentlogos {
	margin: .4em .4em .4em .4em;
	float: left;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right  #mastfooter_bot_left #mastfooter_bot_right #paymentlogos img {
	margin: 2px;
	border: 0px;
}

#mastfooter #mastfooter_top_left #mastfooter_top_right #mastfooter_bot_left #mastfooter_bot_right p {
	text-align:right;
	float: right;
	color: #fff;
	margin: 0;
	padding: 2em .8em .8em .4em;
}

/* INPAGE PANELS BLUE HEADER, DIAGONALLY STRIPED (ms_white)

	 _______________________________
	|1 ___________________________  |
	| |  _______________________ 2| |
	| | |  ___________________  | | |
	| | | |__________________4| | | |
	| | |3______________________| | |
	| |___________________________| |
	|_______________________________|

*/

div.ms_white {
	background: url("../skin/panel_bg.gif");
	/* border: 1px solid red; */ /* FF3 shows margin on top */
	width: 98%;
	margin: .2em auto;
}

div.ms_white div.shade {
	background: transparent url("../skin/banner_shade.png") repeat-x left -55px;
}

div.ms_white div.ms_white_top_left {
	background: transparent url("../skin/ms_white_top_left_long.gif") no-repeat left top;
	display: block;
	width: 100%;
	float: left;
}

div.ms_white div.ms_white_top_left div.ms_white_top_right {
	background: transparent url("../skin/ms_white_top_right_short.gif") no-repeat right top;
	display: block;
	float: right;
	width: 100%;
	margin: 0 0 0 0; /* allow for parent element */
}

div.ms_white div.ms_white_top_left div.ms_white_top_right  div.ms_white_bot_left {
	background: transparent url("../skin/ms_white_bot_left_long.gif") no-repeat left bottom;
	display: block;
	float: left;
	width: 100%;
}

div.ms_white div.ms_white_top_left div.ms_white_top_right  div.ms_white_bot_left div.ms_white_bot_right {
	background: transparent url("../skin/ms_white_bot_right_short.gif") no-repeat right bottom;
	display: block;
	float: right;
	width: 100%;
}

div.ms_white div.ms_white_top_left div.ms_white_top_right div.ms_white_bot_left div.ms_white_bot_right h6 {
	text-transform: uppercase;
	/* font-size: 1em; */
	color: #fff;
	text-align: left;
	margin: .5em .6em .2em .6em;
}

div.ms_white div.ms_white_top_left div.ms_white_top_right div.ms_white_bot_left div.ms_white_bot_right p {
	color: #fff;
	padding: 0 .8em .8em .8em;
	margin: 0;
}

		/* SEARCH BOX */

		div.searchbox {
			padding: 0;
			margin: 0 0 4px 0;
			vertical-align: top;
		}

		#searchbox {
			padding: 0;
			margin: 0;
		}

		#searchbox input.field {
			/* border: 1px solid red; */
			font-size: 1em;
			color: #999;
			/* float: left; */
			border: solid 1px #006;
			padding: 0;
			margin: 0 0 0 6px;
			float: left;
			display: block;
		}

		#searchbox p {
			padding: 0;
			margin: 0 0 0 6px;
		}

		#searchbox p a {
			color: #00c;
			font-size: smaller;
		}

		#searchbox input.icon {
			padding: 0px 0 0 0;
		}

		div.ms_white_bot_right #searchbox a {
			color: #ff0;
		}

		div.searchbox h6 {
			margin: 0 0 0 6px;
			padding: 0;
			line-height: 1.2em;
		}

		/* DOWNLOAD PLUS H2 ICON GROUP */

		div.ms_white_bot_right img.icon {
			
		}

		div.ms_white_bot_right h6 {
			/* this can't impose cos there's a more specific rule */
			/* width: 60%; */
			font-size: 1em;
			/* line-height: 2.4em; */
		}

		div.ms_white_bot_right h6.icongroup img {
			margin: 0 0 0 0em;
			vertical-align: middle;
		}

/* MS PANELS BLUE HEADER, ALTERNATING ROWS LT/DK GREY (ms_panel)

	 _______________________________
	|1 ___________________________  |
	| |  _______________________ 2| |
	| | |  ___________________  | | |
	| | | |__________________4| | | |
	| | |3______________________| | |
	| |___________________________| |
	|_______________________________|

*/

	/* WHITE PANEL */

div.ms_panel {
	/* background: url("../skin/panel_bg.gif"); */
	/* background-color: #ccc; */
	/* border: 1px solid red; */ /* FF3 shows margin on top */
	width: 98%;
	margin: .4em auto;
	background: transparent url('../skin/ms_panel_tile.gif');
}

div.ms_panel div.ms_panel_top_left {
	background: transparent url("../skin/ms_panel_top_left_long.gif") no-repeat left top;
	display: block;
	width: 100%;
	float: left;
}

div.ms_panel div.ms_panel_top_left div.ms_panel_top_right {
	background: transparent url("../skin/ms_panel_top_right_short.gif") no-repeat right top;
	display: block;
	float: right;
	width: 100%;
	margin: 0 0 0 0; /* allow for parent element */
}

div.ms_panel div.ms_panel_top_left div.ms_panel_top_right  div.ms_panel_bot_left {
	background: transparent url("../skin/ms_panel_bot_left_long.gif") no-repeat left bottom;
	display: block;
	float: left;
	width: 100%;
}

div.ms_panel div.ms_panel_top_left div.ms_panel_top_right  div.ms_panel_bot_left div.ms_panel_bot_right {
	background: transparent url("../skin/ms_panel_bot_right_short.gif") no-repeat right bottom;
	display: block;
	float: right;
	width: 100%;
}

div.ms_panel div.ms_panel_top_left div.ms_panel_top_right div.ms_panel_bot_left div.ms_panel_bot_right h2 {
	text-transform: bold;
	font-size: .8em;
	font-family: Verdana, sans-serif;
	color: #fff;
	text-align: left;
	/* margin: .2em;
	padding: .1em .5em; */
	margin-top: .5em;
	margin-left: .6em;
	margin-bottom: .4em;

	/* padding: .5em; */
}

div.ms_panel div.ms_panel_top_left div.ms_panel_top_right div.ms_panel_bot_left div.ms_panel_bot_right h4 {
			text-transform: uppercase;
			font-size: 1em;
			color: #f90;
			text-align: center;
}
div.ms_panel div.ms_panel_top_left div.ms_panel_top_right div.ms_panel_bot_left div.ms_panel_bot_right p {
	/* color: #ccc; */
	margin: .2em .8em .2em .8em;
	text-align: center;
	font-size: 10pt;
}

	/* MENU UL/LI ALTERNATING ROWS, ARROW BULLETS */

	div.ms_panel_bot_right ul {
		list-style-image: url('../skin/ms_panel_arrow_up.gif');
		list-style-type: disc;
		margin: 0 0 0 0;
		padding: .4em .4em .4em 0;
	}

	div.ms_panel_bot_right ul li {
		font-size: .8em;
		margin: 0 0 .2em 2em;
	}

	div.ms_panel_bot_right ul li.active {
		list-style-image: url('../skin/ms_panel_arrow_down.gif');
		list-style-type: disc;
	}

	div.ms_panel_bot_right ul li.sublink {
		font-size: .8em;
		margin: 0 0 .2em 3em;
	}

	div.ms_panel_bot_right ul span.lite {
		background-color: #ccc;
	}

	div.ms_panel_bot_right ul li a {
		color: #000;
		text-decoration: none;
	}

	div.ms_panel_bot_right ul li a:hover {
		color: #00f;
		text-decoration: underline;
	}`

	div.ms_panel_bot_right ul li a:link {
		color: #000;
		text-decoration: none;
	}

	div.ms_panel_bot_right ul li a:visited {
		color: #000;
		text-decoration: none;
	}

	div.ms_panel_bot_right ul li a:active {
		color: #00f;
		text-decoration: underline;
	}

	div.ms_panel_bot_right ul li a span {

	}

	div.ms_panel_bot_right ul li a:hover span {

	}

	/* OFFER BOX - Uses menu panel styles, but inserts white bg */

	div.ms_panel div.offerbox {
	/* alternating stripe tricky for double line lists */
		background: #fff url('../skin/whitepixel.gif');
		/* border: 0px solid transparent; */ /* IE 7 hack to display bgcolor */
		border-bottom: 1px solid #fff;
	}
	div.ms_panel div.offerbox:after {
		content: ""; display: block; clear: both; height: 0; visibility: hidden;
	}
	div.ms_panel div.offerbox h4 a {
		text-decoration: none;
		color: #f90;
	}

	div.ms_panel div.offerbox h4 a:hover {
		text-decoration: underline;
	}

	div.ms_panel div.offerbox p {
		color: #000;
	}

/* MS MAINPAGE PANELS GREY BORDER (ms_mainpagepanel)

	 _______________________________
	|1 ___________________________  |
	| |  _______________________ 2| |
	| | |  ___________________  | | |
	| | | |__________________4| | | |
	| | |3______________________| | |
	| |___________________________| |
	|_______________________________|

*/

	/* WHITE PANEL */

div.ms_mainpagepanel {
	/* background: url("../skin/panel_bg.gif"); */
	/* background-color: #ccc; */
	/* border: 1px solid red; */ /* FF3 shows margin on top */
	width: 98%;
	margin: .2em auto;
	clear: both;
}

div.ms_mainpagepanel div.ms_mainpagepanel_top_left {
	background: #fff url("../skin/ms_mainpagepanel_top_left_long.gif") no-repeat left top;
	display: block;
	width: 100%;
	float: left;
}

div.ms_mainpagepanel div.ms_mainpagepanel_top_left div.ms_mainpagepanel_top_right {
	background: transparent url("../skin/ms_mainpagepanel_top_right_short.gif") no-repeat right top;
	display: block;
	float: right;
	width: 100%;
	margin: 0 0 0 0; /* allow for parent element */
}

div.ms_mainpagepanel div.ms_mainpagepanel_top_left div.ms_mainpagepanel_top_right  div.ms_mainpagepanel_bot_left {
	background: transparent url("../skin/ms_mainpagepanel_bot_left_long.gif") no-repeat left bottom;
	display: block;
	float: left;
	width: 100%;
}

div.ms_mainpagepanel div.ms_mainpagepanel_top_left div.ms_mainpagepanel_top_right  div.ms_mainpagepanel_bot_left div.ms_mainpagepanel_bot_right {
	background: transparent url("../skin/ms_mainpagepanel_bot_right_short.gif") no-repeat right bottom;
	display: block;
	float: right;
	width: 100%;
}

div.ms_mainpagepanel div.ms_mainpagepanel_top_left div.ms_mainpagepanel_top_right  div.ms_mainpagepanel_bot_left div.ms_mainpagepanel_bot_right div.ms_mpp_content {
	font-size: 10pt;
	margin: .5em;
}

div.ms_mainpagepanel_bot_right td {
	font-size: .8em;
}



		/* box inner content */
		div.ms_mpp_content img {
			display: inline;
			vertical-align: top;
			margin: 2px 4px 2px 2px;
			float: left;
			border: 1px solid #ccc;
		}

		div.ms_mpp_content h3 {
			text-transform: uppercase;
			font-size: .8em;
			color: #000;
			text-align: left;
			margin: 0;
			/* padding: .1em .5em; */
			/*
			margin-top: .5em;
			margin-left: .0em;
			margin-bottom: .4em;
			*/
			/* padding: .5em; */
		}

		div.ms_mpp_content h3 a {
			color: #000;
			text-decoration: none;
		}

		div.ms_mpp_content h3 a:hover {
			text-decoration: underline;
		}

		div.ms_mpp_content p {
			color: #000;
			margin: .2em .8em .2em .8em;
			/* font-size: .8em; */
		}

		p span.current_price {
			color: #009;
			font-weight: bold;
			display: block;
			margin: 0em 0;
			font-family: verdana;
		}

		span.productsPrice{
			color: #009;
			font-weight: bold;
			display: block;
			margin: 0em 0;
		}

		span.productSpecialPrice {
			color: #009;
			font-weight: bold;
			display: block;
			margin: 0em 0;
		}

		p span.old_price {
			color: #f00;
			font-weight: normal;
			/* font-size: 1.4pt !important; */
			text-decoration: line-through;
			display: block;
			margin: .4em 0;
			padding: .2em;
		}
		// force fontsize for IE / Chrome (caused by broken para!)

/* navblock buttons

	   sliding window css
	 _______________________
	|a ___________________  |
	| |_______________span| |
	|_______________________|

*/

#navblock {
	/* margin: 0 0 0 auto; */
	width: 39.5em;
	padding: 0 0 10px 0;
	float: right;
}

#navblock ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navblock ul li {
/* padding: 0 .2em 0 .2em; */
	margin: 0;
	padding: 0;
	/* IE issues */
	display: inline;
}

#navblock ul li a {
	/* */
	display:block;
	float: right;
	background: transparent url("../skin/bluebutton_rightedge_short.gif") no-repeat right top;
	/* padding: 0 .2em 0 .2em; */
	margin: 0 .4em .4em 0;
	padding: 0 0.8em 0 0;
	/* */
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	color: #fff;
}

#navblock ul li a span {
	display:block;
	background: transparent url("../skin/bluebutton_leftedge_long.gif") no-repeat left top;
	padding: .7em 0.8em 1em 1.6em;
	/* margin: 0 .4em 0 .4em; */

}

#navblock ul li a:hover {
	background-position: right -41px;
	text-decoration: underline;
}

#navblock ul li a:hover span{
	background-position: left -41px;
}

form { margin: 0; }
form input { margin: 0; }

/* inline button orange

	   sliding window css
	 _______________________
	|a __________________   |
	| |_______________span| |
	|_______________________|

	a: parent block element has short edge right
	span: child block element has long edge left

*/

div.button-right {
	padding: .2em .0em 0 0;
	float: right;
	clear: both;
}

div.button-right-inline {
	padding: .2em .4em 0 0;
	float: right;
}

div.product_image div.button-center-inline {
	padding: .2em 1em 0 1em;
}


a.inline-button-orange, a.inline-button-orange:visited, a.inline-button-orange:active, a.inline-button-orange:link {
	display:block;
	float: left;
	background: transparent url("../skin/inline-button-orange_rightedge_short.gif") no-repeat right top;
	text-decoration: none;
	text-transform: uppercase;
	margin: .0em;
	padding: 0 3px 0 0;
	/* */
	color: #fff;
	font-size: 7pt;
	line-height: 1.4em;
	font-weight: bold;
}

a.inline-button-orange span {
	display:block;
	float: left;
	background: transparent url("../skin/inline-button-orange_leftedge_long.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: .5em .6em .7em 1em;
}

a.inline-button-orange:hover {
	background-position: right -50px;
}

a.inline-button-orange:hover span {
	background-position: left -50px;
}

a.inline-button-orange span.click-arrow {
	display:block;
	float: left;
	background: transparent url("../skin/inline-button-orange_icon_click-arrow.gif") no-repeat left top;
}

a.inline-button-orange:hover span.click-arrow {
	background-position: 0 -49px;
}


/*	Pagegrid (replaces table displays)
	1 containing div constrains width
	proportional stretch
	a clear on rightmost or firstmost div
	 __________________________
	|        |        |        |
	|________|________|________|
	|        |        |        |
	|________|________|________|
	|        |        |        |
	|________|________|________|
*/

div.grid {
	
}

div.gridcell {
	float:left;
	text-align:center;
}

div.gridcell-br {
	float:left;
	clear:both;
	text-align:center;
}

div.grid h4 {
	font-size: 1em;
	line-height: 1.2em;
	text-align: center;
	margin: 12px 12px 2px 12px;
	padding: 0;
}

div.grid h4 a {
	color: #00a;
	text-decoration: none;
}

div.grid h4 a:hover {
	color: #00a;
	text-decoration: underline;
}

div.grid a img {
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
}

div.grid p {
	/* line-height: .2em; */
	text-align: center;
	margin: 0;
	padding: 0;
}

div.grid p span {

}

div.grid p span.current_price {

}

/* pricetable: for displaying tot up of price */
div.detailblock {
	background: #eee;
	border: 1px solid #f90;
}

div.detailblock p a {
	color: #f90;
}

div.detailblock-open {
	background: #eee;
	border: 1px solid #00a;
	border-bottom: 1px solid transparent;
}

div.detailblock-close {
	background: #eee;
	border: 1px solid #00a;
	border-top: 1px solid transparent;
}

div.pricetable_pre {
	margin: 0 1.2em 0 1.2em;
	padding: 0 .5em 0 .5em;
	border-bottom: 1px solid black;
	text-align: right;
}

div.pricetable_post {
	margin: 0 1.2em .4em 1.2em;
	padding: 0 .5em .5em .5em;
	font-weight: bold;
	text-align: right;
}

/* login page: 2 column needed
	 _________ _________
	|         |         |
	|         |         |
	|         |         |
	|_________|_________|
*/

div.pageblock {
	/* border: 1px solid red; */
	margin: .4em;
	padding: .4em;
}

div.pageblock div {
	border-top: 1px solid #ccc;
}

/* can't work it out boyo - but these classes are getting dropped altogether on FF3 */


div.two_col {
	width: 70%;
	float:left;
}


hr.line {
	size: 1px;
	color: #ccc;
	width: 90%;
}

span.note {
	font-size: 7pt;
	color: #900;
	display: block;
	padding: 4px;
	/* background: #fee;
	border: 1px solid #900; */
}

/* price declared elsewhere */

/* product options */
body.iframe {
	margin:0;
	padding: 0;
}

div.detailblock-open h5 {
	text-align: center;
	color: #00a;
}

div.product_options {
	padding: 0 1.2em;
	border-bottom: 1px dashed #999;

}
div.product_option table td {
	padding: .4em .4em;
}

div.detailblock p.paddit {
	padding: 0 1.2em;
}

div.product_option p.option_heading {
	/* border-bottom: 1px solid #999; */
	font-size: bigger;
	color: #00a;
	font-weight: bold;
}


div.break {
	margin: 2px;
	clear:both;
	width: 100%;
	border: 1px solid #fff;
}

/* content */

div.contentblock {
	padding: .5em;
}

div.contentblock p {
	/* color: #fff; */
	text-align: center;
	padding-bottom: .6em;
}

/* buttons styles */

#button {
	clear:both;
	margin:0px auto .5em auto;
}

/* not a sliding window: needs transparent bg, size fixed */
#button #button_leftedge {
	float:left;
	background:url("../skin/bluebutton_leftedge.gif") no-repeat left top;
	width: 16px;
	height: 41px;
}

#button #button_rightedge {
	float:left;
	background:url("../skin/bluebutton_rightedge.gif") no-repeat right top;
	height: 41px;
	padding: .5em 1em .1em .2em;
}

#button #button_rightedge p a {
	color: #fff;
	font-weight: bold;
}

#button #button_rightedge p a:hover {
	color: #fc6;
	font-weight: bold;
}

img.but_ico {
	margin: 0 .2em 0 0;
	padding: .1em .3em;
	vertical-align: middle;

}

#banner #site_logo {
	float:left;
	margin: 22px 0px 0px 32px;
	padding: 0px;
}

#banner #banner_text {
	float:right;
	margin: 16px 16px 0px 0px; /* bot, left don't apply to floats in IE */
	padding: 0px;
	/* width: 50%; */
	text-align: right;
}

#banner #banner_text #shoppingcart {
	float:left;
	/* border: 1px solid green; */
}

#banner_text #shoppingcart a {
	color: #ff6;
}

#banner #banner_text #currencychooser {
	float:left;
	margin: 0 0 0 4px;
	/* border: 1px solid pink; */
}

#banner_text p {
	font-size: .8em;
	font-weight: normal;
	color: #fff;
	font-family: verdana, helvetica, arial, sans-serif;
	padding: 0;
	margin: 0;
	clear: both;
}



#banner form {

}

#banner input {

}
#banner select {
	border-top-color:#002A4F;
	border-right-color:#81B5CF;
	border-bottom-color:#81B5CF;
	border-left-color:#002A4F;
	border-width: thin;
	/* border-style: inset; */
	font-size: .6em;
}

#banner option {
	margin: 1px;
	padding: 1px 0 1px 24px;
}

#banner option.gbp {
	background: #fff url('../skin/flag_uk.gif') no-repeat;
}

#banner option.eur {
	background: #fff url('../skin/flag_eu.gif') no-repeat;
}

#banner option.usd {
	background: #fff url('../skin/flag_us.gif') no-repeat;
}

.clr {
	clear:both;
}


/* default selector styles */

body {
	font-family: verdana, helvetica, arial, sans-serif;
	background-image: url('../skin/background_tile_grey.gif');
	/*
	color: #666666;

	background-color: #fff;
	background-attachment: fixed;
	*/
	text-align:center;
}
body.iframe {
	background: #fff;
}

p {
	font-family: verdana, helvetica, arial, sans-serif;
	/* color: #fff; */
	font-size: 9pt !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: helvetica, arial, sans-serif;
	margin: .8em 0 .2em 0;
	padding: 0;
	color: #00a;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }


td {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: .8em;
	/* font-size: 0.8em; */
}

div {
	font-family: verdana, helvetica, arial, sans-serif;
}

img {

}

img.sidead {
	border: none;
	margin: .4em 0;
}

table {

}

a:link { color:#00c; text-decoration: underline; }
a:visited { color:#00c; text-decoration: underline; }
a:active { color:#00c; text-decoration: underline; }
a:hover { color:#00f; text-decoration: none; }


/**
 * :after for Firefox, Webkit, Presto, IE 8
 * min-height: 0 for IE 7
 * height: 1% for IE 6
 * see: http://uninstallme.com/ejemplos/simple-clearfix/
 */
 html>body .clearfix{height: auto;}
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 1%;}

div.cmscontent {
	font-size: 10pt;
	margin: .4em 0em;
	clear: both;
}

div.cmscontent p {
	font-size: 10pt;
}

div.cmscontent ul {

}

div.cmscontent ul li {
	font-size: 10pt;
}



/* END MOVIESOFT */

/* TROUBLESHOOT CSS */

div.buttonholder {
	/* border: 1px solid silver; */
	/* text-align: center; */
	padding: 5px;
}

a.bluebutton {
	display:block;
	background: transparent url('../skin/bluebutton_rightedge_short.gif') no-repeat scroll top right;
	padding-right: 18px; /* sliding doors padding */
	/* float: left; */
	width: 22em;
	margin: 0 auto;
	/* text param */
	color: #fff;
	font-weight: bold;
	font-size: .8em;
	line-height: 2.2em;
	text-decoration: none;
	text-align:center;
}

a.bluebutton span{
	display:block;
	background: transparent url('../skin/bluebutton_leftedge_long.gif') no-repeat top left;
	padding: 5px 0 5px 18px;
	height: 2.4em;
}

a.bluebutton:hover {
	background-position: bottom right;
	outline: none;
	color: #fff;
}

a.bluebutton:hover span {
	background-position: bottom left;
}

div.intropara {
	clear: both;
	margin: .4em 0;
}

/* END TROUBLESHOOT CSS */

/* START OSCOMMERCE STYLES */

span.inputRequirement {
	font-size: .8em;
	color: #c33;
}

td.main p {
	/* font-size: 10pt; */
}

td.main b {
	color: #000066;
}

.borderme {
	border: 1px solid #ccc;
}

td.inputRequirement {
	color: #c33;
}

table.searchtable {

}

table.searchtable td {
	font-size: .7em;
	vertical-align: top;
}

span.smaller {
	font-size: smaller;
}

p.searchhelp {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: right;
}

td.infoBoxHeading {
	text-align: center;
}

td.infoBoxHeading a {
	color: #00a;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

td.infoBoxHeading a:hover {
	text-decoration: underline;
}

ul.productcat {
	margin: 1em 2em;
	padding: 0;
}

ul.productcat li {
	color: #00a;
}

ul.productcat li a {
	color: #00a;
}

td.pageHeading {
	font-size: 1.3em;
	font-weight: bold;
	color: #00a;
	padding-top: .4em;
}

td.smallText {
	padding: .6em;
	font-size: 10pt;
}

/* SHOPPING BASKET STYLES */

table.productListing {
	margin: .4em;
}

table.productListing td.productListing-heading {
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	background-color: #ccc;
	padding: 5px;
	border-right: 1px solid #fff;
}

div.productsSubTotal {
	margin: 6px 0 0 0;
	padding: 10px;
	border-top: 1px dashed #ccc;
}

div.productsSubTotal p {
	text-align: right;
	font-weight: bold;
	font-size: 12pt;
	color: #000;
}

table.productListingData {

}

table.productListingData td.productListing-desc {
	font-size: 10pt;
	vertical-align: top;
}

#filterlist {
	float: right;
}

#filterlist p {
	font-size: .8em;
}



/* END OSCOMMERCE STYLES */