﻿* { padding:0; margin: 0}

body
{
	background:#f7f7f7; 
	font-family: Verdana, Tahoma,Geneva,sans-serif;
	font-size:12px; 
	line-height:18px; 
	color:#4b4b4b; 
	text-align:center;
}


/******************* Main content ********************/
#page 
{
		width: 974px;
		margin: 10px auto;
}

#header .top 
{
	height: 115px;
}

#header .top #logo 
{
	float: left;
	width: auto;
}

#header .top #rside
{
	float: right;
	width: 265;
} 


.clear
{
	clear: both;
}

#nav
{
	float: left; 
	width: 100%; 
	height: 37px; 
	background-position: left top; 
	background-color: #072846; 
	background-image: url('../images/header_nav.gif'); 
	background-repeat: repeat-x; 
	background-attachment: scroll;
}

#nav .nav_left 
{
	background-color: transparent; 
	background-image: url('../images/header_lnav.gif'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left top;
}

#nav .nav_right
{
	background-color: transparent; 
	background-image: url('../images/header_rnav.gif'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: right top; 
	padding: 5px;
}

#navmenu
{
	float: left;
	width: 670px;
	margin-top: 3px;
}

#navmenu ul 
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:0;
	text-transform:capitalize;
}

#navmenu li 
{
	display:block;
	float:left;
}

#navmenu li a
{
	color:#FFFFFF;
	display:block;	
	padding:2px 13px 5px;
	text-decoration:none;
}

#navmenu li.first a
{
	color:#FFFFFF;
	display:block;	
	padding:2px 23px 5px 21px;
	text-decoration:none;
}


#searchmenu
{
	float: right;
	width: 225px;
}

#searchbox
{
	float:left;
	width:197px;
}

#searchmenu input 
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #073357;
	color:#878787;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding-left:4px;
	padding-top:2px;
	width:186px;
}

#searchimage
{
	float: left;
	width: auto;
}



#content {  }

#sidemenu 
{
	margin-top: 7px;
	width: 205px;
	background: #FFF; 
	height: auto; 
	float: left;
	border: solid 1px #DFDFE0;
	padding: 8px 7px;
}

.indent
{
	text-indent: 1.5em;
}

p + p
{
	margin-top: 10px;
}

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}
.textcenter
{
	text-align: center;
}

.spacer 
{
	margin-top: 7px;
}

.box
{
	border:1px solid #DFDFE0;
	padding:2px;
}

.innerBox
{
	background-image: url(../images/box_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	text-align: left;
	font-weight: 900;
}

.innerBox_blue
{
	background-image: url(../images/bk_blue.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	text-align: left;
	font-weight: 900;
}

#main  
{
	margin-top: 7px;
	width: 744px;
	float: right;	
}

#main .content 
{
	background: #FFF; 
	height: auto; 
	border:1px solid #DFDFE0;
	padding: 15px;
}

#main .header
{
	width: 740px;
	background: #FFF; 
	height: auto; 
	padding: 2px;
	border:1px solid #DFDFE0;

}

#productContainer 
{
	float:right;
	width:753px;
}

#productContainer .productBox
{
	float:left;
	width:242px;
	text-align: left;
	background-color: #FFF;
	border:1px solid #DFDFE0;
	margin-left: 7px;
	margin-top: 7px;
	height: 220px;
	
}

.productBox .name 
{
	padding:13px 10px 12px 15px;
}

.productBox .name a
{
	color: #0088CC;
	font-size: 13px;
	font-weight: 900;
	line-height: 18px;
	text-decoration: none;
}

.productBox .split
{

}

.productBox .picture
{
	float:left;
width:110px;
margin-left:10px;
} 

.productBox .details
{
	float:left;
	width:122px;
	margin-bottom:20px;
} 


.productBox .description
{
	color:#4B4B4B;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:13px;
	padding-right:10px;
	margin-bottom:10px;
} 

.productBox .price
{
	font-weight: 900;
	margin-bottom:10px;
} 

.productBox .detail
{
	
}


#categories
{
	overflow:hidden;
	padding:17px 14px 14px 13px;
	text-align: left;
}

#categories ul
{
	font-family:Arial,Helvetica,sans-serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#categories li
{
border-bottom:1px solid #CCCCCC;
color:#4B4B4B;
font-size:11px;
font-weight:normal;
height:20px;
line-height:16px;
margin-top:8px;
padding-left:0;
text-decoration:none;
}

#categories li a
{
	color:#4B4B4B;
display:block;
font-size:11px;
font-weight:normal;
line-height:16px;
padding-left:21px;
text-decoration:none;	
}
#categories li a:hover
{
	color: #FF9933;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	padding-left: 21px;
	text-decoration: none;
}


#staticCategories
{
	overflow:hidden;
	padding: 0 14px 14px 13px;
	text-align:left;
}

#staticCategories ul
{
	font-family:Arial,Helvetica,sans-serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#staticCategories li
{
	height: 20px;
	display:block;
}

#staticCategories li a
{
	color:#0088CC;
	display:block;
	font-size:11px;
	font-weight:900;
	line-height:16px;
	padding-left:21px;
	text-decoration:none;	
}

#catalogRequest
{
	padding: 14px 0 14px 0;
}

/* input box */
.input
{
	border: solid 1px #073357;
	color:#878787;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
}

/* button */
.button
{
}

#filter
{
background-color:#FFFFFF;
border:1px solid #DFDFE0;
float:right;
height:30px;
margin-top:7px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
width:703px;
}

#filter #productFound
{
	float: left;
	margin-left: 40px;
}

fieldset
{
	border:1px solid #29596A;
	margin:0.5em 0;
	padding: 0.5em;
}

legend
{
	font-weight: 900;
	padding: 0 5px;
	color: #000;
}

#loginForm fieldset
{
	padding: 15px;
}

/* product detail */
#product
{
	width: 100%;
}

#product #images
{
	float:left;
	width:43%;
}

#product #currentImage
{
	width: 210px;
	height: 210px;
	margin: 7px auto;
	border:1px solid #DFDFE0;
}

#currentImage img
{
	padding: 5px;
}

#product #moreImages
{
	margin: 7px auto;
	width: 164px;
}

#moreImages .imageBox
{
border:1px solid #DFDFE0;
height:76px;
width:76px;
float: left;
margin: 2px;
}

#moreImages img
{
	padding: 2px;
}

#product #productDetails
{
	float: right;
	width: 50%;
}

#product #details
{
	padding: 0 20px;
}

#product #details ul
{
	font-family:Arial,Helvetica,sans-serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#product #details li
{
	height: 30px;
	display:block;
}

#product #productSpecifications
{
	display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    


/* Tabs */
    #tabs
    {
    	border-bottom:1px solid #CCCCCC;
        margin:0;
        padding-bottom:30px;
        padding-left:10px;
    }
    #tabs li
    {
    	display:inline;
        list-style-type:none;
        margin:0;
        padding:0;
    }
    
    #tabs a
    {
        background:#E8EBF0 none repeat scroll 0 0;
        background-image: url(../images/box_bg.gif);
        border:1px solid #CCCCCC;
        color:#666666;
        float:left;
        font-size:small;
        font-weight:normal;
        line-height:25px;
        margin-right:8px;
        padding:2px 10px;
        text-decoration:none;
    }
    #tabs .active 
    {
    	background:#FFFFFF none repeat scroll 0 0;
        border-bottom:1px solid #FFFFFF;
        color:#000000;
    }


/* Pager */
.pager 
{
	margin:8px 3px;
	padding:3px;
		float: right;
	width: 741px;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}

.pager .current 
{
	background-color:#06c;
	border:1px solid #009;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
		background-color:#FFF;
}


/****************************** FOOTER *************************/

#footer 
{
	margin-top:7px;
	border:1px solid #DFDFE0;
	background-color: #FFF;
	padding: 4px;
	font-size: 11px;
	color: #A5A5A5;
}

#footer a
{
	text-decoration: none;
	font-size: 11px;
	color: #A5A5A5;
}

#footer a:hover 
{
	text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}