/**************************************************
 *  GLOBAL
 **************************************************/

body {
	text-align: center;
	padding:0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#5e5e5e;
}

p { margin: 0px;  }
form {margin: 0px; }
img {border: 0px; margin:0px;}
img.center{
	margin-left:auto;
	margin-right:auto;
}
div { margin: 0px; padding: 0px;}
input,button {
	font-size:11px;
	border: 1px solid #0f2c4c;
    color:#30507A;
}
button{
	font-size:11px;
	background-color:#0f2c4c;
	border: 1px solid #0f2c4c;
	color:#ffffff;
	font-weight:bold;
}
input.button{
	font-size:11px;
	background-color:#0f2c4c;
	border: 1px solid #0f2c4c;
	color:#ffffff;
	font-weight:bold;
}
input.checkbox{
	border:0px;
	vertical-align:middle;
}
select{
    font-size:11px;
    color:#0f2c4c;
}
textarea{
	font-size:11px;
    border: 1px solid #0f2c4c;
    color:#30507A;
}
h1{
	margin:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color:#ffa701;
}
h1 span{
	color:#32668e;
}

div#outterbox{
	position: relative;
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

a{
	color:#316690;
}

/**************************************************
 *  TOP
 **************************************************/
div#top{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:26px;
	padding:10px 0 0 0;
	text-align:right;
}
	div#top a{
		font-size:10px;
		color:#6d6d6d;
	}

/**************************************************
 *  HEADER
 **************************************************/
div#header{
	position:absolute;
	left:0px;
	top:37px;
	width:100%;
	height:85px;
	margin:0 0 3px 0;
	background:url(../images/header_bgd.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
}
	div#header div.logo{
		float:left;
		width:120px; /* 130px total */
		padding: 0px 0px 0px 10px;
		background:url(../images/header_left.jpg);
		background-repeat:no-repeat;
	}
	div#header b{ /* SLOGAN */
		float:left;
		width:245px; /* 250px total */
		margin:30px 0 0 5px;
		color:#a7b9c7;
		font-size:10px;
		text-transform: uppercase;
	}
	div#header div.right{
		float:left;
		width:530px; /* 533px total */
		height:65px; /* 85px total */
		padding:10px;
		background:url(../images/header_right.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		text-align:right;
	}
		div#header div.right a{
			display:block;
			float:right;
			padding:5px 0 5px 10px;
			margin:0 0 0 10px;
			background:url(../images/bullet_arrow_orange.gif);
			background-repeat:no-repeat;
			background-position:2px 9px;
			font-size:11px;
			color:#ffffff;
			text-decoration:none;
		}
		div#header div.right div.contact{
			float:left;
			width:530px;
			height:40px;
			color:#fd7800;
			font-size:12px;
			font-weight:bold;
		}
			div#header div.right div.contact a{
				display:inline;
				float:none;
				padding:0;
				margin:0;
				background:none;
				text-decoration:underline;
				color:#ffffff;
			}
/**************************************************
 *  MENU
 **************************************************/
div#menu{
	position:absolute;
	left:0px;
	top:125px;
	width:100%;
	height:43px;
	padding:0 0 3px 0;
	background:url(../images/menu_bgd.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #d1d1d1;
	font-weight:bold;
	font-size:12px;
}
	div#menu a{
		text-decoration:none;
	}
	div#menu_marker{
		float:left;
		width:15px;
		height:43px;
		background:url(../images/menu_left.jpg);
		background-repeat:no-repeat;
		text-align:right;
	}
	a.menu_off{
		float:left;
		height:28px;
		padding:15px 15px 0 15px;
		background:url(../images/menu_separator.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		color:#ffffff;
	}
		a.menu_off:hover{
			background-color:#13365c;
			color:#fea700;
		}

	a.menu_on{
		float:left;
		height:28px;
		padding:15px 15px 0 15px;
		background:url(../images/menu_separator.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		background-color:#13365c;
		color:#fea700;
	}

	div.submenu{
			position:absolute;
			top:168px;
			width:250px;
			margin:0;
			padding:0;
			background:#ffffff;
			border:1px solid #627282;
			color:#306ca6;
			cursor:pointer;
		}
		div.submenu a{
			display:block;
			width:235px; /* 250px total => refers to div.tab_submenu.width*/
			margin:0;
			padding:3px 10px 3px 5px;
			border-bottom:1px solid #627282;
			text-decoration:none;
			color:#306ca6;
		}
			div.submenu a:hover{
				background:#306ca6;
				color:#ffffff;
			}
		div.submenu a.on{
			font-weight:bold;
			width:230px; /* 250px total */
			/*margin:0 0 5px 0;*/
			padding:3px 10px 3px 10px;
			background:url(../images/bullet_arrow_orange.gif);
			background-repeat:no-repeat;
			background-position:2px 7px;
		}
			div.submenu a.on:hover{
				background-color:#306ca6;
				color:#ffffff;
			}

	div#search_form{
		float:right;
		height:33px;
		padding:10px 10px 0 0;
		background:url(../images/menu_right.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		color:#fea700;
	}
/**************************************************
 *  MAIN
 **************************************************/

div#main{
	position:absolute;
	left:0px;
	top:187px;
	width:100%;
}

/**************************************************
 *  COLLEFT
 **************************************************/
div#colleft{
	float:left;
	width:197px;
	margin:0 7px 0 0;
}

/**************************************************
 *  PAGE_TITLE
 **************************************************/
div#page_title{
	float:left;
	width:525px;
	height:35px;
}
	div#page_title a{
		color:#5e5e5e;
		font-size:10px;
	}
div#icons{
	float:left;
	text-align:right;
	width:197px;
	height:35px;
}
	div#icons img{
		vertical-align:top;
		margin:0 0 0 5px;
	}

/**************************************************
 *  COLCENTER
 **************************************************/
div#colcenter{
	float:left;
	width:525px;
	margin:0 4px 0 0;
}
	div.text_box{
		float:left;
		width:256px;
		height:133px;
		/*overflow:auto;*/
		margin:0 5px 5px 0;
	}
	/**************************************************
	 *  PRODUCT BOX
	 **************************************************/

	div.product_box{
		float:left;
		width:256px;
		height:133px;
		margin:0 5px 5px 0;
	}
		div.product_box div.top{
			float:left;
			width:256px;
			height:4px;
			background:url(../images/product_box_top.jpg);
			background-repeat:no-repeat;
		}
		div.product_box div.content{
			float:left;
			width:246px; /*256 total*/
			height:119px; /*125 total*/
			padding:3px 5px;
			background:url(../images/product_box_bgd.jpg);
			background-repeat:repeat-y;
		}
			div.product_box a{
				text-decoration:none;
			}
			div.product_box div.content div.left{
				float:left;
				width:103px; /*105 px total*/
				height:119px;
				margin:0 2px 0 0;
				text-align:center;
			}
				div.product_box div.content div.left table{
					float:left;
					width:100px;
					height:106px;
					text-align:center;
					margin:0;
					padding:0;
				}
					div.product_box div.content div.left table img{
						vertical-align:middle;
					}
				div.product_box div.content div.left a{
					color:#6d6d6d;
					font-size:10px;
					font-weight:bold;
					text-transform: uppercase;
				}
			div.product_box div.content div.brand{
				float:left;
				width:141px;
				height:25px;
			}
			div.product_box div.content h3{
				float:left;
				width:141px;
				height:59px;
				margin:0;
				padding:0;
				font-size:12px;
			}
				div.product_box div.content h3 a{
					color:#5e5e5e;
				}

			div.product_box div.content div.price{
				float:left;
				width:141px;
				height:24px; /*35px total*/
				margin:0;
				padding:10px 0 0 0;
				border-top:1px dotted #c1c1c1;
				font-size:12px;
				color:#fe7a00;
				font-weight:bold;
				font-size:18px;
			}
				div.product_box div.content div.price b{
					color:#5e5e5e;
				}
				div.product_box div.content div.price sup{
					font-size:12px;
				}
				div.product_box div.content div.price img{
					float:right;
				}


		div.product_box div.bottom{
			float:left;
			width:256px;
			height:4px;
			background:url(../images/product_box_bottom.jpg);
			background-repeat:no-repeat;
		}
	/**************************************************
	 *  PRODUCT HORIZONTAL BOX
	 **************************************************/

	div.product_hbox{
		float:left;
		width:511px;
		margin:5px 2px 5px 2px;
	}
		div.product_hbox div.top{
			float:left;
			width:511px;
			height:4px;
			background:url(../images/product_hbox_top.jpg);
			background-repeat:no-repeat;
		}
		div.product_hbox div.content{
			float:left;
			width:501px; /*511 total*/
			padding:3px 5px;
			background:url(../images/product_hbox_bgd.jpg);
			background-repeat:repeat-y;
		}
			div.product_hbox a{
				text-decoration:none;
			}

			div.product_hbox div.content table{
				float:left;
				width:104px;
				height:100px;
				text-align:center;
				margin:0;
				padding:0;
			}
				div.product_hbox div.content table img{
					vertical-align:middle;
				}
			div.product_hbox div.content div.details{
				float:left;
				width:240px;
				border-right:1px solid #6d6d6d;
			}
				div.product_hbox div.content div.details div.brand{
					float:left;
					width:234px;
					height:25px;
				}
				div.product_hbox div.content h3{
					float:left;
					width:234px;
					height: 60px;
					margin:0;
					padding:0;
					font-size:12px;
				}
				div.product_hbox div.content h3 a{
					color:#5e5e5e;
				}

				div.product_hbox div.content div.addcart{
					float:right;
					text-align:right;
					padding:0 10px 0 0;
				}
					div.product_hbox div.content div.addcart input{
						width:20px;
					}
					div.product_hbox div.content div.addcart img{
						vertical-align:middle;
					}
			div.product_hbox div.content div.prices{
				float:left;
				width:141px; /*161px total*/
				padding:0 0 0 10px;
				color:#fe7a00;
				font-weight:bold;
				font-size:16px;
			}
				div.product_hbox div.content div.prices span{
					color:#5e5e5e;
					font-size:14px;
				}
					div.product_hbox div.content div.prices span.stock{
						color:#143b62;
						font-size:12px;
					}
				div.product_hbox div.content div.prices b{
					color:#5e5e5e;
				}
				div.product_hbox div.content div.prices sup{
					font-size:10px;
				}
				div.product_hbox div.content div.prices img{
					/*float:right;*/
					vertical-align:top;
					padding:0 3px 0 0;
				}
				div.product_hbox div.content div.prices table{
					width:auto;
					height:auto;
				}
				div.product_hbox div.content div.prices table td{
					margin:0;
					padding:0;
					text-align:left;
					vertical-align:baseline;
				}

		div.product_hbox div.bottom{
			float:left;
			width:511px;
			height:4px;
			background:url(../images/product_hbox_bottom.jpg);
			background-repeat:no-repeat;
		}
	/**************************************************
	 *  SUBCATEGORIES LIST
	 **************************************************/
	 div.subcat{
	 	float:left;
	 	text-align:center;
	 	font-weight:bold;
	 	width:102px;
	 	height:150px;
	 	margin:0 10px 0 0;
	 }

	 	div.subcat table{
			float:left;
			width:100px;
			height:100px;
			margin:0 0 5px 0;
			padding:0;
			border:1px solid #d1d1d1;
		}
			div.subcat table img{
				vertical-align:middle;
			}
		div.subcat h2{
			color:#5e5e5e;
			font-size:12px;

		}
		div.subcat a{
			text-decoration:none;
			color:#5e5e5e;
		}
	/**************************************************
	 *  PRODUCT NAVIGATION
	 **************************************************/
	 div.navbar{
	 	float:left;
	 	width:100%;
	 	height:26px;
	 	background-color:#123c64;
	 	color:#ffffff;
	 }
	 	div.navbar div.left{
	 		float:left;
	 		height:23px;
	 		background:url(../images/navbar_left.jpg);
	 		background-repeat:no-repeat;
	 		padding:3px 0 0 10px;
	 		font-weight:bold;
	 	}
	 	div.navbar div.right{
	 		float:right;
	 		height:21px;
	 		background:url(../images/navbar_right.jpg);
	 		background-repeat:no-repeat;
	 		background-position:top right;
	 		text-align:right;
	 		padding:5px 10px 0 0;
	 	}
	 	div.navbar div.right img{
	 		padding:0 3px;
	 	}

	 /**************************************************
	 *  PRODUCT TITLE (Product page)
	 **************************************************/
	 div#product_title{
	 	float:left;
	 	width:100%;
	 	margin:0 0 5px 0;
	 }
	 	div#product_title h1{
	 		font-size:16px;
	 	}
	 	div#product_title img{ /*brand name*/
	 		float:right;
	 	}

	 /**************************************************
	 *  PRODUCT INFOS (Product page)
	 **************************************************/
	table#product_image{
		float:left;
		width:205px;
		height:240px;
		text-align:center;
		margin:0;
		padding:0;
		border:1px solid #d1d1d1;
	}
		table#product_image img{
			vertical-align:middle;
		}
		table#product_image a{
			color:#5e5e5e;
			text-decoration:none;
			text-transform: uppercase;
			font-size:10px;
			font-weight:bold;
		}
	div#product_infos{
		float:left;
		width:300px;
		margin:0 5px 0 5px;
	}
		div#product_infos div.top{
			float:left;
			width:300px;
			height:4px;
			background:url(../images/product_infos_top.jpg);
			background-repeat:no-repeat;
		}
		div#product_infos div.content{
			float:left;
			width:290px; /*304px total*/
			height:226px; /*232 total*/
			padding:3px 5px;
			background:url(../images/product_infos_bgd.jpg);
			background-repeat:repeat-y;
		}
			div#product_infos table{
				width:100%;
			}
				div#product_infos table{
					font-weight:bold;
					font-size:14px;
				}
				div#product_infos table input{
					width:20px;
				}
				div#product_infos table img{
					vertical-align:middle;
				}
				div#product_infos table td{
					white-space:nowrap;
				}

				div#product_infos table span{
					color:#fe7a00;
					font-size:14px;
				}
				div#product_infos table b{
					color:#5e5e5e;
				}
				div#product_infos table sup{
					color:#fe7a00;
					font-size:12px;
				}
		div#product_infos div.bottom{
			float:left;
			width:304px;
			height:4px;
			background:url(../images/product_infos_bottom.jpg);
			background-repeat:no-repeat;
		}
	/**
	* PRODUCT TABS
	**/
	table#product_tabs{
		float:left;
		clear:both;
		margin:10px 0 0 0;
		width:402px;
	}
		table#product_tabs tr{
			height:29px;
		}
		table#product_tabs td{
			width:134px;
			padding:1px 0 0 0;
		}
		table#product_tabs td.tab_on{
			width:134px;
			/*margin:0 10px 0 0;*/
			text-align:center;
			color:#ffffff;
			font-weight:bold;
			background:url(../images/tab_on.jpg) no-repeat;
		}
		table#product_tabs td.tab_off{
			width:135px;
			text-align:center;
			color:#5f5f5f;
			font-weight:bold;
			background:url(../images/tab_off.jpg) no-repeat;
			cursor:pointer;
		}
		table#product_tabs td.disabled{
			width:135px;
			text-align:center;
			color:#9b9b9b;
			font-weight:bold;
			background:url(../images/tab_off.jpg) no-repeat;
		}
	div.tab_content{
		float:left;
		width:497px;
		padding:10px;
		border:1px solid #d1d1d1;
	}
	/**
	* PRODUCT ACCESSORIES
	**/
	table#accessories{
		float:left;
		width:497px;
	}
	table#accessories td{
		padding:2px 0 2px 0;
		vertical-align:middle;
		border-bottom:1px dotted #5e5e5e;
	}
	table#accessories td h3{
		margin:0;
		padding:0 0 5px 0;
		font-size:12px;
	}
	table#accessories h3 a{
		color:#5e5e5e;
	}
	table#accessories td.price{
		padding:0 0 0 10px;
		font-size:14px;
		color:#fe7a00;
		font-weight:bold;
		text-align:right;
	}
		table#accessories td.price b{
			color:#5e5e5e;
		}
		table#accessories td.price sup{
			font-size:10px;
		}
	/**
	* PRODUCT ACCESSORIES
	**/
	div.attachments{
		float:left;
		width:497px;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom:1px dotted #5e5e5e;
	}
		div.attachments h3{
			margin:0;
			padding:0 0 5px 0;
			font-size:12px;
		}
		div.attachments a{
			text-decoration:none;
		}
		div.attachments img{
			vertical-align:middle;
		}


/**************************************************
 *  COLRIGHT
 **************************************************/
div#colright{
	float:left;
	width:197px;
}
	div#colright img.banner{
		margin:0 0 10px 0;
	}
	div#your_cart{
		width:137px; /*197px total*/
		height:68px; /*78px total*/
		margin:0 0 10px 0;
		padding:10px 0 0 60px;
		background:url(../images/button_your_cart.jpg);
		color:#ffffff;
		font-weight:bold;
		cursor:pointer;
	}
		div#your_cart h2{
			margin:0;
			padding:0 0 5px 0;
			text-transform: uppercase;
			color:#306790;
			font-size:17px;
		}


/**************************************************
 *  FOOTER
 **************************************************/
div#footer{
	float:left;
	clear:both;
	width:100%;
	margin:15px 0 0 0;
	padding:25px 0 20px 0;
	border-top:5px solid #d1d1d1;
}
	div#footer div.icons{
		float:left;
		width:204px;
		border-right:1px solid #c2c2c2;
		text-align:center;
	}

	div#footer a{
		color:#5e5e5e;
	}

	div#footer div.links{
		float:left;
		width:705px;
		margin:0 0 0 20px;
	}


/**************************************************
 *  VERTICAL_BOX
 **************************************************/
div.vertical_box{
		float:left;
		width:197px;
		margin:0 0 10px 0;
	}
	div.vertical_box div.top{
		float:left;
		width:197px;
		height:5px;
		background:url(../images/box_left_top.jpg);
		background-repeat:no-repeat;
	}
	div.vertical_box div.bottom{
		float:left;
		width:197px;
		height:4px;
		background:url(../images/box_left_bottom.jpg);
		background-repeat:no-repeat;
	}
	div.vertical_box div.content{
		float:left;
		width:177px;
		background:url(../images/box_left_bgd.jpg);
		background-repeat:repeat-y;
		padding:10px;
	}
		div.vertical_box h1{
			float:left;
			width:177px;
			padding:0 0 10px 0;
			margin:0 0 10px 0;
			background: url(../images/box_title_border.jpg);
			background-repeat:repeat-x;
			background-position: bottom left;
		}

		div.vertical_box a{
			display:block;
			float:left;
			width:162px; /* 177px total */
			/*margin:0 0 5px 0;*/
			padding:5px 0 5px 10px;
			background:url(../images/bullet_arrow_orange.gif);
			background-repeat:no-repeat;
			background-position:2px 9px;
			border-bottom:1px dotted #cdcdcd;
			font-size:11px;
			color:#5e5e5e;
			text-decoration:none;
		}
			div.vertical_box a:hover{
				background-color:#31668e;
				color:#ffffff;
			}

			div.vertical_box a.on{
				background-color:#31668e;
				color:#ffffff;
			}
		/* PRODUCT LISTING INSIDE VERTICAL BOX*/
		div.vertical_box div.product{
			float:left;
			width:177px;
			padding:0 0 10px 0;
			margin:0 0 5px 0;
			border-bottom:1px dotted #cdcdcd;
		}
			div.vertical_box div.product b{

			}
			div.vertical_box div.product a{
				float:none;
				display:inline;
				margin:0;
				padding:0;
				background:none;
				border:0;
				color:#5e5e5e;
			}
				div.vertical_box div.product a:hover{
					background:none;
					color:#5e5e5e;
				}
			div.vertical_box div.product a.brand{
				text-decoration:underline;
			}

			div.vertical_box div.product div.price{
				float:left;
				width:177px;
				margin:0;
				padding:10px 0 0 0;
				font-size:14px;
				color:#fe7a00;
				font-weight:bold;
			}
				div.vertical_box div.product div.price b{
					color:#5e5e5e;
				}
				div.vertical_box div.product div.price sup{
					font-size:10px;
				}
				div.vertical_box div.product div.price img{
					vertical-align:top;
					margin:0 3px 0 0;
				}
				div.vertical_box div.product div.price a.details{
					display:block;
					float:right;
					width:35px;
					padding:0 0 0 20px;
					margin:7px 0 0 0;
					border-left:1px solid #6d6d6d;
					background:url(../images/bullet_magnify.jpg);
					background-repeat:no-repeat;
					background-position:5px -2px;
				}
/**************************************************
 *  HORIZONTAL BOX (hbox)
 **************************************************/
div.hbox{
		float:left;
		width:511px;
		margin:5px 2px 5px 2px;
	}
		div.hbox div.top{
			float:left;
			width:511px;
			height:4px;
			background:url(../images/product_hbox_top.jpg);
			background-repeat:no-repeat;
		}
		div.hbox div.content{
			float:left;
			width:501px; /*511 total*/
			padding:3px 5px;
			background:url(../images/product_hbox_bgd.jpg);
			background-repeat:repeat-y;
		}
		div.hbox div.bottom{
			float:left;
			width:511px;
			height:4px;
			background:url(../images/product_hbox_bottom.jpg);
			background-repeat:no-repeat;
		}

/**
* CART VALIDATE
**/
div#cart_validate{
	position:absolute;
	left:630px;
	top:220px;
	width:235px;
	height:80px;
	padding:10px 30px 10px 10px;
	background:url(../images/cart_validate.gif) no-repeat;
	color:#ffffff;
}
	div#cart_validate a{
		display:block;
		float:right;
		padding:0 0 0 10px;
		color:#ffffff;
	}
	div#cart_validate h3{
		margin:0 0 10px 0;
		font-size:12px;
		font-weight:bold;
	}