/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background: #0a2551 url(../images/bg/bg.gif) top center repeat-x;
	color: #444444;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
}

img { 
	border: 0px none;
}

a {
	color: #1f66ca;
}

a:hover {
	text-decoration: none;
}

a:focus,
a:active {
	outline: none;
}

h1 {
}


h2 {
}

h3 {
}


hr {
}

ul {
}

li {
}


/********* FLASH TEXT ****************/
h1.introTitle {
	font-size: 30px;
	line-height: 33px;
	font-weight: bold;
	margin: 10px 0px;
}

h1.mainTitle {
	font-size: 20px;
	line-height: 25px;
	margin: 0px;
	padding-bottom: 15px;
}

h3.bubbleTitle {
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

h4.mainTitle {
	font-size: 17px;
	line-height: 25px;
	margin: 0px;
	padding-top: 10px;
}

h3.optionTitle { /* NON SIFR */
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	line-height: 28px;
}

h3.optionTitle img { /* NON SIFR */
	padding-right: 5px;
	vertical-align: middle;
}

/********* FORM ****************/
form {
	margin: 0px;
}

form .invalid
{
	background-color: #ffdede;
}

input, select, option {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

input.inputTextSide {
	background: transparent url(../images/bg/side_input.gif) no-repeat;
	border: none 0px;
	padding: 6px 5px 4px 10px;
	color: #757575;
	height: 16px;
	width: 115px;
}

input.inputText {
	background: transparent url(../images/bg/choose_input.gif) no-repeat;
	border: none 0px;
	padding: 6px 5px 4px 10px;
	color: #757575;
	height: 19px;
	width: 285px;
	font-size: 12px;
}

input.inputText.uppercase
{
	text-transform: uppercase;
}

div.inputSelect {
	background: transparent url(../images/bg/choose_input.gif) no-repeat left center;
	padding: 10px 5px;
}

* html div.inputSelect
{
	padding: 15px 5px;
}

div.inputSelect select {
	font-size: 12px;
	background: #ffffff;
	border: none 0px;
	padding: 6px 5px 4px 5px;
	color: #757575;
	height: 27px;
	width: 290px;
}

div.inputSelect select option {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	background: #ffffff;
}

input.inputTextPurchase {
	background: transparent url(../images/bg/purchase_input.gif) no-repeat;
	border: none 0px;
	padding: 10px;
	color: #ffffff;
	height: 19px;
	line-height: 19px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
}

/****** GENERIC ******/
.clear {
	clear: both;
}

div.clear {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.clearLeft {
	clear: left;
}


/* Clearing. */

.clearFix /* For IE/MAC. */
{
	display: inline-block;
}

.clearFix:after /* For Non-IE browsers. */
{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;

	height: 0;
}

* html .clearFix /* For IE6 and below, trigger hasLayout. */
{
	height: 1%;
}

.clearFix /* For IE/Win. */
{
	display: block;
}


.navItem {
	text-indent: -9999em;
}

div.columnLeft {
	float: left;
}
div.columnRight {
	float: right;
}

a.arrowNext {
	padding-left: 10px;
	background: url(../images/icons/arrow-sm_blu-whi_right.gif) no-repeat left 6px;
}

p.large {
	font-size: 14px;
}

div.bdrShadow {
	background: #fff url(../images/hr_grad.gif) repeat-x left bottom;
	height: 10px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	border: 0px none;
}
div.bdrShadow hr {
	display: none;
}

li.endOfRow {
	margin-right: 0px !important;
}

.mar10v {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mar5v {
	margin-top: 5px;
	margin-bottom: 5px;
}

.pad5v {
	padding-top: 5px;
	padding-bottom: 5px;
}




/****************************** CONTAINERS *******************************/
div#pageContainer {
	width: 990px;
	margin: 0px auto;
}

div#flashContainer {
	padding-bottom: 20px;
}

div#flashContainer a, 
div#flashContainer img
{
	display: block;
}

/******************************** HEADER **********************************/
div#headerContainer {
	/*background: #000000;*/
	
	height: 146px;
}

div#logo {
	float: left;
}

div#adSpace {
	float: right;
	padding: 50px 15px 0px 0px;
}
div#adSpace a {
}
div#adSpace img {
	vertical-align: middle;
}

/********** NAV MENU **********/
div#navContainer {
	background: #000000 url(../images/bg/content_hdr.gif) no-repeat bottom center;
	padding-bottom: 15px;
	clear: both;
	height: 35px;
	font-size: 11px;
	color: #ffffff;
	line-height: 32px;
}

div#navMenu {
	padding: 0px 0px 0px 15px;
	width: 515px;
	float: left;
}

div#navMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#navMenu ul li {
	float: left;
	display: block;
	height: 35px;
	padding: 0px 1px 0px 0px;
}

div#navMenu ul li a {
	display: block;
	height: 35px;
	background-image: url(../images/nav/nav.gif);
}

div#navMenu ul li a:hover {
}

/**** NAV ****/
a#navHome {
	width: 62px;
	background-position: -15px 0px;
}
a#navHome:hover,
a#navHome:active,
a#navHome.active {
	background-position: -15px -35px;
}

a#navProd {
	width: 83px;
	background-position: -78px 0px;
}
a#navProd:hover,
a#navProd:active,
a#navProd.active {
	background-position: -78px -35px;
}

a#navAbou {
	width: 80px;
	background-position: -162px 0px;
}
a#navAbou:hover,
a#navAbou:active,
a#navAbou.active {
	background-position: -162px -35px;
}

a#navServ {
	width: 100px;
	background-position: -243px 0px;
}
a#navServ:hover,
a#navServ:active,
a#navServ.active {
	background-position: -243px -35px;
}

a#navHist {
	width: 92px;
	background-position: -344px 0px;
}
a#navHist:hover,
a#navHist:active,
a#navHist.active {
	background-position: -344px -35px;
}

a#navCont {
	width: 92px;
	background-position: -437px 0px;
}
a#navCont:hover,
a#navCont:active,
a#navCont.active {
	background-position: -437px -35px;
}

/********** NAV BASKET **********/
div#navBasket {
	float: right;
	width: 295px;
	height: 35px;
	padding: 0px 15px 0px 140px;
	background: url(../images/nav/nav.gif) no-repeat right top;
	line-height: 15px;
}

div#navBasket span {
	padding: 0px;
	margin-top: 9px;
	display: block;
	float: left;
	width: 55px;
	text-align: center;
}

div#navBasket a {
	color: #FFFFFF;
}

div#navBasket a:hover {
	text-decoration: none;
}

div#navBasket span.actions {
	border-left: 1px #3e3e3e solid;
	margin-left: 5px;
	padding: 0px 0px 0px 10px;
	float: right;
	width: 160px;
}

div#navBasket span.actions a {
	color: #8fbeff;
	text-decoration: none;
	padding: 0px 5px;
}

div#navBasket span.actions a:hover {
	color: #FFFFFF;
}

/************* FOOTER ***************/
div#footerContainer {
	background: #0c0b0b;
	padding: 15px 25px 30px 25px;
	color: #3d3d3d;
	font-size: 11px;
}

div#footerContainer a {
	color: #3d3d3d;
	text-decoration: none;
}

div#footerContainer a:hover {
	color: #757575;
}

div#footerContainer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div#footerContainer ul li {
	list-style: none;
}

div#footerContainer ul li.header {
	font-weight: bold;
	border-bottom: 1px solid #1d1d1d;
	padding: 5px 0px;
	margin-bottom: 5px;
}

div#footerContainer ul li.last {
	border: 0px none;
}

div.footerCol {
	width: 170px;
	padding-right: 20px;
	float: left;
}

div.footerRight {
	float: right;
	width: 320px;
	text-align: right;
}

/******************************** CONTENT **********************************/
div#contentContainer {
	background: #ffffff url(../images/bg/side_bg.gif) repeat-y 15px 0px;
	padding: 0px 25px 0px 15px;
}

div#content {
	background: url(../images/bg/side_ftr.gif) no-repeat 0px bottom;
	/*border-bottom: 20px #ffffff solid ;
	padding-bottom: 10px;*/
}

div#contentSpacer {
	height: 20px;
	clear: both;
	background: #ffffff;
}

/******** SIDE NAVIGATION ********/
div#sideContainer {
	float: left;
	width: 170px;
	padding: 70px 0px 30px 0px;
	background: url(../images/bg/side_hdr.gif) no-repeat left top;
}

ul.browseNav ,
ul.browseNav li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 11px;
	line-height: 29px;
	color: #FFFFFF;
}

ul.browseNav a {
	display: block;
	background: url(../images/bg/side_a-bg.gif) repeat-x top;
	height: 29px;
	padding: 0px 20px;
	color: #FFFFFF;
	text-decoration: none;
}

ul.browseNav a:hover {
	background-position: bottom;
}

/********** CALL - SUBSCRIBE **********/
div#callSubscribe {
	background: url(../images/bg/side_subscribe-bg.gif) no-repeat center top;
	padding: 50px 15px 20px 20px;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
}

div#callSubscribe p {
	margin: 5px 0px;
}

div#callSubscribe input {
	margin-top: 6px;
}

/******** BREADCRUMB ********/
div#breadcrumb {
	color: #1f66ca;
	font-size: 11px;
	padding: 2px 0px 8px 0px;
}

div#breadcrumb a, 
div#breadcrumb span {
	padding-right: 10px;
	margin-right: 5px;
	text-decoration: none;
	background: url(../images/icons/arrow-sm_blu-whi_right.gif) no-repeat right 5px;
}

div#breadcrumb a.last-child, 
div#breadcrumb span.last-child
{
	padding-right: 0;
	margin-right: 0;
	background: none;
}

div#breadcrumb a.current, 
div#breadcrumb span.current
{
	color: #a4a4a4;
}

div#breadcrumb a:hover {
	text-decoration: underline;
}


/********************** MAIN CONTENT **********************/
div#mainContainer {
	float: right;
	width: 760px;
}

/***** CATEGORY THUMB LIST ******/
div.categoryThumbList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.categoryThumbList li {
	width: 140px;
	height: 90px;
	float: left;
	margin: 10px 10px 0px 0px;
}

div.categoryThumbList li a {
	display: block;
}

/*************** CATEGORY *******************/

div.categoryList {
	padding: 0px 0px 18px 0px;
}

div.categoryList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.categoryList li {
	width: 370px;
	/*height: 310px;*/
	float: left;
	margin: 20px 20px 0px 0px;
}

div.categoryList li a {
	display: block;
}

#mainCategoryList a
{
	float: left;
	
	margin-right: 20px;
}

#mainCategoryList p
{
	float: right;

	margin: 3px 0;
	
	width: 210px;
}

/**** BUBBLE HEADER *****/
div.bubbleHdr {
	background-image: url(../images/bg/bubbleHdr.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	
	height: 36px;
	width: 370px;
}

div.bubbleHdr div.bubbleHdrBg {
	background-image: url(../images/bg/bubbleHdr_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	
	height: 36px;
	width: 370px;
}

div.bubbleHdr div.bubbleHdrLeft {
	background-image: url(../images/bg/bubbleHdr_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	height: 36px;
	width: 370px;
}

div.bubbleHdr div.bubbleHdrRight {
	background-image: url(../images/bg/bubbleHdr_right.gif);
	background-position: right top;
	background-repeat: no-repeat; 
	position: relative;
	
	height: 36px;
	width: 370px;
}

div.bubbleHdr div.bubbleHdrRight a, 
div.bubbleHdr div.bubbleHdrRight h3
{
	display: block;
	position: relative;
		left: 0;
		top: 0;
		z-index: 1;
	
	height: 30px;
	padding: 6px 15px 0px 17px;
}

div.bubbleHdr div.bubbleHdrRight a
{
	background-color: #ffffff;
	opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
		z-index: 2;
	
	padding: 0;
	
	height: 36px;
	width: 370px;
}

/**** PRODUCT BOX *****/
div.productBox {
	background: url(../images/bg/productBox_bg.gif) repeat-y center top;
	margin-top: 10px;
	font-size: 11px;
	line-height: 18px;
}

div.productBox div.productBoxTop {
	background: url(../images/bg/productBox_hdr.gif) no-repeat center top;
	height: 10px;
}

div.productBox div.productBoxCtr {
	text-align: center;
	padding: 0px 1px;
}

div.productBox div.productBoxBtm {
	background: url(../images/bg/productBox_ftr.gif) no-repeat center bottom;
	padding: 10px 15px;
	height: 45px;
}

div.productBox p { 
	margin: 0px;
}

div.productBox p.pricing { 
	font-weight: bold;
}

/**** OPTIONS LIST *****/
div.optionList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.optionList li {
	position: relative;
	float: left;
	display: block;
	/*width: 90px;*/
	/*height: 74px;*/
	margin: 10px 10px 0px 0px;
	/*padding: 30px 10px;*/
	/*padding: 5px 5px 1px 5px;*/
	/*background: url(../images/bg/choose_bdr.gif) no-repeat center center;*/
	overflow: hidden;
	
	background-image: url(../images/bg/choose.gif);
	background-position: top;
	background-repeat: repeat-x;
	
	height: 80px;
}

* html div.optionList li
{
	overflow: visible;

	width: 72px;
}

*:first-child + html div.optionList li
{
	overflow: visible;
}

div.optionList li div.left
{
	background-image: url(../images/bg/chooseLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	height: 80px;
}

* html div.optionList li div.left
{
	width: 72px;
}

div.optionList li div.right
{
	background-image: url(../images/bg/chooseRight.gif);
	background-position: right top;
	background-repeat: no-repeat;
	
	padding: 5px 21px 1px 5px;
	
	height: 74px;
}

* html div.optionList li div.right
{
	width: 72px;
}

div.optionList li label
{
	display: block;
}

div.optionList li input {
	position: absolute;
	z-index: 99;
	/*float: right;*/
	vertical-align: middle;
	margin: 0px;
	top: 30px;
	right: 5px;
}

* html div.optionList li input
{
	right: 2px;
}

/*************** HOME *******************/
body.Home div#mainContainer div.columnLeft {
	width: 440px;
}

body.Home div#mainContainer div.columnRight {
	width: 270px;
	padding-right: 20px;
}

/*************** PRODUCT *******************/
body.Product div#main {
	padding: 20px 0px;
}

body.Product div#mainContainer div.columnLeft {
	width: 440px;
}

body.Product div#mainContainer div.columnRight {
	width: 300px;
}

body.Product div#mainContainer div.columnRight div.bdrShadow {
	height: 30px;
	background-position: top;
}

div#purchaseBox {
	background: #1f66ca url(../images/bg/purchase_ftr.gif) no-repeat center bottom;
	width: 538px;
	margin: 10px auto;
	color: #ffffff;
	clear: both;
}
div#purchaseBox label {
	padding: 0px 5px 0px 10px;
}
div#purchaseBox div.purchaseContent {
	padding: 10px;
	text-align: center;
}
div#purchaseBox input {
	vertical-align: middle;
}

/* Contact form. */

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

legend
{
	
}

fieldset dl
{
	padding-left: 60px;
}

fieldset dt
{
	clear: both;
	float: left;
	text-align: right;
	
	min-height: 34px;
	width: 120px;
}

fieldset dt label
{
	display: block;

	padding-top: 4px;
}

fieldset dd
{
	float: left;
	
	margin-left: 20px;
	
	min-height: 34px;
}

* html fieldset dt, 
* html fieldset dd
{
	height: 36px;
}

* html fieldset dd
{
	margin-left: 10px;
}

fieldset input.text, 
fieldset textarea, 
fieldset select
{
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	border: 1px solid #7f8794;
	padding: 5px 0 3px 4px;
	
	width: 320px;
}

fieldset select
{
	padding: 4px;

	width: 326px;
}

fieldset input.text
{
	height: 18px;
}

fieldset textarea
{
	height: 140px;
}

fieldset dd.submit
{
	clear: both;

	margin: 10px 0 0 140px;
}

* html fieldset dd.submit
{
	margin-left: 70px;
}

/* Shopping Cart. */

table.items .Options .option, 
table.items .Text .textItem
{
	color: #000000;
	display: block;
	font-size: 11px;
	line-height: 16px;
}

table.items .ProductName .code
{
	color: #999999;
	display: block;
}

/* Checkout. */

.checkout .column dl
{
	padding-left: 15px;
}

/* END OF CSS */