@CHARSET "UTF-8";
/******************************************************************************
/* A "mass reset" of default browser styles. For example, setting margin and
/* padding to 0 on all elements, turning off borders on forms, images etc.
/*****************************************************************************/
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, Sans-Serif;
}

html, body {
	width: 100%;
	height: 100%;
	background: #dcdcdc url(../images/design/body_x.gif) repeat-x left top;
	color: #333333;
}

form, img { border-width: 0; }

hr {
	height: 0;
	margin: 1em 0;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	background-color: transparent;
}

a:link { color: #ff6600; }
a:visited { color: #ff6600; }
a:hover { color: #111111; }
a:active { color: #ff6600; }

/******************************************************************************
/* Aligning the type to a consistent baseline. This includes things like
/* setting the margins on block level elements like paragraphs, headers, and
/* lists to the same value as (or some multiple of) the base line-height
/* setting for the site.
/*****************************************************************************/
option { padding-left: 5px; }

ul, ol { margin: 0.5em 1.5em; }
li { margin-left: 1em; }

p {	margin-bottom: 1em; }

th, td {
	text-align: left;
	vertical-align: top;
}

/******************************************************************************
/* Set relative font-sizes to maximize the user's control of the appearance in
/* their browsers. Avoid the absolute (named, pt, px) CSS size controls since
/* they remove user flexibility.
/*****************************************************************************/
body { font-size: 68.75%; } /* Brings down font-size to 10px in stead of 16px. */
body * { font-size: 1.1em; }
body * * { font-size: 1em; } /* Elements that inherit font-size from parent, set to equal (1em). */

body h1 { font-size: 125%; margin: 0.625em 0; color: #ff6600; }
body h2 { font-size: 115%; margin: 0.715em 0; color: #ff6600; }
body h3 { font-size: 100%;margin: 1em 0; color: #ff6600; }

body input,
body select,
body textarea { font-size: 1em; } /* Some fixes. */


/*********** jvdm ***********/
.ishop_th{ background: #FFFFFF; color:#ff6600; font-weight:bold } 
.ishop_bold{ background: #FFFFFF; color:#333333; font-weight:bold } 
.ishop_italic{ background: #FFFFFF; color:#000000; font-style:italic}  
.ishop_green{ background: #FFFFFF; color:#009900; font-weight:bold}  
.ishop_normal{ background: #FFFFFF; color:#333333 }

.ishop_advice{ font-size:95%; text-decoration: line-through; color:#ff0000 }
.ishop_error{ background: #FFFFFF; color:#ff0000; font-weight:bold } 
.thickbox{text-align:center;}
.ishop_center{text-align:center;}


table.ishop_order_table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}

table.ishop_order_table th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ishop_order_table td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.ishop_table{
	border-width: 2px 1px 2px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

table.ishop_table td{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #dddddd #dddddd #dddddd #dddddd;
	border-collapse: collapse;
	background-color: white;
}




ul {
	list-style-image: url(../images/menu/go-next.png);
}

.catalog {
	float: center;
	text-align: center;
}


/*********** jvdm ***********/






/******************************************************************************
/* Creating basic styles for forms.
/*****************************************************************************/
input { background-color: #ffffff; padding: 2px; }

input[type="text"],
input[type="password"] {
	border: 1px solid #666666;
}

textarea { border: 1px solid #666666; background-color: #ffffff; }


/* START Layout **************************************************************/
#wrapper {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: auto;
	padding: 0 5px;
	background: #f3f3f3 url(../images/design/body_bg_y.jpg) repeat-y center;
}

#shop_wrapper {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	margin: auto;
	padding-bottom: 32px; /* Clearfix for IE. */
	background-color: #fefefe;
}

/* Clearfix for modern browsers. 
#shop_wrapper:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 32px;
}
*/

#shop_top {
	border-top: 0px solid #FF3300;			
}

#shop_header {
	position: relative;
	width: auto;
	padding: 0px 5px 10px 5px;
	height: 117px;
	color: inherit;
	text-align: justify;
	background: url(../images/design/shop_header_bg_x.jpg) repeat-x;
}
	
#shop_header h1 { 
	float: left;
	background: url(../images/design/logo_outdorado.gif) no-repeat;
	height: 74px;
	width: 254px;
	margin: 0px;
}

#shop_header h1 a { display: block; width: 100%; height: 100%; }
#shop_header h1 span { display: none; }
	
#search_top {
	float: right;
	width: 156px;
	height: 23px;
	padding-left: 23px;
	background: #ffffff url(../images/buttons/search_bg_left.gif) no-repeat left top;
	margin-top: 40px;
}
	
#search_top #input-text {
	float: left;
	width: 108px;
	height: 19px;
	padding: 4px 0 0 0;
	border-width: 0;
	background: #ffffff url(../images/buttons/search_bg_x.gif) repeat-x left top;
}
		
#search_top #input-submit {
	float: left;
	width: 48px;
	height: 23px;
	padding: 0;
	border-width: 0;
	background: #ffffff url(../images/buttons/search_submit.gif) no-repeat left top;
	cursor: pointer;
}
		
#search_top #input-submit:hover { background-image: url(../images/buttons/search_submit_hover.gif); }
		
			
#shop_menu_x {
	clear: both;
	width: auto;
	background: url(../images/design/shop_menu_x_bg_x.jpg) repeat-x;
}
	
#shop_menu_x_left {
	float: left;
	width: 5px;
	height: 28px;
	background: url(../images/design/shop_menu_x_left_bg.jpg) no-repeat;
	margin: 0px;
}
		
#shop_menu_x_right {
	float: right;
	width: 5px;
	height: 28px;
	background: url(../images/design/shop_menu_x_right_bg.jpg) no-repeat;
	margin: 0px;
}
		
#shop_menu_x_main {
	width: auto;
	height: 28px;
}
		
#user_menu {
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	padding: 3px 10px;
	background: #ffffff url(../images/buttons/user_menu_x.gif) repeat-x left top;
	font-size: 1em;
}
		
#user_menu_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 22px;
	background: #ffffff url(../images/buttons/user_menu_left.gif) no-repeat left top;
}
		
#user_menu a { 
	margin: 0 2px; 
}
	
#shop_content {
	margin-top: 10px;
}
	
#shop_content_left {
	float: left;
	width: 180px;
	overflow: hidden;
}
		
#shop_content_right {
	float: right;
	width: 180px;
}
		
.shop_side_box_left {
	margin-bottom: 2px;
	width: 170px;
	margin: 0 5px 14px 5px;
}
			
.side_box_head_left {
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
				
.side_box_main_left {
	padding: 5px;
}
				
.side_box_main_menu {
	background: #EEEEEE;
}
				
.side_box_bottom {
				
}
		
.shop_side_box_right {
	width: 170px;
	margin: 0 5px 14px 5px;
	background: url(../images/design/side_box_bg_y.jpg) repeat-y;
}
			
.side_box_head_right {
	padding: 2px;
	background: #FFFFFF url(../images/design/side_box_head_bg.jpg) no-repeat bottom;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	height: 26px;
}
				
.side_box_main_right {
	padding: 5px;
	font-size: 11px;
	color: #999999;
}
				
.side_box_bottom_right {
	height: 5px;
	background: url(../images/design/side_box_bottom_bg.jpg) no-repeat bottom;
}
		
#shop_content_main {
	float: left;
	width: 614px;
	margin: 0 10px;
	overflow-x: hidden;
}
		
#shop_footer {
	position: relative;
	/*bottom: 0;
	left: 5px;*/
	width: 1000px;
	height: 16px; /* 16 + 4 padding-top + 2 border-top = 22px */
	margin-top: -22px;
	padding-top: 4px;
	border-top: 3px solid #EEB450;
	background-color: #ff6600;
	text-align: center;
	font-size: 0.9em;
	color: #EEEEEE;
	clear: both;
	z-index: 10;
}
	
	#shop_footer a { color: #ffffff; }
/* END Layout ****************************************************************/


/* START Presentation ********************************************************/
a.block_link,
a.block_link_float {
	display: block;
	margin: 0 2px;
	padding: 2px 10px;
	border: 1px solid;
	border-color: #999999 #333333 #333333 #999999;
	background: #EBEBEB url(../images/buttons/button_bg_x.jpg) repeat-x top;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #333333 !important;
	outline: none;
	height: 16px;
}

a.block_link:active {
	padding: 5px 9px 3px 11px;
	border-color: #EBEBEB;
}

a.block_link_float { float: left; margin: 2px 10px 2px 0; }

.input_submit {
	padding: 2px 4px;
	background: url(../images/buttons/button_bg_x.gif) repeat-x center;
	color: #ffffff;
	font-weight: bold;
}

a.input_submit {
	display: block;
	float: left;
	margin: 2px 10px 2px 0;
	padding: 3px 10px;
	color: #ffffff !important;
	text-decoration: none;
	border: 1px solid #7BE264;
	border-color: #7BE264 #20780C #20780C #7BE264;
}

a.input_submit:active {
	padding: 4px 9px 2px 11px;
	border-color: #20780C #7BE264 #7BE264 #20780C;
}


/* START Horizontal categories menu. */
ul.categories_x {
	height: 28px;
	margin: 0;
	list-style-type: none;
}

ul.categories_x li,
.second {
	position: relative;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	background: url(../images/design/shop_menu_x_splitter.jpg) no-repeat left;
}
	
ul.categories_x li a, 
a.home-button {
	display: block;
	float: left;
	height: 22px;
	padding: 6px 10px 0 10px;
	text-align: center;
	text-decoration: none;
	outline: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF !important;
}
		
ul.categories_x li.active a {
	color: #FFFFFF;
	font-weight: bold;
}
		
ul.categories_x li a:hover, 
a.home-button:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
		
ul.categories_x li.active a li a { 
	font-weight: normal; 
}
		
/* Dropdown on hover: */
ul.categories_x li ul {
	display: none;
	position: absolute;
	float: left;
	top: 100%;
	left: 0;
	z-index: 501;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 1px solid #666666;
	background-color: #f0f0f0;
}
ul.categories_x li:hover ul { display: block; }
	
ul.categories_x li ul li {
	display: block;
	float: none;
	margin: 0;
}
		
ul.categories_x li ul li a {
	display: block;
	float: none;
	height: auto;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	background-color: #f3f3f3;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal !important;
	color: #333333 !important;
}

ul.categories_x li ul li a:hover { background-color: #dddddd; color: #333333 !important; }
/* END Horizontal categories menu. */


/* START Vertical categories menu. */
ul.categories_y,
ul.categories_y ul {
	width: 100%;
	margin: 0;
	list-style-type: none;
}

ul.categories_y li {
	margin: 0;
	background-color: #EDEDED;
	border-top: 1px solid #FDFDFD;
	border-bottom: 1px solid #E4E4E4;
	overflow: hidden;
}
	
ul.categories_y li a {
	display: block;
	padding: 4px 5px;
	text-decoration: none;
	outline: 0;
	color: #333333 !important;
	font-size: 11px;
}
		
ul.categories_y li.active a { font-weight: bold; }

ul.categories_y li.active li {
	background-color: #f3f3f3;
	border-width: 0;
	/*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ececec;*/
}

ul.categories_y li.active li { border-bottom: 1px solid #f0f0f0; }

ul.categories_y li.active li a {
	padding: 1px 10px 2px 20px;
	background: url(../images/menu/arrow_small_orange.gif) no-repeat 10px 4px;
	font-weight: normal;
}
		
ul.categories_y li.active li.active a { 
	font-weight: bold; 
}

ul.categories_y li a:hover { 
	background-color: #e8e8e8; 
	text-decoration: underline; 
}

ul.categories_y li.active li a:hover { 
	background-color: #f0f0f0; 
}
		
ul.categories_y li.active li.active li a { 
	font-weight: normal; 
	padding-left: 25px; 
	background-position: 15px 4px; 
}

ul.categories_y li.active li.active li.active a { 
	font-weight: bold; 
}
/* END Vertical categories menu. */


/* START Subcategories w/ images prodlist */

ul.prodlist-subcategories-img {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

ul.prodlist-subcategories-img li {
	position: relative;
	float: left;
	width: 140px;
	height: 165px;
	margin: 2px;
	padding: 3px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #2D5E96;
}
	
ul.prodlist-subcategories-img li img {

	float: center;
	padding: 15px;

}

ul.prodlist-subcategories-img li a,
ul.prodlist-subcategories-img li span {
	display: block;
	width: auto;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	outline: 0;
}

ul.prodlist-subcategories-img li.active { border-color: 1px solid #333333; }
ul.prodlist-subcategories-img li:hover a { text-decoration: underline; border-color: #2D5E96; color: #4DA0C6; }
/* END Subcategories w/ images prodlist */



table#cart_mini {
	width: 100%;
}

table#cart_mini td,
table#cart_mini th {
	padding: 2px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 0.9em;
}


/* START product_list.asp */
.prodlist_category_header,
.bottom_paging_navigation {
	width: auto;
	border: 1px solid #CCCCCC;
	border-bottom-width: 3px;
	background-color: #EEEEEE;
}

.bottom_paging_navigation {
	float: none;
	padding: 3px;
	margin-top: 5px;
}

.prodlist_category_header_text {
	padding: 4px;
	border-bottom: 1px solid #C0C0C0;
	background-color: #DFDFDF;
	clear: both;
}
	
.prodlist_navigation_holder {
	float: left;
	padding: 4px;
}
	
.prodlist_navigation_sort_results {
	float: right;
	padding: 4px;
}

.prodlist_product_box {
	float: left;
	width: 31%;
	padding: 1%;
	text-align: center;
}

.prodlist_product_box_title_holder {
	background: url(../images/design/product_box_x.jpg) top repeat-x;
	padding-top: 1px;
	height: 40px;
}

h1.prodlist_product_box_title {
	margin: 0;
	font-size: 1em;
}
	
.prodlist_product_image_holder {
	height: 100px;
	padding: 5px;
}
	
.prodlist_product_description {
	height: 35px;
	margin: 1em 0;
	overflow: hidden;
}


.CPprodLPriceT {}
.CPprodLPriceV { text-decoration: line-through; }
/* END product_list.asp */

/* START order process files. */
.order_table,
.page_table { width: 100%; }

.order_table td,
.order_table th,
.page_table td,
.page_table th { padding: 5px; vertical-align: middle; font-size: 1em; }

.order-table th,
.order-table td {
	background-color: #ffffff; 
}

.variant-table { width: 99%; margin: 1em 0; border: 1px solid #dddddd; border-bottom-width: 0; }
.variant-table-even,
.variant-table-even th,
.variant-table-even td { background-color: #f0f0f0; }
.variant-table-uneven,
.variant-table-uneven th,
.variant-table-uneven td { background-color: #ffffff; }
.variant-table td,
.variant-table th {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #dddddd;
}

.input-radio {
	border: none;
	background-color: transparent;
}

.order_table ol { margin: 0; list-style-type: none; }

.order_table li {
	float: left;
	width: 101px;
	margin: 0;
	padding: 8px 5px;
	background-color: #efefef;
	border: 1px solid #dddddd;
	border-width: 3px 1px 0 0;
	text-align: center;
	color: #333333;
	font-size: 0.8em;
}

.order_table li a { color: #555555; }
.order_table li a:hover { color: #999999; }
.order_table li.active { background-color: #ffffff; color: #333333; border-top-color: #ffffff; }

.overview td { border-bottom: 1px solid #eaeaea; }

tr.order_row_top td,
tr.order_row_top th { padding: 10px; border-bottom: 1px solid #DDDDDD; background-color: #EEEEEE; font-size: 1em; }
tr.row_uneven td { background-color: #FDF9F2; border-bottom: 1px solid #FFF3D6; }
tr.row_even td { background-color: #FFFFFF; border-bottom: 1px solid #FFF3D6; }
/* END order process files. */

/* START logon.asp */
.page_header_box {
	width: auto;
	height: 27px;
	padding: 6px 1em 0 1em;
	border-top: 3px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #DDDDDD;
	color: #333333;
}

.page_header { float: left; }
.page_header a { color: #ffffff !important; }
.page_header,
.page_header h2 { font-size: 1.2em; font-weight: bold; color: inherit; margin-bottom: 0; }
/* END logon.asp */


.cart_table { width: 100%;  }
.cart_table td,
.cart_table th { padding: 5px; background-color: #ffffff; vertical-align: middle; font-size: 0.9em; }
.cart_table th { border-bottom: 1px solid #7d8aa2; }
.cart_table td { border-bottom: 1px solid #eeeeee; }
.cart_table tr.cart_row td { border-bottom: 1px solid #e3e3e3; background-color: #eeeeee; }
.cart_table td.ishop_deleter { 	text-align: center };



.order-step {
	float: right;
}

#product_view h1 { margin-bottom: 0; }

#prodview_view_picture_box_image {
	float: left;
	height: 300px;
}

#product_view_right {
	float: right;
}

	
#prodview_view_picture_box_text {
	width: auto;
	clear: both;
}
	
#prodview_view_picture_box_text img {
	float: left;
	margin-right: 5px;
}
		

#prodview_details {

}

#product_last_page { margin-top: 1em; }



#payment_methods td { padding: 3px; font-size: 1em; }
.paymentMethod { width: auto; }
.paymentMethodName { width: auto; }
.paymentMethodImage { width: auto; }
/* END Presentation **********************************************************/


/* START Template_1 styling **************************************************/
#product_view_right_t1 h1 {
	margin: 0;
	font-size: 1.2em;
	color: #ff6600;
}

#prodview_view_picture_box_image_t1 {
	float: left;
	text-align: center;
	margin-bottom: 5px;
	width:300px;
}

#product_view_right_t1 {
	width: 300px;
	float: right;
}


#prodview_view_picture_box_text_t1 {
	width: auto;
	clear: both;
}

#prodview_view_picture_box_text_t1 img {
	float: left;
	margin-right: 5px;
}
		
#prodview_details_t1 {

}

.separation {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
}

#prodview_view_additional_picture_box div {
	float: left;
	width: 110px;
	height: 110px;
	margin-right: 3px;
	padding: 1px;
	border: 1px solid #e3e3e3;
}

/* END Template_1 styling ****************************************************/



.related-products {
	width: auto;
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #999999;
	border-width: 1px 0;
	background: #f3f3f3;
}

.related-products-title {
	margin-bottom: 0.5em;
	font-weight: bold;
}
	
.related_item {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #cccccc;
}