* {margin: 0; padding: 0}
img {border: none;}
a {outline: none; color: #000000; text-decoration: none; }
.clear {clear: left;}
fieldset {border: none;}
img {border: none;}
body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999;
}

#shadow {width: 826px; margin: 0 auto; background: url(../../Images/content_shadow.jpg) 0 0 repeat-y;}
#container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#h1 {font-size: 22px; color: #000000; text-align: center; font-weight: 100; letter-spacing: 1px;}
#h2 {font-size: 22px; color: #ff99cc; font-weight: 100; letter-spacing: 1px; margin-bottom: 10px;}
.small {font-size: 9px;}
.green {color: #000000;}
.pink {color: #ff99cc;}
.detail_image_title {color: #000000; text-align: center; font-size: 14px; font-weight: 800; padding-top: 10px; margin-bottom: 10px;}
/* Header Area   */

#header {
	width: 100%;
	background: url(../../Images/header_bg.jpg) 0 0 no-repeat;
}

#logo {width: 300px; margin: 0 auto;text-align: center;}
#logo img {width:300px;}
#logo span {font-family: 'Raleway', Arial,san-serif;font-size: 16px;color: #ff99cc;}

/* Secondary Navigation */
.secondary_nav {width: 600px; padding: 10px 0 25px 215px}
.secondary_nav ul{
	list-style-type: none;
  	float: left;
	display: inline;
}
.secondary_nav ul li {
	display: inline;
	float: left;
	padding: 0 10px 0 22px;
	background-image: url(../../Images/main_nav_bullet.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
.secondary_nav ul .first { background-image: none;}
.secondary_nav ul li a {
	color: #ff99cc;
	font-size: 11px;
}

/* Main Nav */
#main_nav {width: 530px; margin: 0 auto;}
#main_nav ul{
	list-style-type: none;
  	float: left;
	padding: 0;
	width: 530px;
	display: inline;
}
#main_nav ul li {
	display: inline;
	float: left;
	position: relative;
}
#main_nav ul li a {
	color: #ff99cc;
	font-size: 14px;
	padding: 0 16px;
}

/* Drop down menu */

#main_nav li ul{
		background:#FFFFFF;
		display:none;
		height:auto;
		padding:0px;
		margin:0;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		top: 15px;
		left:0px;
		z-index: 50;
		}
	#main_nav li:hover ul{
		display:block;
		background-color: #FFFFFF;
		z-index: 50;
		}
	#main_nav li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	#main_nav li:hover li a{
		background: none;
	}
	#main_nav li ul a{
		display:block;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:3px 10px 3px 15px;
		text-align:left;
		color: #616161;
		border: groove 1px #000000; 
		}
		#main_nav li ul:hover 
		{
		    background-color: #FFFFFF;
		}
		#main_nav li ul a:hover, #main_nav li ul li:hover a{
			border:1px;
			color:#616161;
			text-decoration:none;
			background-color: #fcd6e9;
		    border: groove 1px #ff80bf;
			}
	#main_nav p{
		clear:left;
		}	

/* Search Bar */
#searchbar {
	width: 400px;
	margin-left: 240px;
	float: left; 
	display: inline
}
#searchbar span{font-family: 'Raleway', Arial,san-serif;font-size: 24px;color:#000;display:inline-block;float:left;margin:0 10px 0 15px;}
#search_container {
	background: url(../../Images/search_box.png) no-repeat 0 0;
	margin: 0;
	height: 25px;
	width: 153px;
	float: left;
	display: inline;
}
.search_textbox {
	border: 0;
	background: none;
	width: 141px;
	height: 19px;
	padding: 4px 7px 0;
	margin: 0;
	font-size: 14px;
	color: #999;
	float: left;
	display: inline;
}

.search_submit {
	background-color: #000000;
border: medium none;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline;
float: left;
font-family: 'Raleway',Arial,san-serif;
font-size: 15px;
font-weight: bold;
height: 24px;
margin-left: 10px;
padding: 2px 0 0 4px;
width: 24px;
}

/* Main Content */

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 20px;
	width: 730px;
	min-height: 178px;
}

/* Homepage */
.colm_title {
	color: #ff99cc;
	font-size: 16px; 
	text-align: center;
	}
#colm1 {
	float: left;
	width: 200px; 
	height: 255px; 
	display: inline; 
	background: url(../../Images/easy_steps.jpg) 0 0 no-repeat;
	}
#colm1_content {
	margin: 80px 0 0 56px;
	}
#colm1 ol{
	margin-left: 57px;
	color: #ff99cc;
	line-height: 10px;
	}
#colm1 ol li {padding-top: 6px;}
#colm1 #swirly { margin: 10px 0 0 75px;}

#colm2 {
	float: left; 
	width: 320px; 
	height: 255px;
	display: inline;
	}
#colm2_content { background-color: #000000; margin: 11px 8px 11px 5px; height: 240px;  }
#colm3 {float: left; width: 194px; display: inline;}
#colm3 {margin-top: 1px;}
.colm3_images {margin: 10px 0 15px 0px; cursor: pointer;}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 750px;
	height: 145px;
	background-image: url(../../Images/footer_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 9px;
	text-align: center;
}

#footer ul{
	list-style-type: none;
  	float: left;
  	margin: 60px 0 10px 150px;
	padding: 0;
	width: 550px;
	color: #999;
	display: inline;
}
#footer ul li {
	display: inline;
	float: left;
}
#footer ul li a {
	color: #999;
	font-size: 9px;
	padding: 0 4px;
}
#footer ul li a:hover {color: #ff99cc;}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 8px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer_hr { 
	color: #CCC; 
	background-color:#CCC; 
	height:1px; 
	border:none; 
	width: 250px; 
	margin: 0 auto; 
	}


/* Product Page */
#product_table {width: 530px; margin: 20px auto; text-align: center;}
.product_titles { color: #ff99cc; font-size: 13px; font-weight: 300; letter-spacing: 1px; margin-left: 2px; }
.small_img_holder {background: url(../../Images/product_listing.jpg) top center no-repeat; width: 157px; height: 173px; position: relative; }
.small_img_holder .image{margin: 26px 1px 7px 0;}
.small_img_holder img{margin: 26px 1px 7px 0;}
.small_img_holder .magnify {position: absolute; bottom: 12px; right: 12px; visibility: hidden; padding: 6px;}
.small_img_holder:hover .magnify {visibility: visible; cursor: pointer;}
.small_img_holder .magnify:hover {background-color: #ff99cc;}
.small_customimg_holder {background: url(../../Images/product_listing_small.jpg) top center no-repeat; width:86px; height: 95px; }
.small_customimg_holder .custom_image{margin:15px 0px 7px 6px;} 
.product_title {font-size: 14px; font-weight: 300;}
.product_listing_td {padding: 0 0 0 0;} 
.category_image {margin-bottom: 15px;}

/* Product Detail Page */
#detail_center { width: 600px; margin: 0 auto; }
#detail_container {width: 600px; float: left; display: inline; margin-top: 30px;}
#detail_image {background: url(../../Images/product_image.jpg) 0 0 no-repeat; height: 230px; width: 238px; float: left; display: inline;}
#detail_info {width: 350px; float: left; display: inline; margin: 15px 0 0 10px;}
#product_form {margin: 20px 0 0 0;}
#buy_now {background: url(../../Images/buy_now.png) 0 0 no-repeat; margin: 4px 0 0px 20px; width:61px; height: 18px; border: none; cursor: pointer;}
.form_headings { width: 60px; margin-top: 7px; }
#additional_views {margin-top: 15px;}
#additional_views img {margin: 5px 5px 0 0}


.cart_count {}
td
{
    vertical-align: top;
    color:#696969;
    font-family:tahoma;
    font-size:11px;
    padding-bottom: 10px;
}

.Button
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.DropDownList
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.TextBox
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.TableRowLabel
{
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
}

.TableRowDataLabel
{
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
}

.SectionHeader
{
    margin-top: 20px;
    border-bottom: #dcdcdc 1px dotted;
    color: #959C98;
    font-size: 12px;
    padding-bottom: 3px;
    font-weight:bold;
    margin-bottom: 4px;
}

.ErrorBox
{
    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #660000 1px solid;
    color: #660000;
    border-bottom: #660000 1px solid;
    font-family: verdana;
    background-color: #ffcccc;
    width: auto;
}

.LeftMenuHeader, .RightMenuHeader
{
    background: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    height: 33px;
    line-height: 33px;
    font-family: tahoma;
    font-size: 14px;
    color: #959C98;
}

.LeftMenuContent, .RightMenuContent
{
    background:#FFFFFF;
    border: 1px solid #f5f5f5;
    border-top-color: #f5f5f5;
    padding: 10px;
    padding-left: 20px;
}

.RightMenuContent
{
    border-right: none;
}

.LeftMenuCategoriesContent
{
    background:#F5F5F5;
    border: 1px solid #959C98;
    border-left: none;
}

.LeftMenuCategoriesItem
{
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.LeftMenuCategoriesItem a, .LeftMenuCategoriesItem a:hover, 
    .LeftMenuCategoriesItem .Item
{
    padding-left: 15px;
    font-weight: bold;
    color: black;
}

.LeftMenuCategoriesItem a:hover
{
    background: url('../../Images/CategoryAnchor.gif');
    background-position: left;
    background-repeat: no-repeat;
}

.LeftMenuCategoriesItem2
{
    margin-left: 25px;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.LeftMenuCategoriesItem2 a, .LeftMenuCategoriesItem2 a:hover
{
    padding-left: 15px;
    font-weight: normal;
    color: black;
}

.LeftMenuCategoriesItem2 a:hover
{
    background: url('../../Images/CategoryAnchor.gif');
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none;
}

.ContentHeader
{
    background: #E5E4E4;
    padding-left: 10px;
    padding-right: 10px;
    height: 33px;
    line-height: 33px;
    font-family: tahoma;
    font-size: 14px;
    color: #696969;
}

.Content
{
    background-color: white;
    border: 1px solid #E5E4E4;
    padding: 10px;
}

.CatalogProductImage
{
    padding: 5px;
    border: 1px solid #696969;
}

.CatalogItemHeader
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #5C9978;
    margin-bottom: 25px;
}

.CatalogItemDelimiter
{
    height: 10px;
    background: url('../../Images/CategoryBackground.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}

.ProductPriceDiscounted
{
    font-weight: bold;
    color: #cc0000;
    padding-left: 20px;
}

.TopMenu
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.TopMenu li
{
    display:inline;
    border-right:1px solid #ffffff;
}
.TopMenu li a, .TopMenu li a:hover
{
    font-family:arial;
    font-size:14px;
    font-weight: normal;
    color:#000000;
    padding:10px;
    line-height:33px;
}

.TopMenu2, .TopMenu2:active, .TopMenu2:visited
{
    color:#696969;
    text-decoration:none;
}

.TopMenu2:hover
{
    color:#696969;
    text-decoration:underline;
}

/*  Image template section  */

#mainImageContainer {overflow: hidden; max-width: 400px; max-height: 400px;}
#templatePreviewContainer {width: 200px; height: 200px; overflow: hidden;position: relative;}
#templatePreview {position: absolute; width: inherit; height: inherit; top: 0; left: 0;z-index: 10;}
#templatePreview img {width: inherit;}
.ResizeSection {width: 800px; margin: 0 auto;}
#tooltipImage {padding: 25px 0px 0 60px; background: url("/Images/imagescaletooltip.jpg") no-repeat scroll 0pt 0pt transparent;}

/* Modul Popup Area */
#PopUpWin {position: absolute; height: 100%; width: 100%; background-color: Black; z-index: 900000; opacity: 0.8; filter: alpha(opacity=80); display: none; left: 0; top: 0;}
#InnerPopUp {position: absolute; top: 100px; width: 100%; display: none; z-index: 900001}

/* Modul Inner area */
#FeedbackInner {position: absolute; top: 100px; width: 730px; display: none; z-index: 900001}

        #FeedbackForm {background-color: #eee; padding: 20px; position: relative;
                       color: #3F3F3F;
                       margin: auto; width: 600px;
                       -webkit-border-radius: 15px;
                       -moz-border-radius: 15px;
                       border-radius: 15px;
                     }
        #FeedbackForm p {padding: 5px 0;}

        #FeedbackForm .Send {background-color: #76BF66;padding: 2px; border: 1px solid; font-weight: bold; cursor: pointer;}
        #FeedbackTitle {font-size: 18px; color: #0065A7;}

        #FeedbackForm .submitFeedback {padding-top: 10px;}
        #FeedbackForm .cancelFeedback {padding-top: 10px;}
        #FeedbackForm .cancelFeedback a:hover {color: #000;}
        #FeedbackForm .cancelFeedback a {padding-left: 10px;} 
       #FeedbackForm #CancelX {position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; padding: 2px;}
/* end Modal area */