/* Begin Structure Styles =============================================== */

body {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #212B68;
	font-size: 12px;
	overflow: -moz-scrollbars-vertical;
	background-color: #171f4a;
	
}





#wrapper {
	background-image: url(../images/shadowBg.gif);	/* ie is retarded and can't support png's */
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	width: 820px;


	}



#footer {
	clear: both;
	height: 80px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	text-align: center;
	color:white;
	background: url(../images/footer_back.gif) no-repeat ;
	line-height: 36px;
}



#pagewrapper {
	width: 760px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: justify;
	
}
#header {
	text-align: left;
	width: 760px;
	color: white;
	float: left;

}



#top_basket {
	
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	float: right;
	padding-top: 25px;	
    padding-right:10px;
}

#top_basket ul li {
	display: block;
	list-style-type: none;
	padding: 0 8px 2px 8px;
	margin-left: 5px;
}

#top_basket a {
	text-decoration: none;
	font-weight: bold;
}

#top_basket a:hover {
	text-decoration: underline;
}
.topmenu {
height:133px;
}


#product_nav_container {
	background-image:url(../images/home_flash_bottom.jpg);
	font-weight: bold;
	color: white;
	height: 50px;
	line-height:50px;
	width:759px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	
	
}

#product_nav {
	list-style-type: none;
	float: left;
	font-size:10px;
	padding-left:20px;
}



#product_nav ul li {
	font-size:10px;
	display: inline;
	border-right: 1px solid white;
	padding-right: 3px;
	margin-left: 4px;	
}

#product_nav ul li.last {
	border: 0;
}

#product_nav a {
	text-decoration: none;
	color: white;
}

#product_nav a:hover {
	color: #F19406;
	text-decoration: none;

}





.left_main {
	float:left;
	width:320px;



}



.right_main {

float:left;
width:400px;
text-align:justify;

}

.link_nostyle {
    background: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    text-decoration: none !important;    
}


/* End Structure Styles =============================================== */

#outer_content_container {
	text-align: left;
	float: left;
	width: 760px;
	padding-top: 5px;
}

#content_container {
	width: 760px;
	float: left;
	background-color: #FFFFFF;
	text-align: justify;
}

.main_title {
	margin: 0 0 4px 0;
	padding: 8px 0 0 10px;
	width: 526px;
	float: left;
	background: #01466B;
	height: 32px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 516px;
	height: 24px;
}

.main_content {
	width: 490px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 10px;
	text-align:left;
}

.main_content h1, #main_content h2, #main_content h3, #main_content h3, {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.main_content ul {
	padding-left: 25px;
}

/* Begin Breadcrumb Styles =============================================== */

#breadcrumb {
	margin: 0 0 4px 0;
	padding: 4px 0 0 10px;
	width: 730px;

	border-top: 1px #9D7968 solid;
	border-bottom: 1px #9D7968 solid;
	height: 18px;
	font-size: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
	height: 18px;
	background-color: #CF3600;
	color: #FFFFFF;
}

#breadcrumb ul {
	margin: 0;
}

#breadcrumb ul li {
	display: inline;
	border-right: 1px solid #C2A887;
	padding-right: 4px;
	margin-left: 4px;	
}

#breadcrumb ul li.last {
	border: 0;
	padding: 0;
}

.breadcrumb1 {
	width: 740px;
	float:left;
	text-align:left;
	height: 37px;
	line-height:36px;
	font-size: 15px;
	color: #212B66;
	font-weight:bold;
	background:url(../images/bread_back.jpg);
	padding: 0 0 0 20px;
}


.breadcrumb2 {
	width: 580px;
	float:left;
	text-align:left;
	height: 37px;
	line-height:36px;
	font-size: 14px;
	color: #212B66;
	font-weight:bold;
	background:url(../images/bread_back.jpg);
	padding: 0 0 0 20px;
}

/* End Breadcrumb Styles =============================================== */

/* Begin Left Menu Styles =============================================== */

#left_nav_container {
	width: 250px;
	float: left;
}

.left_title {
	height:25px;
	line-height:25px;
	width: 250px;
	float: left;
	text-align:left;
	text-indent:15px;
	color:white;
	background: #CC6A96;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-weight:bold;
	
}

.left_content {
	width: 215px;
	float: left;
	text-align:left;
	background:#FFFFFF;
}

.left_content ul {

	
}

.left_content ul li {
	list-style: none;


	
}

.left_content ul li a {
	font-weight: normal;
	color: #676f97;
	width: 185px;
	text-align: left;
	display: block;
	font-size: 12px;
	text-decoration: none;
	background: url(../images/arrows.gif) 15px 8px no-repeat;
	padding: 4px 0 4px 30px;
}

.left_content ul li a:hover {
	background:#e1e2ea url(../images/arrows.gif) 15px 8px no-repeat;
	color: #5b638e;
	text-decoration: none;
}

.left_content ul li a:visited {
	text-decoration: none;
	color: #5b638e;
}

.left_content ul li a:active {
	text-decoration: none;
	color: #5b638e;
}







/* End Left Menu Styles =============================================== */

/* Begin Class Styles =============================================== */

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #999999;	
}

.fontyellow {
	color: #F4D836;	
}

.fontpink {
	color: #cc6a96;	
}

.fontblack {
	color: #000000;	
}

.fontred {
	color: #C70912;	
}
.fontorange {
	color: #da870c;	
}

.fontblue {
	color: #01466B;	
}

.border {
	border: 1px solid #7399AD;
}

.borderlight {
	/*border: 1px solid #C2A887;*/
}

.borderright {
	border-right: 1px solid #212B66;
}

.borderleft {
	border-left: 1px dashed #8b8fa4;
}

.borderbottom {
	border-bottom: 1px solid #7399AD;
}

.backgroundlight {
	background-color: #CCD0DC;
	border: solid 1px white;
}

.backgroundmedium {
	background-color: #7399AD;
	border: solid 1px white;
}

.backgrounddark {
	background-color: #C2A887;
}

.backgroundred {
	background-color: #C70912;
}

a:link, a:visited, a:active {
	color:#202c65;
	text-decoration: none;
	
}

a:hover{
	background:#e1e2ea;
	color:black;
	text-decoration: none;

}

a.light:link, a.light:visited, a.light:active {
	color: #C2A887;
}

a.light:hover, a.white {
	color: #BC69A2;
}

a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
	text-decoration:none;	
}

a.white:hover {
background:none;
	color: #FFFFFF;
	text-decoration:underline;	
}


a.dark:link, a.dark:visited, a.dark:active {
	color: #5b638e;
	text-decoration:none;	
}

a.dark:hover {
	background:#e1e2ea;
	color: #5b638e;
	text-decoration:underline;	
}

/* End Class Styles =============================================== */

/** Product List Page Styles Begin ===========================================*/

.productlistrow {
	float: left;
	border: 1px solid #7399AD;
	margin-top: 12px;
	width: 504px;
}

.productlist_home {
	float: left;
	border-bottom: 1px solid #5b7186;
	padding-bottom: 20px;
	width: 490px;
	margin-bottom: 10px;
}

.productlistcolumn1 {
	float: left;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
	width: 115px;
	border-right: 1px #5b7186;
	border-right-style:dashed;
	text-align: left;
}


.productlistcolumn1_last {
	float: left;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	width: 110px;
	border: 0;
}



.productlistcolumn2 {
	float: left;
	padding: 0;
	margin: 10px 5px 0 4px;
	width: 350px;
}

/** Product List Page Styles End ===========================================*/

/* Begin Basket Styles =============================================== */

.baskettop {
	font-weight: bold;
	color: #FFFFFF;
	background: #C2A887;
	padding: 5px;
}
.basketmiddle {
	padding: 3px;	
}
.basketbottom {
	color: #FFFFFF;
	padding: 3px;
	background: #C2A887;
}

/* End Basket Styles =============================================== */

/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	color: #01466B;
	font-weight: bold;
}

fieldset, input, textarea {
	background-color:white;
	color:#2C4074;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

label {
	display: block;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	margin-bottom: 0px;
	width: 100px;
	font-weight: normal;
	font-size: 10px;
}

.input {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #5B7186 solid;
	color: #01466B;
}

.textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #5B7186 solid;
	color: #01466B;
}

/* End Form Styles =============================================== */

/* ian Styles =============================================== */


.products_line {
    width:150px;
    float: left;
    border-top-style: solid;
    border-top-width: 5px;
    border-color:#9E191A;
	padding-bottom:2px;
}


.submit_button {
     float: left;
     width:75px;
	 height:18px;
	line-height:18px;
	 background:#cc6a96;
     margin-top:5px;
     margin-bottom:30px;
     text-align: right;
	 color:white;
	 text-decoration: none;
}


.submit_button link {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#77a2d7;
    text-align: center;
	 color:white;
	 text-decoration: none;
}
.submit_button a {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#cc6a96;
     text-align: center;
	 color:white;
	 text-decoration: none;
}
.submit_button a:hover { 
	text-decoration: none;
 	color:white;
	background:#77a2d7;
	

}
.submit_button a:active {

}



.pinkborderpadding {
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color:#cc6a96;
	padding:5px;
	background-color:white;
	text-align: left;
}
.border {
	
	border-style: solid;
	border-width: 1px;
	border-color:#212B66;
}



.main_content_left {
	float:left;
	width:170px;
	text-align: left;

}




.main_content_right {
	float:left;
	text-align:left;
	width:570px;


}

.main_content_right_left {
	float:left;
	text-align:left;
	width:250px;
	border-right-style:dashed;
	border-right-width:1px;
	padding-left: 30px;
}

.main_content_right_right {
	float:left;
	text-align:left;
	width:220px;
	padding-left: 10px;

}


.flash {
	width:759px;
	height:274px;
	float:left;


}




.hidden
{
	display:none;
}


.popup_back {
	background-image:url(../images/popup-master.jpg);
	padding-top: 80px;
	height:620px;
	width:760px;
	float: left;
	text-align:center;
	
	
}


img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 10px 20px 10px 10px; 
	border-style: solid;
	border-width: 1px;
	border-color:#f19406;
}



img.floatLeftClear { 
    float: left; 
    clear: left; 
     margin: 10px 12px 10px 0px; 
	 border-style: solid;
	border-width: 1px;
	border-color:#f19406;
}

img.floatLeftClear2 { 
    float: left; 
    clear: left; 
     margin: 0px 5px 0px 0px; 

}

#dhtmltooltip{
position: absolute;
width: 350px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.bullet {
	margin: 0;
	padding: 10px 10px 0 5px;
	float: left;
	width: 100%;
}

.bullet ul li {
	list-style-type: none;
	background:url(../images/arrows.gif) no-repeat 0 3px;
	display: block;
	font-size: 12px;
	font-weight:bold;
	padding: 0 5px 10px 12px;
	color: #212B66;
	clear: both;
}

.dynloadarea {
 	width:406px;
 	height:270px;



}


		#homeflash {
		width: 406px;
		height: 270px;
		float: right;
	}


#maintab {
	margin: 0px 0 0 10px;
	padding: 0px;
	width: 200px;
}
#maintab ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#maintab li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}



.tabcontentstyle{ /*style of tab content oontainer*/
	width: 490px;
	float: right;
}

.tabcontent{
	display:none;
	float: left;
	padding: 20px 0 20px 20px;
}

@media print {
.tabcontent {
	display:block!important;
	float: left;
}
}


.virtualpage, .virtualpage2, .virtualpage3{
	/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
	float: left;
}

.paginationstyle{ /*Style for demo pagination divs*/
	width: 330px;
	text-align: center;
	padding: 2px 0;
	margin: 10px 0;
	background-color: #CCD0DC;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	color: #212B66;
	font-weight: bold;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
}

.noscroll {


width:380px;
text-align:justify;


}



div.scroll {
	color:#212B66;
	height: 415px;
	overflow: auto;
	padding: 10px 5px 0 5px;


       background: no-repeat fixed 
	   scrollbar-face-color : #212B66;
	scrollbar-highlight-color :#212B66;
	scrollbar-3dlight-color : #212B66;
	scrollbar-shadow-color : #212B66;
	scrollbar-darkshadow-color : #212B66;
	scrollbar-track-color : #212B66;
	scrollbar-arrow-color : #212B66;
	width: 380px;
	text-align: justify;

}

#logo{
  display: none;
}
#logo img{
    display: none;
}

#contacts {




}



#contactprint {

display: none;


}
.subnavclass {
	left: 0px;
	top: -400px;
	right: 0px;
	bottom: 0px;
}

#gallery {
	padding:10px;
	width:330px;
	float: left;
	text-align: center;
}


#FrogJS{
	width: 230px;
	padding: 10px;
	text-align: center;
	height: 150px;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}


.contactdetails {
	width: 490px;
	float: left;


}

#contactprint {
 display: none;
}


#contacts {

float:left;


}