/*************************************************************************
' Function : CSS defintions for the store.
'**************************************************************************/




/* START Categorie navigation */
ul.categories,
ul.categories ul {
	width: 177px;
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

ul.categories li,
ul.categories ul li {
	list-style-type: none;
	list-style-image: none;
	width: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

ul.categories li a,
ul.categories ul li a,
ul.categories li span,
a.cat-link {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	padding: 2px 5px 2px 14px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

ul.categories li a { background-color: transparent; }
ul.categories li ul li a { padding-left: 28px; background-color: #ffffff; }

ul.categories li a:hover,
a.cat-link:hover {
	background-color: #EAEAEA;
}

ul.categories li.selected a,
ul.categories li.selected ul li.selected a { font-weight: bold; }

ul.categories li.selected ul li a {
	padding-left: 24px;
	font-weight: normal;
}

ul.categories li.selected ul li.selected a { background: #ffffff url(/slidemenu/styles/pro_1/childselected.gif) no-repeat 12px center; }

ul.categories li span { padding-left: 24px; font-weight: bold; background-color: #f3f3f3; color: #000000; }
/* END Category navigation */












/* General Tag specifications */
BODY, B, TD, P, textarea     {font-family: 'Tahoma', Arial, Helvetica, sans-serif; font-size: 12px; }

a:link {color: #000000; font-family: 'Tahoma', Arial, Helvetica, sans-serif;}

a:visited {color: #000000; font-family: 'Tahoma', Arial, Helvetica, sans-serif;}

a:hover {color: #000000; font-family: 'Tahoma', Arial, Helvetica, sans-serif;}

a:active {color: #000000;  font-family: 'Tahoma', Arial, Helvetica, sans-serif;}

.TSheader           {
	font-family:  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	FONT-SIZE: 12px;
}
.TSheader A:link   {
	COLOR: #003333;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding: 1px;
}

.TSheader A:visited {COLOR: #003333;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding: 1px;
	}
.TSheader A:hover   {
	/*COLOR: #003333;*/
	/*FONT-SIZE: 12px;*/
	/*background-color: #CCCCCC ;*/
	/*border: 1px solid #666666;*/
	/*TEXT-DECORATION: none;*/
	/*font-weight: bold;*/
	/*margin: auto;*/
	/*padding: 1px;*/
}

/* Info Box WITHOUT Headings */
.CPbox1            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {/*COLOR: #999999; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline;*/}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	
}
.CPbox2H           {
	BACKGROUND-COLOR: #;
	PADDING: 0px 1px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	width: 200px;
	height: 20px;
}
.CPbox2B           {COLOR: #1C2F8D;
	 font-family: Verdana, Arial, Helvetica, sans-serif
	
}
.CPbox2B A:link    {COLOR: #003333; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #003333; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:hover   {
	
	/*FONT-SIZE: 11px;*/
	
}
.CPbox2Bn           {
	COLOR: #1C2F8D;
	BACKGROUND-COLOR: #F4F4F4;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	margin-right: 3px;
}
.CPbox2o           {
	COLOR: #333333;
	BACKGROUND-COLOR: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
}

.CPbox2o A:link    {COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2o A:visited {COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2o A:hover   {
	/*COLOR: #366oaa;*/
	/*FONT-SIZE: 11px;*/
	
}

/* Box - Page Headings */
.CPpageHead a:link {color: #8DD2EF; font-weight: bold; font-size: 11px; text-decoration: none;}
.CPpageHead a:visited {color: #8DD2EF; font-weight: bold; font-size: 11px; text-decoration: none;}
.CPpageHead a:hover {color: #AADEEF; font-weight: bold; font-size: 11px; text-decoration: underline;}
.CPpageHead a:active {color: #8DD2EF; font-weight: bold; font-size: 11px; text-decoration: none;}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #C8E4FF}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {
	font-size: 15px;
	color: #000000;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;	
	font-weight: bold;	
}

/* Product Short Description (Detail page only) */
.CPprodDescDet {
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;	
	font-weight: bold;	
	width: 100%;
}

/* Product Long Description */
.CPprodDescLong {
	font-size: 11px;
	color: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {
	color: #000000;
}

/* Product Price - Text Label */
.CPprodPriceT {
	font-size: 14px;
	color: #930000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

/* Product Price - Price Value */
.CPprodPriceV {
	font-size: 14px;
	color: #930000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

/* Product List Price - Text Label */
.CPprodLPriceT {
	font-size: 12px;
	color: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

/* Product List Price - Price Value */
.CPprodLPriceV {
	TEXT-DECORATION: line-through;
	font-size: 12px;
	color: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-weight: bold;		
}

/* Product Sale Price - Text Label */
.CPprodSPriceT {
	font-size: 12px;
	color: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

/* Product Sale Price - Price Value */
.CPprodSPriceV {
	font-size: 12px;
	color: #000000;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ADDED - Version 2.3 */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {/*COLOR: #996666; TEXT-DECORATION: underline*/}

/* System Messages */
.CPsysMsg    {
	FONT-SIZE: 10pt;
	padding-left: 10px;	
	}

.CPsysMsgErr {
	COLOR: red; 
	FONT-SIZE: 10pt;
	padding-left: 10px;	
	}
	
.CPsysMsgURL {
	FONT-SIZE: 10pt;
	padding-left: 10px;	
	}

/* ADDED - Version 2.4 */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}
.CPbox2w {
	BACKGROUND-COLOR: #FFFFFF;
	border-top: 0px solid #BBC3D3;
	border-right: 1px solid #BBC3D3;
	border-bottom: 1px solid #BBC3D3;
	border-left: 1px solid #BBC3D3;
	background-image: url(../images/bg_skypemenu.jpg);
}
.CPbox2Bs {COLOR:  #000033;
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
}
.CPbox2Bs A:link {
COLOR: #000033; FONT-SIZE: 10px; TEXT-DECORATION: none
}
.CPbox2Bs A:visited {
COLOR:  #000033;  FONT-SIZE: 10px; TEXT-DECORATION: none
}
.CPbox2Bs A:hover {
	/*COLOR: #366oaa;*/
	/*FONT-SIZE: 10px;*/
	/*font-weight: bold;*/
}
.CPbox2Bl {
COLOR: #1C2F8D;
	BACKGROUND-COLOR: #F4F4F4;
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
}
.CPbox2Bl A:link {
COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.CPbox2Bl A:visited {
COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.CPbox2Bl A:hover {

	/*COLOR: #366oaa;*/
	/*FONT-SIZE: 11px;*/
	/*font-weight: bold;*/
}
.CPbox2i {

	BACKGROUND-COLOR: #F5F5F5;
	border-top: 0px solid #BBC3D3;
	border-right: 1px solid #BBC3D3;
	border-bottom: 0px solid #BBC3D3;
	border-left: 1px solid #BBC3D3;
}
.droplist {
	background-color: #f4f4f4;
	width: 150px;
}

.style5 {
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
	color: #435073;
}
.style6 {color: #FB3A1B}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F1F1F1;
}
.style1 a:link {
}.style1 a:hover {
	/*color: #CCCCCC;*/
}
.w1{ width:18px;} 
.style10 { font-family: Verdana, Arial, Helvetica, sans-serif}
.style11 {s
	font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
}
html, body {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

img {
	border: 0;
}

input.search {
	padding: 0;
	margin: 0 0 0 10px;
	border: 0;
}

input.searchButton {
	padding: 0;
	margin: 0 0 0 10px;
	border: 0;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	height: 18px;
}

/* --- PAGE STRUCTURE --- */
div#pageContainer {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 300px;
	background: url(../../images/header_bg_puzzleplaza.jpg) no-repeat 0 0;
	/*background-color:#333333;*/
}

div#pageTopMenu {
	padding: 0;
	margin: 0;
	float: right;
}

div#pageContentContainer {
	padding: 0;
	margin: 0;
}

/* main tags */

ul li {
	list-style-image: url(../../iconLibrary/list_arrow.gif);
	list-style-position: outside;
	background-position: left;
	left: -8px;
	position: relative;
}
ul li li {
	list-style-image:none;
	list-style-position: outside;
	background-position: left;
	left: -8px;
}


/* main design elements */
/* HEADER */
table#template tr.mainheader td {
	background-image: url(../../images/design/header_bg.jpg);	
}
/* TOP MENU */
table#template tr.menubar td {
	background-image:url(../../images/design/topmenu-ext.gif);
	height:26px;
}
table#template tr.menubar a {
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:10px;
	line-height:18px;
}
table#template tr.menubar a:hover {
	/*color:#003399;*/
	/*background-image:url(../../images/design/topmenu-buttonover.gif);*/
	/*background-color:#FFF6DA;*/
}
table#template tr.menubar img {
	vertical-align:middle;
}
table#template tr.menubar td.left {
	text-align:left;
	/*padding-left:8px;*/
}
table#template tr.menubar td.right {
	text-align:right;
}
/* LEFT MENU */

table.leftmenu {
	width:177px;
	padding:0px;
	margin:0px;
	border:0px none;
}
table.leftmenu tr.header td {
	height:26px;
	background-color: #f5f5f5;
	}
table.leftmenu tr.header td.left a{
	width:5px;
	background-image:url(../../images/design/leftmenu-header-left.jpg);
}
table.leftmenu tr.header td.left a:hover{
	/*width:5px;*/
	/*background-image:url(../../images/design/leftmenu-header-left-over.jpg);*/
}

table.leftmenu tr.header td.mid a{
	width: 100%;
	vertical-align:middle;
	background-image:url(../../images/design/leftmenu-header-mid.jpg);
	line-height:20px;
	color:White;
	font-weight:bold;
	font-size:11px;
}
table.leftmenu tr.header td.mid a:hover{
	/*width: 100%;*/
	/*vertical-align:middle;*/
	/*background-image:url(../../images/design/leftmenu-header-mid_over.jpg);*/
	/*line-height:20px;*/
	/*color:White;*/
	/*font-weight:bold;*/
	/*font-size:11px;*/
}

table.leftmenu tr.header td.right a {
	width:5px;
	background-image:url(../../images/design/leftmenu-header-right.jpg);
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
table.leftmenu tr.header td.right a:hover{
	/*width:5px;*/
	/*background-image:url(../../images/design/leftmenu-header-right_over.jpg);*/
	/*border-bottom-color: #CCCCCC;*/
	/*border-bottom-width: 1px;*/
	/*border-bottom-style: dashed;*/
}
table.leftmenu tr.button td, table.leftmenu tr.button td a {
	height:22px;
	line-height:20px;
}
table.leftmenu tr.button td.left {
	width:5px;
	background-image:url(../../images/design/leftmenu-buttonback-left.jpg);
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
table.leftmenu tr.button td.mid, table.leftmenu tr.button td.mid a {
	width:100%;
	font-size:10px;
	color:#003399;
}
table.leftmenu tr.button td.mid {
	background-image:url(../../images/design/leftmenu-buttonback-mid.jpg);
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
table.leftmenu tr.button td.mid a {
	/* no particular style for button link itself */
}
table.leftmenu tr.button td.right {
	width:5px;
	background-image:url(../../images/design/leftmenu-buttonback-right.jpg);	
}
table.leftmenu tr.searchbox td{
	font-size:11px;
	background-color:#FFFFFF;
	height:22px;
	
}

table.leftmenu tr.edge td a {
	font-size:11px;
	background-color:#FFFFFF;
	height:26px;
	
}
table.leftmenu tr.edge td a:hover {
	/*font-size:11px;*/
	/*background-color: #F4F4F4;*/
	/*height:26px;*/
	/*text-decoration:none*/
	
}

table.leftmenu tr.searchbox tr {
width:177px;

	}

.cart {border:1px outset #D1D1AD;}
	
table.cart tr.white tr, table.cart tr.white tr {
background-color:#E0DFE3;
	border:none;}

/* ---
table.leftmenu tr.searchbox td input {
	height:22px;
}
--- */

input#strSearch {
	padding: 2px 2px 2px 2px;
	margin: 0 0 0 opx;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width:140px;
	}

input#submit {
	padding: 0;
	margin: 0 0 0 2px;
	border: 0;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	height: 18px;
	width: 58px;
	cursor: hand;
}

table.leftmenu tr.searchbox td a {
	display:block;
	font-size:11px;
	line-height:14px;
	padding-top:2px;
	padding-bottom:2px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}
table.leftmenu tr.edge td {
	padding:0px;
	margin:0px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}
	

/* CONTENT */
table#template table#content {
	width:100%;
}
table#template table#content td.menucolumn {
	width:177px;
}

/* FOOTER */
table#template tr.mainfooter td {
	height:28px;
	background-image: url(../../images/design/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
table#template tr.mainfooter td.left {
	padding-left:8px;
}
table#template tr.mainfooter td.left a {
	color:#003399;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
table#template tr.mainfooter td.left a:hover {
	/*text-decoration:underline;*/
}
table#template tr.mainfooter td.right {
	color:#003399;	
	text-align:right;
	padding-right:8px;
	font-size:10px;
}


	
table.itemback2 td.topleft {
	background-image: url(../../images/design/box_round_ul.gif);
	width:9px;
	height:9px;
}
table.itemback2 td.top {
	background-image:url(../../images/design/box_round_um.jpg);
	height:9px;
}
table.itemback2 td.topright {
	background-image: url(../../images/design/box_round_ur.gif);
	width:9px;
	height:9px;
}
table.itemback2 td.left {
	background-image:url(../../images/design/box_round_sl.gif);
	width:9px;
}
table.itemback2 td.bottomleft {
	background-image: url(../../images/design/box_round_bl.gif);
	width:9px;
	height:9px;
}
table.itemback2 td.bottom {
	background-image:url(../../images/design/box_round_bm.jpg);
	height:9px;
}
table.itemback2 td.bottomright {
	background-image: url(../../images/design/box_round_br.gif);
	width:9px;
	height:9px;
}
table.itemback2 td.right {
	background-image:url(../../images/design/box_round_sr.gif);
	width:9px;
}
table.itemback2 td.mid {
	background-color:#FFFFFF;
}
.edge {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #E0DFE3;
	border-right-color: #E0DFE3;
	border-bottom-color: #E0DFE3;
	border-left-color: #E0DFE3;
}


/* --- TOPMENU --- */
ul#TopMenu {
	margin: 12px 13px 0 0;
	padding: 0;
	white-space : nowrap;
}

ul#TopMenu li {
	padding: 0;
	margin: 0 7px 0 7px;
	display : inline;
	list-style-type: none;
	list-style-image:none;
}

ul#TopMenu li a {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#TopMenu li a:hover {
	text-decoration: underline;
}

/* --- LEFTMENU --- */
ul.leftMenu {
	margin: 0 0 10px 10px;
	padding: 0;
	white-space: nowrap;
	width: 232px;
	background: url(../../images/left_menu_bottom.jpg) no-repeat bottom left;
}

ul.leftMenu li {
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	list-style-image:none;	
	background: url(../../images/left_menu_bg.jpg) no-repeat 0 0;
	height: 22px;
}

ul.leftMenu li.leftMenuHeader {
	padding: 35px 28px 0 0;
	margin: 0;
	height: 28px;
	background: url(../../images/left_menu_header.gif) no-repeat 0 0;
	list-style-type: none;
	text-align: right;
}

ul.leftMenu li a {
	margin: 0;
	padding: 0 0 0 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;	
}

ul.leftMenu li a:hover {
	text-decoration: underline;
}

/* --- CONTENT TABLE --- */
table.contentTable {
	border: 0px;
	padding: 0;
	margin: 0;
}

table.contentTable tbody tr td.tableLeft {
	padding: 200px 0 0 0;
	margin: 0;
	width: 235px;
	height: 500px;
	vertical-align: top;
}

table.contentTable tbody tr td.tableRight {
	padding: 40px 0 0 45px;
	margin: 0;
	vertical-align: top;
}
#pageFooter {
	display:block;
	padding:6px;
	background-color:#0052b0;
	color:white;
	font-weight:bold;
	font-size:10px;
}
#pageFooter a {
	color:#ffd643;
	text-decoration:none;
}