/*********************
	HTML Elements
*********************/
*{
	margin:0;
	padding:0;
}



img, div,a { behavior: url(iepngfix.htc) }
body{
	font-size: 12px;
	font-family: Tahoma;
    overflow-x: hidden;
}
a, a:visited{
	text-decoration:none;
}
img{
	border:0;
	margin:1px;
}
p{
	padding:3px;
}
h2{

}
input{
	padding:2px;
}
select{
	padding:2px;
}
/*********************
	Structure
*********************/
#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#content{
	width:auto;
	float:right;
	margin:10px 0 10px 0;
	padding:10px;
}

.main-content {
    width:auto;
	float:right;
	margin:10px 0 10px 0;
	padding:5px;
}
 
#header
{
    background-position: left;
    width: 800px;
    background-image: url('../Content/admin/logo.png');
    background-repeat: no-repeat;
    height:120px;
}
 
.toptitle
{
    margin-top: 5px;
    text-align: center;
    color: #fff;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-left:350px;
    overflow-y:hidden
}
#logo
{

    margin-top: 1px;
    text-align: center;
    width: 250px;
    height: 50px;

}

#sidebar{
	background:#FFF;
	width:170px;
	float:left;
	margin:10px 0 10px 0;
	padding:10px;
}
#footer{
	clear:both;
	padding:5px;
	margin-top:10px;
}
#box h3{
	padding:5px;
	font-size:14px;
}
/*********************
	Sidebar
*********************/
#sidebar ul{
	list-style:none;
	line-height:22px;
}
#sidebar ul li a,#sidebar ul li a:visited{
	padding-left:19px;
	text-decoration:none;
	margin:0 3px;
	display:block;
}
#sidebar ul li a:hover{
	text-decoration:underline;
}
#sidebar ul li ul{
	margin-left:10px;
}
#sidebar h3{
	padding:2px;
	font-size:14px;
}
/*********************
  TopMenu, Top-Panel
*********************/
#topmenu{
	margin-top:50px;
	margin-left:150px;
	width:1200px;
	float:left;
	voice-family:inherit;
}
#topmenu ul{
	list-style:none;
	line-height:25px;
}
#topmenu li{
	display:inline;
}
#topmenu a,#topmenu a:visited{
	padding:5px 12px 5px 12px;
	text-decoration:none;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding:5px 12px 5px 12px;
	font-weight:bold;
	
}
#top-panel{
	background:#FFF;
	padding:5px;
	height:20px;
	float:left;
	width:950px;
}
#top-panel ul{
	list-style:none;
}
#top-panel ul li{
	display:inline;
	line-height:20px;
}
#top-panel ul li a{
	padding-left:19px;
	text-decoration:none;
	margin:0 3px;
	display:inline-block;
}
#top-panel a:hover{
	text-decoration:underline;
}
/*********************
		Other
*********************/
.a-right{text-align:right;}
.a-left{text-align:left;}
.a-center{text-align:center;}
#pager{
	margin:5px;
	height:25px;
}
#styleswitcher{
	float:right;
}
#styleswitcher ul{
	list-style:none;
	line-height:10px;
}
#styleswitcher li{
	height:12px;
	display:inline;
}
#footer ul {
	list-style:none;
}
#footer li {
	display:inline;
}
a#defswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#bd3f09;
	font-size: 8px;
	color:#bd3f09;
	display:inline-block;
}
a#blueswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#375b91;
	font-size: 8px;
	color:#375b91;
	display:inline-block;
}
a#greenswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#d0e0b8;
	font-size: 8px;
	color:#d0e0b8;
	display:inline-block;
}
a#brownswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#654322;
	font-size: 8px;
	color:#654322;
	display:inline-block;
}
a#mixswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#294145;
	font-size: 8px;
	color:#294145;
	display:inline-block;
}
#credits{
clear:both;
	width:200px;
	float:left;
}
/*********************
		Tables
*********************/
table{  
	margin:2px;
	border-collapse: collapse;
 
 }
  th{
     
	padding: 2px;
    text-align:center;
    background-color:#e9e8e3
}
tr { 
      border:1px solid #e9e8e3 ;
}

td{
    width:auto;
	padding: 2px;
    text-align:center;
}
td.left {  text-align:left
}

thead{

}

.newTable td, th
{
    width: 300px;
    padding: 10px;
    border: 0px;
text-align:left
} 

/*********************
		Home
*********************/
#infowrap li{
	display:inline;
}
#infobox{
	width:365px;
	float:left;
	margin-top:10px;
}
#infobox h3{
	padding:5px;
	font-size:14px;
}
.margin-left{
	margin-left:5px;
}
#rightnow .reallynow {
	padding: 5px;
	font-size:14px;
}
#rightnow h3{
	padding:2px;
	padding: 0 10px;
	font-size:14px;
}
#rightnow .reallynow span {
	display: block;
	text-align: left;
	float: left;
	padding:0 2px;
	font-size:14px
}
#rightnow .reallynow a {
	text-decoration:none;
	display: block;
	text-align: right;
	float: right;
	padding:0 0 0 18px;
	margin-left:4px;
	font-weight:normal;
	font-size:12px;
}
#rightnow .reallynow a:hover{
	text-decoration:underline;
}
#rightnow .youhave {
	font-size:  12px;
	padding: 10px;
}
#rightnow a {
	font-weight: bold;
}
/*********************
		Forms
*********************/
form{
	padding:10px;
	margin:0 auto;
}
form fieldset
{
    display: block;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
form legend {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	width:254px;
}
form label {
	clear:left;
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
}

form label.col2
{
    clear: right;
    display: block;
    width: 150px;
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 5px;
}

form select.col2
{
    clear: left;
    float: left;
    padding: 3px;
    margin-bottom: 5px;
}


form input {
	padding:3px;
	margin-bottom:5px;
	height:20px
}

form  .inputlong {
	padding:3px;
	margin-bottom:5px;
	height:20px;
	width:300px;
}

form  .inputshort {
	padding:3px;
	margin-bottom:5px;
	height:20px;
	width:50px;
}

form select 
{
    padding:3px;
	margin-bottom:5px;
	font-family:Tahoma;
}
form textarea {
	width:410px;
	height:200px;
	padding:5px;
	overflow:auto;
}
form option {
	background:#FFF;
}
form optgroup option {

}
form #button1, form #button2 {
	padding-right:5px;
	cursor:pointer;
	width:205px;
	margin-left:8px;
	font-weight:bold;
}
form #button1:hover, form #button2:hover {
	background-position:center left;
}

/*********************
	Icons
*********************/
.icon{
	padding-left:19px;
	text-decoration:none;
	height:20px;
	font-size:12px;
	margin:0 3px;
	display:inline-block;
	line-height:20px;
}

.login
{
    background-color: #EFF3FB;
    border-color: #B5C7DE;
    border-width: 0px;
    border-style: Solid;
    border-collapse: collapse;
}
.loginText
{
    color: #333333;
    font-family: Tahoma;
    font-size: 0.8em;
    margin-top:1px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
}
.loginTitle
{
    color: White;
    background-color: #507CD1;
    font-size: 12px;
    font-weight: bold;
    }
.loginTextbox
{
    font-size:10px;
    margin:3px;
    width:100px;
}
.loginButton
{
    color: #284E98;
    background-color: White;
    border-color: #507CD1;
    border-width: 1px;
    border-style: Solid;
    font-family: Tahoma;
    font-size: 12px;
    margin: 5px;
    padding-top: 2;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

 

.buttonPlace
{
     text-align:center
}


.result
{
    width: auto;
    clear: both;
    background: url(../Content/admin/valid.png) no-repeat left #edfce9;
    border: 1px #cceac4 solid;
    background-position: 15px 10px;
    padding: 10px 10px 15px 45px;
    margin: 2px 0 10px 0;
}

.error
{
    width: 300px;
    clear: both;
    background: url(../Content/admin/error.png) no-repeat left #fce9e9;
    border: 1px #eac7c7 solid;
    background-position: 15px 10px;
    padding: 10px 20px 15px 60px;
    margin: 0 0 10px 0;
    float:right
}

.errorMessage {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

.table {}
.table th{ background:#fffdfa url(../Content/admin/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0;  }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.en
{
    background: transparent url(../Content/admin/icons/en.gif) no-repeat left;

}
.fa{background:transparent url(../Content/admin/icons/ir.gif) no-repeat left;}


.navigation {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000000; BORDER-RIGHT-WIDTH: 0px;  
}
.navigation A:link
{
    padding: 1px;
    border-right: #e2eff8 1px solid;
    border-top: #e2eff8 1px solid;
    font-size: 11px;
    background: #f9fdff;
    border-left: #e2eff8 1px solid;
    color: #000000;
    line-height: 25px;
    border-bottom: #e2eff8 1px solid;
    height: 5px;
    text-decoration: none;
}
.navigation A:visited
{
    padding: 1px;
    border-right: #e2eff8 1px solid;
    border-top: #e2eff8 1px solid;
    font-size: 11px;
    background: #f9fdff;
    border-left: #e2eff8 1px solid;
    color: #000000;
    line-height: 25px;
    border-bottom: #e2eff8 1px solid;
    height: 5px;
    text-decoration: none;
}
.navigation A:active
{
    padding: 1px;
    border-right: #e2eff8 1px solid;
    border-top: #e2eff8 1px solid;
    font-size: 11px;
    background: #f9fdff;
    border-left: #e2eff8 1px solid;
    color: #000000;
    line-height: 25px;
    border-bottom: #e2eff8 1px solid;
    height: 5px;
    text-decoration: none;
}

.navigation A:hover
{
    border-left-color: #6f8ab7;
    background: #95add1;
    border-bottom-color: #6f8ab7;
    color: #ffffff;
    border-top-color: #6f8ab7;
    border-right-color: #6f8ab7;
}


.manage-frame
{
    border-top: #96abd4 1px solid;
    border-right: #96abd4 1px solid;
    border-left: #96abd4 1px solid;
    border-bottom: #96abd4 1px solid;
    padding-top: 10px;
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 10pt;
    color: #6d7b99;
    font-family: "Tahoma";
    background-color: #e1e9fa;
    text-align: left;
    width: auto;
    height:25px
}

.manage-body
{
    border-right: #96abd4 1px solid;
    border-left: #96abd4 1px solid;
    border-bottom: #96abd4 1px solid;
    padding-top: 3px;
    padding-right:3px;
    padding-left: 10px;
    padding-bottom: 3px;   
    background-color: #ffffff;
    width:auto;
}

.manage-header
{
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    height: 20px;
    background-color: #d6e4f0;
    text-align: center;
    font-size: 8pt;
    font-family: Tahoma;
}
.manage-item
{
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    padding-right: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    height: 20px;
    background-color: #ebf3fa;
    font-family:Tahoma;
    font-size:11px
}

.buttons
{
     padding-top:5px;
}

/* MESSAGES --------------------------------------------------------------- */	
#message-yellow	{
	margin-bottom:1px;
	float:left
	
	}
.yellow-left	{
	background: url(../Content/admin/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 10px;

	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin-bottom: 5px;
		float:left
	}
.blue-left	{
	background: url(../Content/admin/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	margin-bottom: 5px;
	float:right;
    width:450px
	}
.red-left	{
	background: url(../Content/admin/message_red.gif) top left no-repeat;
	color: #ce2700;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.red-left a	{
	color: #ce2700;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin-bottom: 5px;
		float:right
	}
.green-left	{
	background: url(../Content/admin/message_green.gif) top left no-repeat;
	color: #6da827;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 20px;
	}
.green-left a	{
	color: #6da827;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	


		
		
#content-table-inner	{
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0 20px 0;
	}
	
	#table-content	{
	line-height: 16px;
	margin: 0 10px 10px 10px;
	min-height: 300px;
	}
	
	
	.states li {
	vertical-align:top;
	margin:0 0 1px;
	padding:9px 5px 12px 55px;
}
.states .error {
	background:#ffdede url(../Content/admin/sprite.png) no-repeat 17px -712px;
	color:#be0000;
}
.states .warning {
	color:#dc6200;
	background:#fff6de url(../Content/admin/sprite.png) no-repeat 18px -975px;
}
.states .succes {
	color:#3f5a04;
	background:#dfedc0 url(../Content/admin/sprite.png) no-repeat 15px -841px;
}

.box1 {
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0 0 5px 0;
	background: #fbfbfb;

}

.statsLabel
{
    font:tahoma;
    color:#000000;
    font-size:12px; 
    float:left;
    clear:both;
    padding-top:2px;
    padding-bottom:4px
}

.statsText
{
    font: tahoma;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    float: right;
    padding-top: 2px;
    padding-bottom: 4px;
}

.statsTextRed
{
    font: tahoma;
    color: #FF0000;
    font-size: 10px;
    font-weight: bold;
    float: right;
    padding-top: 2px;
    padding-bottom: 4px;
}


.itemContainer
{
    width:800px;
 
}

.itemPictureContainer
{
    width:100px;
    float:right;
    overflow:visible;
    height:90px;

}

.itemMainContainer
{
    width:700px;
    float:left
}

.itemMainContainer2
{
    width:800px;
    float:left
}
.itemTitle
{
    padding-left:2px;
    margin: 3px;
    display: block;
    font-size: 12px;
    float: right;
    color: #666666;
    font-family: Tahoma;
    font-weight:bold;
}

.itemTitleListing
{
    padding-left: 2px;
    margin: 3px;
    display: block;
    font-size: 12px;
    float: right;
    color: #003366;
    font-family: Tahoma;
    font-weight: bold;
}

div  .itemMainContainer { background:#f8f8f8; }

div .itemMainContainer:hover
{
    background: #D8D8D8;
}

div .itemMainContainer2:hover
{
    background: #D8D8D8;
}
.itemText
{
    padding-left: 2px;
    font-size: 12px;
    margin: 3px;
    color: #4e8199;
    font-family: Tahoma;
    float: right;
}

.itemImage
{
    float: left;
    width: 100px;
    height: 120px;
    margin-left: 2px;
    margin-top: 2px;
}

.itemCheckbox
{
    padding-left:5px;
    margin: 3px;
    float: right;
    width: 10px;
}


.paging_box
{
    clear: both;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    width: 500px;
    height: 25px;
    border-left: 1px solid #724631;
    background-color: #f1eace;
    border-right: 1px solid #724631;
    border-bottom: 1px solid #724631;
    color: inherit;
    border-right-color: #ebf3fa;
    border-bottom-color: #ebf3fa;
    border-left-color: #ebf3fa;
}
.paging_box a {	BORDER-RIGHT: #e2eff8 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e2eff8 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 11px; BACKGROUND: #f9fdff; PADDING-BOTTOM: 1px; BORDER-LEFT: #e2eff8 1px solid; COLOR: #000000; LINE-HEIGHT: 25px; PADDING-TOP: 1px; BORDER-BOTTOM: #e2eff8 1px solid; HEIGHT: 5px; TEXT-DECORATION: none}
.paging_box a:hover {color:#ffd57c; background-color:inherit; text-decoration:none;}
.paging_box a.active {color:#ffd57c; background-color:inherit; text-decoration:none;}



#box .imageBox td { width:90px;}
#box .checkboxlist td { width:180px;}
#box .imagetype td  { width:80px;}

.manage-frame2
{
    border-top: #D9681A 1px solid;
    border-right: #D9681A 1px solid;
    border-left: #D9681A 1px solid;
    border-bottom: #D9681A 1px solid;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 10pt;
    color: #6d7b99;
    font-family: "Tahoma";
    background-color: #FCE8D2;
    text-align: right;
    width: 800px;
}

.manage-body2
{
    border-right: #D9681A 1px solid;
    border-left: #D9681A 1px solid;
    border-bottom: #D9681A 1px solid;
    padding-top: 3px;
    padding-right:3px;
    padding-left: 10px;
    padding-bottom: 3px;   
    background-color: #ffffff;
    width:800px;
}

.grayText
{
    font-family: Tahoma;
    color: #808080;
    font-size: 11px;
    float: right;
    padding-left: 2px;
    margin: 3px;
}

.photoFrame
{
    border-right: #96d396 1px solid;
    padding-right: 3px;
    border-top: #96d396 1px solid;
    padding-left: 10px;
    padding-bottom: 3px;
    border-left: #96d396 1px solid;
    padding-top: 3px;
    border-bottom: #96d396 1px solid;
    background-color: #e6f9e1;

}

.videoFrame
{
    BORDER-RIGHT: #346792 1px solid;
    BORDER-TOP: #346792 1px solid;
    BORDER-LEFT: #346792 1px solid;
    BORDER-BOTTOM: #346792 1px solid;
    BACKGROUND-COLOR: #eef3f8;
    margin-left:10px;
    margin-bottom:10px;
}
 
 .imageUploaderField input{width:30%!important;}


 
 .editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}
 
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.homeTable tr td { text-align:left;  padding-left:10px
}

.homeTable tr td.alignCenter { text-align:center
}

.display-label {
    font-family:Verdana;
    font-size:12px;
    color:#6f8ab7;
    padding:5px;
}

.display-field {
       font-family:Verdana;
    font-size:12px;
    color:#96d396;
    padding:5px;
}

.separator { border-top:1px solid  gray;clear:both
} 

form.add {
    padding: 10px;
    margin: 0 auto;
}

    form.add fieldset {
        display: block;
        padding: 5px 10px 5px 10px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    form.add legend {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 3px 10px 3px 10px;
        width: auto;
    }

    form.add label {
        clear: left;
        display: block;
        float: left;
        width: 150px;
        text-align: right;
        padding-right: 10px;
        margin-bottom: 5px;
    }


    form.add fieldset {
        border: 1px solid #e9e8e3;
    }

    form.add legend {
        border: 1px solid #e9e8e3;
        background: #fff url(../Content/admin/form_brown.gif) repeat-x center left;
        color: #654322;
    }


    form.add .shortField {
        border: #cfcfcf 1px solid;
        color: #404040;
        font-size: 12px;
        padding: 3px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        width: 50px;
    }

 

    form.add textarea {
        border: 1px solid #e9e8e3;
        color: #404040;
        font-size: 12px;
        padding: 3px;
        width: 300px;
        height: 80px;
    }

        form.add textarea.field {
            border: 1px solid #e9e8e3;
            background: #fff url(../Content/admin/form_brown.gif) repeat-x bottom left;
            direction: ltr;
        }


    form.add option {
        background: #FFF;
    }

    form.add optgroup {
        background: #e9e8e3;
    }


    form.add button {
        padding: 5px;
    }

    form.add .button {
        border: #cfcfcf 1px solid;
        color: #404040;
        font-size: 12px;
        padding: 5px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        height:25px
    }

        form.add .button:hover {
            border: #cfcfcf 1px solid;
            color: #fff;
            font-size: 12px;
            padding: 5px;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            background-color: green;
            height:25px;
            cursor:pointer
        }

      

    form.add p {
        margin: 10px 0 5px 100px;
    }

.titleText { font-weight:bold;font-family:Arial;color:gray; font-size:13px; padding-left:10px
}

.alternatingStyle {
    background-color: #F3F0EF;
}

.alternatingStyle2 {
    background-color: #F2FFFF;
}

.alternatingStyle3 {
    background-color: #FEF1FB;
}

.alternatingStyle4 {
    background-color: #D6D6EB;
}

.alternatingStyle5 {
    background-color: #D2FDCE;
}

#productBox {
    background: url(~/content/images/bg-content-top.png) no-repeat left top;
    width: 850px;
    margin-top: 20px;
    margin-bottom: 18px;
    padding-top: 17px;
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
}

#product {
    display: inline-block;
    list-style: none;
    width: 800px;
    margin: 0 0 18px 30px;
    padding: 0;
}

    #product li {
        float: left;
        width: 150px;
        margin: 0 11px 12px;
        text-align: center;
    }

    #product a {
        color: #aea588;
        font: bold italic 12px/12px Arial;
        text-decoration: none;
        line-height: 1.5em;
    }

    #product b {
        color: #f9900c;
        display: block;
        font-size: 16px;
    }

    #product li a:hover img, #blog ul li a:hover img {
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .uploadArea {
    width: auto;
    padding: 5px;
    margin: 5px;
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    height: 27px;
    display: table-cell;
    float: left;
}

.commentPhoto { float:left
}

.button
{
    padding:2px
    
}