/*
	Updated: Feb 2007
	SHOP ARRIVA STYLESHEET:
		CSS MAIN
*/



/* ------------------------
		Fundamental Styles
	 ------------------------ */
* {
	margin: 0;
	padding: 0;
	}

.clear {
	height: 100%;
	}
	.clear:after {
		content: " "; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		font-size: 0;
		}



/* ------------------------
		Hiding Things
	 ------------------------ */
.hidetext, 
.moreinfo, .addtocart, .buynow,
h1, #products h3, #features h3,
.product_options_header,
#sloganrow p, #sloganrow_2 p {
	font-size: 0;
	text-indent: -3000px;
	color: #D4DEEA;
	}

#innermain p {
	display: none;
	}
	#innermain * p {
		display: block;
		}

br {
	display: none;
	}
	p br {
		display: block;
		}

img {
	display: none;
	}
	p img {
		display: block;
		float: none;
		}

table {
	empty-cells: hide;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: none;
	}



/* ------------------------
		Base Styles
	 ------------------------ */
body {
	background: #D4DEEA url(../images_templ/bg.jpg);
	color: #565656;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	}
p {
	margin-bottom: 0.5em;
	}
a {
	color: #CC6910;
	text-decoration: none;
	}
	a:hover {
		color: #445672;
		border-bottom: 1px dotted #445672;
		}
	a.img img, a.img, a.img:hover {
		border: none
		}



/* ------------------------
		Lists
	 ------------------------ */
ul {
	padding: 10px 5px 10px 5px;
	font-weight: normal;
	list-style: none;
	}
	li {
		background: url(../images_templ/bulleto.gif) 0 0.4em no-repeat;
		padding-left: 7px;
		margin-bottom: 5px;
		}



/* ------------------------
		Hn
	 ------------------------ */
h1 {
	/* check "Header Nav"  */
	}
h2 {
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1em;
	color: #4C6579;
	border: 1px solid #BDC8D1;
	border-width: 1px 0;
	background: #DFE6ED;
	padding: 10px 15px;
	margin: 0;
	}

h2.nobkgrd {
	text-transform: none;
	font-weight: bold;
	font-size: 1em;
	color: #4C6579;
	padding-right: 15px;
	margin: 0;
	background: none;
	border: none;
	}


/* ------------------------
		Link Buttons
	 ------------------------ */	
.moreinfo, .addtocart, .buynow {
	width: 95px;
	height: 28px;
	margin: 6px auto;
	display: block;
	background: url(../images_templ/moreinfo.gif) no-repeat center center;
	}
.addtocart, .buynow {	background-image: url(../images_templ/addtocart.gif);	}
.buynow {	background-image: url(../images_templ/buynow.gif);	}
	.moreinfo:hover, .addtocart:hover, .buynow:hover {
		border: none;
		}



/* ------------------------
		Form Styles
	 ------------------------ */		
input, select {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #565656;
	}	



/* ------------------------
		Fixing Shared Widths
	 ------------------------ */
#navheader div,
#sloganrow form,
#sloganrow_2 form,
#main {
	width: 770px;
	margin: 0 auto;
	}



/* ------------------------
		Header Nav (containing flash)
	 ------------------------ */
#navheader {
	background: #D4DEEA;
	}
	#navheader div {
		height: auto;
		border: 1px solid #D4DEEA;
		}
		h1 {
			float: left;
			width: 120px;
			height: 100px;
			background: url(../images_templ/logo.gif) center center no-repeat;
			}
			h1 a {
				display: block;
				width: 100%;
				height: 100%;
				color: #D4DEEA;
				}
				h1 a:hover {
					border: none;
					color: #D4DEEA;
					}
			object {
				float: left;
				width: 625px;
				}


/* ------------------------
		Slogan Row (containg search)
	 ------------------------ */
#sloganrow, #sloganrow_2, #footer {
	width: 100%;
	background: #DFE6ED;
	border-top: 1px solid #BDC8D1;
	border-bottom: 1px solid #BDC8D1;
	padding: 15px 0 5px;
	}
#sloganrow form, #sloganrow_2 form {
	text-align: right;
	background: url(../images_templ/slogan.gif) left bottom no-repeat;
	position: relative;
	}
#sloganrow a, #sloganrow_2 a {
	display: block;
	width: 140px;
	height: 36px;
	position: absolute;
	top: -15px;
	left: 0;
	color: #D4DEEA;
	}
	#sloganrow a:hover , #sloganrow_2 a:hover {
		border: none;
		color: #D4DEEA;
		}
#sloganrow .button, #sloganrow_2 .botton {
	float: right;
	margin-left: 5px;
	}



/* ------------------------
		Slogan Row_2 (containg search)
	 ------------------------ */
#sloganrow_2, #footer {
	width: 100%;
	background: #DFE6ED;
	border-top: 1px solid #BDC8D1;
	border-bottom: 1px solid #BDC8D1;
	padding: 15px 0 5px;
	}
#sloganrow_2 form {
	text-align: right;
	background: url(../images_templ/slogan_2.gif) left bottom no-repeat;
	position: relative;
	}
#sloganrow_2 a {
	display: block;
	width: 140px;
	height: 36px;
	position: absolute;
	top: -15px;
	left: 0;
	color: #D4DEEA;
	}
	#sloganrow_2 a:hover {
		border: none;
		color: #D4DEEA;
		}
#sloganrow_2 .button {
	float: right;
	margin-left: 5px;
	}




/* ------------------------
		Main Container
	 ------------------------ */
#main {
	border: 1px solid #BDC8D1;
	border-width: 0 1px;
	background: #D4DEEA url(../images_templ/col.gif) repeat-y 195px 0;
	}
	#left, #innermain {
		float: left;
		}
	#left {
		padding-bottom: 3em;
		}



/* ------------------------
		Left Column 
		(containg cart summary, and newsletter)
		 * categories side menu below
	 ------------------------ */
#left {
	width: 195px;
	}
#cart {
	background: #DFE6ED;
	border-bottom: 1px solid #BDC8D1;
	font-size: 0.9em;
	padding: 15px 10px;
	margin-bottom: 10px;
	}
	#cart p {
		background:url(../images_templ/cart.gif) top left no-repeat;
		padding-left: 20px;
		}
	#cart img {
		padding-top: 10px;
		}

#newsletter p {
	padding: 15px;
	}
	#newsletter form p {
		padding: 0 15px;
		}
	#newsletter label {
		float: left;
		width: 4em;
		}
	#newsletter .clear input {
		display: block;
		float: left;
		}
		#newsletter .go {
			margin-left: 7em;
			}
	

	
/* ------------------------
		Categories Side Menu
	 ------------------------ */
.menu_header_tr,
.menu_category_td_expand {
	display: none;
	visibility: hidden;
	}
.menu_border_categprytype {
	margin-bottom: 1em;
	}
	.menu_border_categprytype a {
		width: auto;
		}
		.menu_border_categprytype a:hover {
			border: none;
			}
	.menu_category,
	.menu_category_selected {
			font-weight: bold;
			font-size: 1.1em;
			list-style: none;
			margin: 1em 0 0.5em 10px;
			display: block;
			}
	.menu_category_selected {
			color: #565656;
			}
		.menu_subcategory,
		.menu_subcategory_selected  {
				background: url(../images_templ/bullet.gif) left center no-repeat;
				padding-left: 10px;
				margin: 0 0 6px 6px;
				display: block;
				}
			.menu_subcategory:hover {
				background-image: url(../images_templ/bulleto.gif);	
				}
			.menu_subcategory_selected {
				color: #565656;
				font-weight: bold;
				}



/* ------------------------
		Category Paths (Breadcrumbs)
	 ------------------------ */
.categories_path_td {
		font-size: 0.8em;
		padding: 10px 15px;
		background: #D4DEEA;
		margin: 0;
		}

	
	
/* ------------------------
		Inner Main Container
	 ------------------------ */
#innermain {
	width: 574px;
	float: right;
	}	



/* ------------------------
		Footer
	 ------------------------ */	
#footer {
	text-align: center;
	clear: both;
	background: #D4DEEA;
	margin-bottom: 1em;
	line-height: 1.5em;
	}
	#footer span {
		font-size: 0.9em;
		}



/* ------------------------
		MISC
	 ------------------------ */	
#security {
	padding: 7px 10px;
             align: center;
	}
	#security img {
		margin: 10px 0;
		display: inline;
		}
.static p {
	padding: 0 20px;
	}
.static h2 {
	border-top: none;
	margin-bottom: 15px;
	}

#ad {
     padding: 7px 10px;
     align: center;
	 }
	#ad img {
		margin: 0 0 10px;
		display:table;
		border:none;
		}


/* ------------------------
		Laying out the rows and columns
	 ------------------------ */	
.row {
	border-top: 1px solid #BDC8D1;
	background: #D4DEEA url(../images_templ/cols.gif) repeat-y 182px 0;
	}
	#innermain.searchresults .row {
		border-bottom: 1px solid #BDC8D1;
		}
	.left, .right,
	.pic, .details, .order {
		float: left;
		background: #D4DEEA;
		padding-bottom: 1.5em;
		}
	.left {
		width: 348px;
		}
	.right {
		width: 182px;
		float: left;
		}
	.pic {
		width: 182px;
		}
	.details {
		width: 166px;
		margin-left: 1px;
		}
	.order {
		width: 223px;
		float: right;
		}
	

.row h2 {
	border-top: none;
	}
	.order h2 {
		margin-bottom: 10px;
		}

.row p {
	}
	.left p {
		padding: 0 15px 0;
		margin: 10px 0;
		}
	.right p {
		padding: 10px 15px
		}
	.pic p {
		margin: 0;
		}
	.details p {
		padding: 10px 15px;
		}
		

.right {
	}
	.aboutlinks {
		border: 1px solid #BDC8D1;
		border-width: 1px 0;
		}
		.aboutlinks a {
			font-weight: bold;
			}
	.logo {
		text-align: center;
		}

		.logo img {
			margin: 0 auto;
			}

.pic h2 {
	text-transform: none;	
	}

.pic p {
	text-align: center;
	padding: 1px 0 0 1px;
	}
	.pic .moreinfo {
		display: block;
		text-align: center;
		border-top: 1px solid #BDC8D1;
		width: 100%;
		margin: 1px 0;
		padding-top: 25px;
		}

.order {
	}
	body .product_options_border, 
	body .product_options_border table {
		table-layout: auto;
		}
	.product_options_body td {
		vertical-align: top;
		margin-bottom: 5px;
		}
		.product_options_name {
			font-weight: bold;
			text-align: right;
			width: 46px;
			color: #4C6579;
			display: block;
			padding-bottom: 20px;
			}		
		.product_options_body select {
			margin-left: 5px;
			width: auto;
			}
			.product_options_body option{
				padding-right: 1em;
				}
	label, .label {
		font-weight: bold;
		text-align: right;
		width: 90px;
		color: #4C6579;
		float: left;
		display: block;
		margin-right: 5px;
		}
	.price {
		margin: 1em 0;
		}
		.product_price {
			font-size: 1.1em;
			font-weight: bold;
			display: block;
			float: left;
			width: 90px;
			}
	.cart {
		text-align: center;
		padding-left: 20px;
                padding-top: 5px
		}
		.cart a {
			float: left;
			}



		
		
/*
	Everything below this relates to the 
	DETAILED PRODUCT TEMPLATE
		* ONLY *
*/
#prodetailed h2 {
	margin: 0;
	text-transform: none;
	}
	#prodetailed #intro div {
		padding: 0;
	}
	#prodetailed #intro .left p {
		padding: 0;
		margin: 1px;
		}
#prodetailed label, #prodetailed .label {
	width: 90px;
	}
#prodetailed #security {
	border-bottom: 1px solid #BDC8D1;
	}

.extra h2 {
	border-top: 1px solid #BDC8D1;
	}
	.extra h2.first {
		border-top: none;
		}
.extra .left {
	width: 182px;
	}
		.extra .left .package, 
		#innermain .extra .package img {
			margin: 0;
			padding:0;
			}
				
.extra .middle {
	width: 165px;
	float: left;
	margin-left: 1px;
	}
	.extra .left p, 
	.extra .middle p, 
	.extra .right p {
		padding: 10px 0 10px 15px;
		}
		
		
		
/*
	This is for dealing with the layout of the 
	SEARCH RESULTS
*/
#innermain.searchresults {
	background: #D4DEEA;
	}
	.search_header td {
		text-transform: lowercase;
		font-weight: bold;
		color: #4C6579;
		border: 1px solid #BDC8D1;
		border-width: 1px 0;
		background: #DFE6ED;
		padding: 10px 15px;
		}
		.search_body td {
			padding-top: 20px;
			font-weight: bold;
			}
		.search_body input {
			margin: 0 10px;
			font-weight: normal;
			}
		.search_body select option {
			font-weight: normal;
			padding: 0 10px;
			}
	.search_footer td {
		padding: 20px;
		}
		.search_footer a {
			float: right;
			display: block;
			}
		.search_footer input {
			padding: 0.5em 1.5em;
			float: left;
			font-weight: bold;
			}