/* CSS Document */
#page {
	width: 900px;
	text-align: left;
	background-color: #ebebd1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#page2 {
	width: 900px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	overflow: hidden;
	
}
#school {
	width: 900px;
	text-align: left;
	background-color: #000000;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 605px;
}
#school img {
	behavior: url("../iepngfix.htc");

/* FLOAT */
}
#textbox_w {
	padding: 10px;
	margin: 10px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #C1C1C1;
	width: 858px;

/* FLOAT */
}
#textbox_w img {
	float: right;
	padding: 10px;
}
#textbox {
	padding: 10px;
	margin: 10px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #C1C1C1;
	width: 680px;
	text-align:left;

/* FLOAT */
}
#textbox img {
	float: right;
	padding: 10px;
}
#textbox1 {
	padding: 10px;
	margin: 10px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #C1C1C1;
	width: 680px;
	text-align:left;

/* FLOAT */
}
#header {
	width: 900px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	height:68px;
/* FLOAT */
}
#header_menu {
	width: 900px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
/* FLOAT */
}
#name {
	height: 80px;
	float: left;
	width: 450px;
	background-image: url(../upfiles/BESPOKE/mainLogo_04.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#homemain {
	width: 900px;
	text-align: left;
	background-color: #00FFFF;
/* FLOAT */
}
#homeunits {
	width: 900px;
	float: left;
	text-align: left;
/* FLOAT */
}
#homepic {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 320px;
}
#homepic img {
	behavior: url("../iepngfix.htc");
}
#name img {
	margin-top: 3px;
}
#linkmenu li {
	list-style-type: none;
	color: #FFFFFF;
	display: inline;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	margin-right: 20px;
}
#linkmenu a {
	text-decoration: none;
	margin-left: 5px;
	color: #FF0000;
}
#linkmenu a:hover {
	color: #FFFFFF;

/* FLOAT */
}
.clear {
	clear: both;
	float: none;
	height: 1%;
}
#submenu {
	float: left;
	padding: 5px;
	width: 145px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#submenu ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#submenu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #919177;
	text-indent: 8px;
	text-decoration: none;
	margin-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	background-image: url("../images/list_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 6px;

/* FLOAT */
}
#submenu a {
	text-decoration: none;
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#submenu a:hover {
	text-decoration: none;
	color: #cc9933;
}
h1 {
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 36px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2 {
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	margin: 0px;
}
h3 {
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
}
h5 {
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size: 16px;
	margin: 0px;
}
h4 {
	color: #653300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
}
#footer {
	width: 900px;
	text-align: left;
	color: #d9dca5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #000;

/* FLOAT */
}
#name {
	float: left;
	width: 450px;
	height: 60px;
	text-align: left;

/* FLOAT */
}
#linkmenu {
	float: left;
	width: 450px;
	height: 60px;
}
#linkmenu ul {
	text-align: right;
	padding-top: 27px;

/* FLOAT */
}
#main {
	float: left;
}
#footer li {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;*/
	padding-bottom: 2px;
	margin-top: 2px;
	color: #666;
}
#footer h4 {
	color: #a5a58b;
}
#footer h3 {
	color: #a5a58b;

/* FLOAT */
}
#footer ul {
	float: left;
	width: 130px;
}
#breadcrumb {
	padding: 10px;
}
#footer a {
	text-decoration: none;
	color: #a5a58b;
	text-indent: 0px;
}
#footer a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#title {
	padding: 15px;
	text-align: center;
}
#path_menu {
	width: 720px;
	text-align: left;
	overflow: hidden;
	margin-top:9px;
	margin-left:10px;

/* FLOAT */
}#suit {
	width: 720px;
	text-align: center;
	overflow: hidden;

/* FLOAT */
}
#mainmenu li {
	float:left;
	list-style-type: none;
	padding-right: 2px;
	padding-left: 2px;
}
#mainmenu ul {
	margin-top: 20px;

/* FLOAT */
}
#mainmenu {
	background-image: url("../images/mainmenu_bg.gif");
	height: 50px;
	width: 900px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
#content {
	overflow: hidden;
	width: 900px;
}
#mainmenu a {
	text-decoration: none;
	color: #FFFFFF;
}
#mainmenu a:hover {
	font-weight: normal;
	color: #999999;
}
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	height: 100%;
	width: 100%;
	background-image: url(../upfiles/BESPOKE/1637.png);
	line-height: 18px;
	color: #333333;
	scrollbar-arrow-color : #333333;
	scrollbar-3dlight-color : #333333;
	scrollbar-face-color : #DDDDDD;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #333333;
	scrollbar-track-color : #c1c1c1;
	scrollbar-darkshadow-color : #FFFFFF;
}
a:link	{
	color: #653300;
	text-decoration: underline;
}
a:hover {
	color: #996600;
}
a:visited {
	color: #653300;

/* FLOAT */
}
#suit .suitpreview {
	background-color: #FFFFFF;
	float: left;
	width: 145px;
	height: 145px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #c1c1c1;
	text-align: center;
}
#suit .suitpreview a {
	text-decoration: none;
	color: #653300;
	padding: 0px;
	display: block;
	background-color: #d7d7bd;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 135px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#suit .suitpreview a:hover {
	font-weight: normal;
	color: #996600;
}
#suit .suitpreview .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #5a3614;
	padding-bottom: 5px;
}
#suit .suitpreview ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#suit .suitpreview li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#suit .suitpreview .image img {
	/*border: 1px solid #D9DCA5;*/
	margin: 0px;
	padding: 0px;
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	box-shadow: 0 1px 8px #000;
	margin-bottom: 0px;
	
}


/* FLOAT */
#detail {
	width: 670px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #c1c1c1;
	text-align: left;
	margin: 10px;
	padding: 10px;

/* FLOAT */
}
#detail .text {
	float: left;
	width: 300px;

/* FLOAT */
}
#detail .pic {
	width: 330px;
	float: left;
}
#detail .pic .thumbs ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

/* FLOAT */
}
#detail .pic .thumbs li {
	float: left;
}
#detail .pic .thumbs img {
	border: 1px solid #FFFFFF;
}
#detail .pic .main #big {
	border: 1px solid #FFFFFF;
}
.extract {
	/*font-style: italic;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #653300;
}
#pricetablestyle table {
	background-color: #FFFFFF;
	border: 1px solid #C1C1C1;
	width: 430px;
	margin-bottom: 10px;
}
#pricetablestyle td {
	vertical-align:top;
	padding: 10px;
}
#pricetablestyle .trstyle1 p{
	margin: 0px;
}
#pricetablestyle .trstyle2 p{
	margin: 0px;
}
#pricetablestyle .trstyle1 {
	background-color: #FFFFFF;
}
#pricetablestyle .trstyle2 {
	background-color: #f4f4f4;
}








/* FLOAT */
#tablestyle table {
	width: 500px;
	background-color: #FFFFFF;
	margin: 10px;
	float: left;
	border: 1px solid #C1C1C1;
	padding: 0px;
}
/* FLOAT */
#bigpic {
	behavior: url("../iepngfix.htc");
	float: left;
	width: 350px;
}
#tablestyle td {
	vertical-align:top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#tablestyle .trstyle1 p{
	margin: 0px;
}
#tablestyle .trstyle2 p{
	margin: 0px;
}
#tablestyle input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 16px;
	width: 250px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#tablestyle select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 16px;
	width: 250px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#tablestyle select.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 16px;
	width: 59px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#tablestyle select.med {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 16px;
	width: 100px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#tablestyle textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 50px;
	width: 250px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#tablestyle .trstyle1 {
	background-color: #FFFFFF;
}
#tablestyle .trstyle2 {
	background-color: #f4f4f4;
}
#detail .text {
	padding: 10px;

/* FLOAT */
}
#pricepage {
	float: left;
	width: 430px;
	padding: 10px;
}
#width900 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.blkbg {
	background-color: #000;
	/*background-image: url(../upfiles/BESPOKE/DarkMaterialVertical.jpg);*/
}
#home {
	width: 900px;

/* FLOAT */
}
#homelinks {
	width: 580px;
	float: left;
}
#homeflash {
	height: 300px;
	width: 900px;
	background-image: url("../images/logo_internal.gif");
	background-repeat: no-repeat;
	background-position: left 20px;


/* FLOAT */
}
#homelinks ul {
	float: left;
	width: 160px;
	padding: 5px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 150px;
	border: 1px solid #673B16;

/* FLOAT */
}
#homemenu {
	background-color: #0B0100;
	float: left;
	text-align: center;
	float: left;
	width: 540px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#homemenu ul {
	margin: 0px;
	padding: 5px;
	width: 530px;
	height: 20px;
}
#homemenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#homemenu a:hover {
	color: #996600;
}
#homemenu a {
	text-decoration: none;
	color: #5B3300;
}




#homelinks li {
	list-style-type: none;
	color: #5B3300;
}
#homelinks p {
	margin: 0px;
	line-height: 12px;
	color: #FFFFFF;
}
#homelinks h4 {
	color: #996600;
	padding-top: 5px;
}
#tablestyle #reset {
	text-decoration: none;
	color: #653300;
	padding: 0px;
	display: block;
	background-color: #d7d7bd;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 150px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;

/* FLOAT */
}
#tablestyle #submit {
	text-decoration: none;
	color: #653300;
	padding: 0px;
	display: block;
	background-color: #d7d7bd;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 150px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: right;
}
#school #content {
	background-image: url("../images/schoolheader_1.gif");

/* FLOAT */
}
#school #boy {
	width: 255px;
	float: left;
/* FLOAT */
}
#schoolsuit {
	width: 645px;
	text-align: center;
	float: left;
}


/* FLOAT */

#schoolsuit .suitpreview {
	background-color: #333333;
	float: left;
	width: 145px;
	height: 200px;
	padding: 1px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #333333;
	text-align: center;
}
#schoolsuit .suitpreview a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
	display: block;
	background-color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 135px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#schoolsuit .suitpreview a:hover {
	font-weight: normal;
	color: #000000;
}
#schoolsuit .suitpreview .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 5px;
}
#schoolsuit .suitpreview ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#schoolsuit .suitpreview li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#schoolsuit .suitpreview .image img {
	border: 1px solid #333333;
	margin: 0px;
	padding: 0px;

/* FLOAT */
}
#schooldetail {
	width: 600px;
	background-color: #333333;
	float: right;
	border: 1px solid #333333;
	text-align: left;
	margin: 10px;
	padding: 10px;

/* FLOAT */
}
#schooldetail .text {
	float: left;
	width: 270px;
	color: #FFFFFF;
}
#schooldetail .text .extract {
	color: #FFFFFF;
}
#schooldetail .text h2 {
	color: #FFFFFF;
}
/* FLOAT */
#schooldetail .pic {
	width: 330px;
	float: left;
}
#schooldetail .pic .thumbs ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

/* FLOAT */
}
#schooldetail .pic .thumbs li {
	float: left;
}
#schooldetail .pic .thumbs img {
	border: 1px solid #666666;
}
#schooldetail .pic .main #big {
	border: 1px solid #666666;
}
#school #suitmenu {
	width: 170px;
}


/* FLOAT */

#schoolmenu {
	float: left;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

/* FLOAT */
}
#schoolsubmenu {
	float: left;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#schoolsubmenu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660000;
	text-indent: 8px;
	text-decoration: none;
	margin-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	background-image: url("../images/list_arrow2.gif");
	background-repeat: no-repeat;
	background-position: 0px 6px;


/* FLOAT */
}
#schoolsubmenu ul {
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#schoolsubmenu a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#schoolsubmenu a:hover {
	text-decoration: none;
	color: #FF0000;
}
#priceterms p {
	margin-left: 20px;
	margin-right: 20px;
}
#message {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #CCCCCC;
}


.page_nav{ font-size:12px; line-height:30px;}
.page_nav a{ font-size:12px; padding:5px 10px 5px 10px; text-decoration:none; border:1px solid #CCCCCC; background-color:#F5F5F5;}
.page_nav a:hover{  font-size:12px;color:#FF0000; text-decoration:none; background:#FFFFFF; border:1px solid #0000FF;}
.bannervideo{ width:874px; height:190px; margin: 10px 9px 0px 11px;}
.bannervideo .banner{ float:left; width:874px; height:190px; border:1px solid #feffff;}
.container {
	WIDTH: 874px; HEIGHT: 190px; position:relative; z-index:100;
}

.container A IMG {
	WIDTH: 874px; HEIGHT: 190px
}
.bottomnav{ height:36px; line-height:36px; opacity:0.35; filter:Alpha(Opacity=35); background-color:#000; LEFT: 0; FLOAT: left; width:874px; POSITION: absolute; TOP: 154px;  z-index:100;}
.bottomnav .f { position:relative; z-index:100; font:14px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding-left:16px; height:36px; line-height:36px;}
.container IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.td_f A IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
.num {
	LEFT: 740px; FLOAT: right; WIDTH: 90px; POSITION: absolute; TOP: 154px; z-index:999; z-index:100;
}
.num LI {
	FONT-SIZE: 12px; BACKGROUND: url("../images/flashbutton.gif") no-repeat -15px 0px; FLOAT: left; MARGIN: 1px; WIDTH: 15px; CURSOR: pointer; COLOR: #86a2b8; LINE-HEIGHT: 15px; FONT-FAMILY: Arial; LIST-STYLE-TYPE: none; HEIGHT: 15px; TEXT-ALIGN: center
}
.num LI.on {
	BACKGROUND: url("../images/flashbutton.gif") no-repeat; WIDTH: 15px; COLOR: #ffffff; LINE-HEIGHT: 15px; HEIGHT: 15px
}


#product-photos-big {
	border: 1px solid #CCC;
	width:305px;
	}
#product-photos-big IMG {
	border: 0px solid #CCC;
	}	
	
.MagicZoomBigImageCont {
	BORDER-RIGHT: #CCC 1px solid; BORDER-TOP: #CCC 1px solid; BORDER-LEFT: #CCC 1px solid; BORDER-BOTTOM: #CCC 1px solid
}
.MagicZoomHeader {
	DISPLAY: none; FONT: 10px Tahoma, Verdana, Arial, sans-serif; COLOR: #fff; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center! important
}
.MagicZoomPup {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; BACKGROUND: #fff; BORDER-LEFT: #e1e1e1 1px solid; CURSOR: hand; BORDER-BOTTOM: #e1e1e1 1px solid
}
.MagicZoomLoading {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px! important; BORDER-TOP: #ccc 1px solid; DISPLAY: none; PADDING-LEFT: 3px! important; BACKGROUND: #fff; PADDING-BOTTOM: 3px! important; BORDER-LEFT: #ccc 1px solid; COLOR: #444; PADDING-TOP: 3px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; opacity: 0.8
}
.MagicZoomLoading IMG {
	PADDING-TOP: 3px! important
}

.thumbs	{
	margin: 5px 2px 0 0;
	border: 1px solid #CCC;
	}