﻿/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: Tahoma , Arial, Helvetica, sans-serif;
}


body{
    
    font-size:80%;
    color:#1A325D;
    background-color:#1A335C;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
	line-height:1.4;
	margin-bottom:0px;
	
}
.container
{
	margin:0 auto;
	width:950px;
	padding:0;

}
.accessibility, .offScreen {
	position:absolute;
	top:0;
	left:-9000px;
}
.clear
{
	clear:both;
}
p 
{
	margin:0 0 25px 0;
}
li
{
	list-style:disc;
	list-style-position: outside;
	
}
a
{
	color:#4D67BE;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
h1
{
	font-size:150%;
	/*margin:0 0 20px 0;*/
	color:#4D67BE;
}
h2
{
	font-size:125%;
	margin:0 0 20px 0;
	color:#4D67BE;
}
h3
{
	margin:0 0 10px 0;
	color:#4D67BE;
}

.priceList table {
	border:1px solid #666;}
.priceList tr {
	border:1px solid #666;}
.priceList td {
	padding:3px 3px 3px 10px;
	border:1px solid #666
}
.vertical-align
{
	vertical-align:middle;
}
.strapLine{ color:#F40421;}
.paddingspace{ padding:11px 0;}
/******Header*****/
#header
{
	background:#3F4F70 url(media/header-bgd.gif) repeat-x top;
	
}

#header-logo
{
	display:block;
	margin-left:17px;
}
.headerLeft
{
	float:left;
	width:250px;
	padding-left:22px;
	padding:30px 0 0 0;
}
.headerRight
{
	float:right;
	width:590px;
	text-align:right;
	
}
/*Navigation*/

#topNav ul
{
	margin:0;
	padding:0;
	background:transparent url(media/topNavULBgd.gif) repeat-x bottom;
	height:64px;
}
#topNav ul li
{
	display:inline;
	float:left;
	background:transparent url(media/topNavLinkBgd.gif) no-repeat bottom right;
	padding-right:3px;
	text-align:center;
	list-style:none;
}
#topNav ul li.noBorder
{
	background-image:none;
	padding-right:0px;
}

#topNav ul li a
{
    color:#ffffff;
    padding:33px 0px 13px 0px;
    display:block;
    width:116px;
	text-transform:capitalize;
}
#topNav ul li a:hover, #topNav ul li a.selected
{
	background:transparent url(media/topNavULBgdOver.gif) no-repeat center top;
    text-decoration:none;
    color:#8EB2FB;
}

#topNav ul li.noRightBorder 
{
    background:none;
    padding-right:0px;
}
#leftNav{ padding-right:4px;}
#leftNav li 
{
	border-bottom:solid 2px #ffffff;
	list-style:none;
}
#leftNav li a
{
	background:transparent url(media/leftNavBgd.gif) repeat-x left;
	padding:7px 10px 7px 16px;
	display:block;
	color:#0F2244;
	font-size:100%;
	margin:0;
	text-transform:capitalize;
}
#leftNav li a:hover, #leftNav li a.selected
{
	background:transparent url(media/leftNavBgdOver.gif) repeat-x left;
	color:#ffffff;
	text-decoration:none;
}
/*Content area*/
.mainContent
{
	padding:25px 25px 20px 25px;
	background-color:#ffffff;
}
.leftCol
{
    float:left;}
.rightCol
{
    float:left;}    
/*Homepage styles*/
.homepageContent .leftCol
{
	width:232px;
	margin:0 0 0 0px;
}
.homepageContent .rightCol
{
	width:632px;
	padding-left:35px;

}
.homepageContent .leftBox,.homepageContent .middleBox,.homepageContent .rightBox
{
    float:left;
    
    padding:10px 0;
    text-align:center;
   
}
.homepageContent .leftBox
{
    background:transparent url(media/homepageLeftBox.gif) no-repeat left;
    margin-right:22px;
	padding-left:2px;
    width:195px;
}
.homepageContent .middleBox
{
    background:transparent url(media/homepageMiddleBox.gif) no-repeat left;
    margin-right:22px;
    width:193px;
}
.homepageContent .rightBox
{
    background:transparent url(media/homepageRightBox.gif) no-repeat left;
    width:195px;
	padding-right:2px;
}

.homepageContent .leftBox p, .homepageContent .middleBox p, .homepageContent .rightBox p
{
    margin:7px 0;
}
.homepageContent .leftBox p a,.homepageContent .middleBox p a, .homepageContent .rightBox p a { color:#ffffff;}

.homepageContent .leftCol ul li {
	list-style:disc;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;	
}
/*Content page styles*/
.ContentArea .leftCol
{
    width:244px;
}
.ContentArea .rightCol
{
    width:637px;
    padding-left:17px;
}
.ContentArea .rightCol p
{
    margin-bottom:20px;
}
.LHSBox
{
    background: transparent url(media/LHSBoxBgd.gif) no-repeat top;
    width:216px;
    height:112px;
    padding:12px 14px 11px 14px;
    text-align:left;
    margin-bottom:15px;
}
.LHSBox p
{
    margin:0;
    padding:0;
}
.LHSBox a{ color:#1A325D;}
.LHSBox img
{
    float:left;
    width:103px;
    margin:0;
    display:block;
    border:solid 1px #fff;
}
.LHSBox .text
{
    float:left;
    width:100px;
    padding-right:9px;
}
.rightCol ul {
	padding-left:15px;
	margin-bottom:20px;
}
/*Gallery*/
.Gallery
{
    background-color:#000000;
    padding-right:0;
	padding-top:0px;
}
.Gallery p, .Gallery h2
{
	color:#ffffff;
}

.Gallery .ContentArea .rightCol
{
    width:666px;
    padding-left:19px;
	padding-top:0;

}

.Gallery .ContentArea .leftCol
{
    width:240px;    
}
.GalleryDetail {
	padding-top:20px;
}
#leftGalleryNav li
{
    border-bottom:solid 2px #808080;
    list-style:none;
}
#leftGalleryNav li a
{
    padding:7px 10px 7px 16px;
	display:block;
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	margin:0;
}
#leftGalleryNav li a:hover, #leftGalleryNav li.selected a
{
    color:#4D67BE;
}

/* Shop*/
.Shop .ContentArea .leftCol
{
    width:644px;

}
.Shop .ContentArea .rightCol 
{
    width:241px;
    padding-left:15px;
}
 .price
 {
 	font-size:150%;
 } 
/*product listing*/
.productListItem
{
    padding:20px 0;
    background:transparent url(media/dottedBorder.gif) repeat-x left top;
}
.Shop .copterListing .productImage
{
    width:260px;
    float:left;
    padding:0;
}
.Shop .productImage
{
	width:241px;
	float:left;
    padding-left:33px;
}
.productImage img
{
    padding:0 0 0 0;
	border:1px solid #000;
}
.productListItem a
{
    color:#4D67BE;
    text-decoration:underline;
}
.productDesc
{
    width:350px;
    float:left;
    padding-left:20px;
}
.productDesc p
{
    margin:0 0 10px 0 !important;
}
.productDesc label, .callOn, .actionLine
{
     color:#4D67BE;
     font-weight:bold;
}
.callOn{ font-size:130%;}
/*basket*/
.basketHolder 
{
	padding-bottom:15px; 
	position:relative;
}
.basketTop
{ 
	background: transparent url(media/basketTopBgd.gif) no-repeat top;
	padding:4px 15px 2px;
	color:#ffffff;
	margin:0;
}

div.basketHolderInner
{
	background: #ffffff url(media/basketInnerBgd.gif) repeat-y center scroll;
	padding:10px 15px 5px;
}
.basketHolderInner .productName
{
	text-decoration:underline;
	font-weight:bold;
	width:142px;
	padding-right:4px;
	float:left;
	display:block;
}
.basketHolderBottom
{
	background: transparent url(media/basketHolderBottom.gif) no-repeat center ;
	width:241px;
	height:8px;
}
.ContentArea .rightCol .basketHolderInner p, .basketItem
{
	margin:0 0 5px 0; 
}
.basketHolder .price { font-size: 100%; font-weight:bold;}
.basketHolder a{ text-decoration:underline;}

.total
{
	margin:0 0 10px 0;
	padding:8px 0 8px 12px ;
	background-color:#666666;
	color:#ffffff;
	font-weight:bold;
}
.textRight{ padding-left:44px;  text-align:right;}

/*Forms styles*/
.buttonLink
{
    background: transparent url(media/buttonLinkBgd.gif) no-repeat top;
    text-decoration:none!important;
    color:#ffffff !important;
    padding:5px 0px 5px 0px;
    font-weight:bold;
    width:143px;
    display:block;
    height:18px;
    text-align:center;
}
.submitButton
{
    background: transparent url(media/buttonLinkBgd.gif) no-repeat top;
    text-decoration:none!important;
    color:#ffffff !important;
    padding:3px 0px 4px 0px;
    font-weight:bold;
    /*font-size:95%;*/
    width:143px;
    height:28px;
    cursor:pointer;
    text-align:center;
    border:0;
    
}
label.error{ color:Red;}
.chkbutton
{
	 background: transparent url(media/chkbuttonLinkBgd.gif) no-repeat top;
	 width:163px;
}
#contactForm  p label,#checkoutArea p label, .ContentArea .rightCol .order_form_page  p label
{
	float:left;
	width:116px;
	padding:0 2px;
}
#checkoutArea p, .ContentArea .rightCol .order_form_page p{ margin-bottom:7px;}
.order_form_page .noFloat {float:none;}
.dataText
{
	width:196px;
	border:1px solid #1A325D;
	padding:2px;
}
.dataTextArea
{
	width:196px;
	padding:0 2px;
	/*height:200px;*/
	border:1px solid #1A325D;
}
.textLeft { text-align:left;}
.center { text-align:center;}
table.basket th{ border-bottom: solid 5px #ffffff;border-top: solid 5px #ffffff;}
table.basket td{ border-bottom: solid 3px #ffffff;border-top: solid 3px #ffffff;}
table.basket td.left{ text-align:left; float:none;}
#acceptedCard{ text-align:center;}
/* Image Overlay*/

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(media/white.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(media/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(media/transparent.png);         
    color:#fff; 
    text-align:center;
}

.details p{margin:0; color:#4D67BE;}
/*footer*/
.footer
{
	padding:10px 0 20px 0;
	background-color:#1A335C;
	
	color:#ffffff;
}
.left
{
	float:left;
}
.right
{
	float:right;
	
}
.footer li
{
    display:inline;
    margin-right:30px;
}
.footer li.nomargin{ margin-right:0;}
.footer a
{
	color:#CCCCCC;
	text-decoration:none;
}
.footer a:hover
{
	text-decoration:underline;
}
.productList {
	padding-left:15px;
	list-style-position: outside;
}
#sitemap {
	margin-left:15px;
}