/*site level styles for InventorySelector widget*/
@import url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/cupertino/jquery-ui.min.css');

.subSection {
    width: 100%;
    padding: 0;
    border: 0;
}

    .subSection legend {
        color: #0038A8;
    }

#ItemsToShip, #CartPanel {
    width: 49%;
    float: left;
    min-width: 10px;   
    border: 1px solid red;
    font-family: Arial, helvetica, Sans-Serif;
}
    #ItemsToShip fieldset {
        width: 300px;
        min-width: 10px;  
        border: #cccccc 1px solid !important; 
    }
    
    
         /*droppable area in ItemsToShip*/
    #ItemsToShip .ui-state-highlight { display: none; }    
     /*droppable area in cartpanel*/   
    #CartPanel .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
	
    #CartPanel .intro {
        clear: left;
        padding: 10px 10px 10px 30px;
        border-bottom: #ffffff 1px solid;
        background: url('../images/help_2.png') 10px 10px no-repeat;
    }
	#ItemsToShip {
	    background: url(../images/cart-title-bg.gif) repeat-x #F5F5F5;
		float: none;
		display: inline-block;
		border: 0;
		padding: 0;
		margin: 0;
	}
	#ItemsToShip fieldset {
		float: none;
        border: 0;
        position: relative;
        padding: 0;
        border-radius: 0;
        margin-bottom: 1px;
        width: 100%;
	}
	    #ItemsToShip fieldset legend {
            min-height: 0px;
	        height: 32px;
	        width: 100%;
	        background: #305eb9 url(../images/gradient_blue_01.gif) left bottom repeat-x; 
	        cursor: pointer;
	        padding: 0;
	        position: relative;
	        font-size: 116.67%;
	    }
		#ItemsToShip fieldset legend span {
			/* background: #018dcc; */
			padding: 3px 5px;
			color: #fff;
			/* border-radius: 5px; */
			position: absolute;
			top: 4px;
			left: 6px;
			
		}
		    #ItemsToShip fieldset legend:before {
		        content: '';   
		        position: absolute;
		        right: 10px;
		        top: 6px;
		        width: 20px;
		        height: 20px;
		        background: url(../images/accordion-arrows-sprite.gif) no-repeat -20px 0;
		        
		    }
		    #ItemsToShip fieldset.open legend:before {
		        content: '';   
		        position: absolute;
		        right: 10px;
		        top: 6px;
		        width: 20px;
		        height: 20px;
		        background: url(../images/accordion-arrows-sprite.gif) no-repeat;   
		    }
		#ItemsToShip .formFields {
			height: 240px;
			overflow-y: scroll;
			/*-webkit-overflow-scrolling: touch;*/
			background: #f5f5f5;
			padding: 10px 0 0 10px;
			box-shadow: -2px 2px 2px #BBBBBB inset;
			-moz-box-shadow: -2px 2px 2px #BBBBBB inset;
			-webkit-box-shadow: -2px 2px 2px #BBBBBB inset;
		}
            /* Special Fields */
            #ItemsToShip #CorporateOffice ul.formFields {
                height: 514px;
            }
		#ItemsToShip li.fieldContainer {
			display: inline-block;
		    float: none;
		    clear: none;
		    width: 88px;
		    box-shadow: 0 2px 3px #e6e6e6;
		    border-radius: 4px;
		    padding: 2px;
		    vertical-align: top;
            margin: 0 10px 10px 0;
            background: #ffffff;
            cursor: move;
		}
		#ItemsToShip li.fieldContainer.hidden {
		    display: none;
		}
		#ItemsToShip li.fieldContainer label {
			display: block;
			clear: none;
			float: none;
			height: 62px;
            width: 84px;
			/* margin-right: 5%; */
            padding: 2px 0;
            overflow: hidden;
            text-align: center;
            line-height: 100%;
            font-size: 91.7%;
			vertical-align: top;
            cursor: pointer;
			background: #fff;
			border-radius: 3px;
            border: 1px solid #eeeeee;
		}
		#ItemsToShip li.fieldContainer label img {
            margin-bottom: -4px;
            max-width: 64px;
            max-height: 44px;
        }
		    /*selected*/
		    #ItemsToShip li.fieldContainer.ui-sortable-helper {
                background: #cbeeff;
                
            }
                #ItemsToShip li.fieldContainer.ui-sortable-helper label {
                    border: 1px solid #3eb0ee;   
                }
			#ItemsToShip li.fieldContainer label {
				float: none;
				font-weight: normal;
				cursor: move;
			}
			#ItemsToShip .fieldContainer .fieldControls {
				display: none;
			}
	#CartPanel {
	    background: url(../images/cart-title-bg.gif) repeat-x #F5F5F5;
		float: right;
		position: relative;
		display: inline-block;
		border: 0;
		min-height: 500px;
		vertical-align: top;
		padding: 0;
	}
	    #ItemsToShip legend, #CartPanel legend, #PersonalDetails legend {
            float: left;
            font-size: 150%;
            font-weight: normal;
            margin: 0;
            min-height: 40px;
            padding: 13px 0 0 10px;
            position: relative;
        }
		#CartPanel .formFields {
			/*width: 100%;*/
			border: 2px dashed #CCCCCC;
			border-color: #cccccc;
			height: 506px;
			margin: 10px;
			overflow-x: hidden;
			overflow-y: auto;
			transition: border-color 0.15s linear;
		}
		    #CartPanel .formFields.highlight {
		        border-color: #3EB0EE;   
		    }
		#CartPanel .formFields label {
			width: 60%;
			font-weight: normal;
			margin: 5px 0;
		}
		#CartPanel li.fieldContainer {
			float: left;
			border-bottom: 1px dashed #cccccc;
            margin: 0;
		}
		#CartPanel li.fieldContainer .fieldContent {
            margin: 5px 0;
            width: 28%;
        }
       #CartPanel .fieldContainer label {
            width: 60%;
            padding: 0;
        }
           #CartPanel .fieldContainer label br {
                display: none;
            }
           #CartPanel .fieldContainer label img {
                vertical-align: middle;
                max-width: 40px;
                max-height: 28px;
                margin-bottom: 2px;
                border-radius: 4px;
                border: #e0e0e0 1px solid;
                background: #FFFFFF;
                padding: 5px 0;

            }
		#CartPanel li.fieldContainer.dropped {
		} 
		#CartPanel .fieldContent .fieldControls {
            background: #fafafa;
            border: 0;
        }
		#CartPanel input[type="text"] {
          border: 1px solid #EEEEEE;
          font-size: 125%;
          height: 30px;
          text-align: center;
          width: 50px;
        }
        #CartPanel .decrease a {
	        background: url(../images/item-adjust-sprite.png) no-repeat top left;
	        text-indent: -1000em;
	        display: inline-block;
	        width: 20px;
	        height: 20px;
	        margin-right: 5px;
        }
        #CartPanel .increase a {
	        background: url(../images/item-adjust-sprite.png) no-repeat top right;
	        text-indent: -1000em;
	        display: inline-block;
	        width: 20px;
	        height: 20px;
	        margin-left: 5px;
        }
        #CartPanel a.remove {
	        background: url(../images/remove.png) no-repeat;
	        float: left;
	        position: relative;
	        text-indent: -1000em;
	        display: block;
	        width: 20px;
	        height: 20px;
	        margin: 14px 5px;
	        cursor: pointer;
        }
        #CartPanel #ButtonPanel {
            background: #DDDDDD;
            border-radius: 0 0 6px 6px;
            padding: 20px;
        }
        #CartPanel #ButtonPanel a#CallMe {
	        background: url(../images/call-me-button.gif) repeat-x;
	        color: #FFFFFF;
	        border-radius: 5px 5px 5px 5px;
            color: #FFFFFF;
            display: inline-block;
            font-size: 133.33%;
            line-height: 50px;
            min-height: 50px;
            min-width: 48%;
            text-align: center;
            text-decoration: none;
            margin-right: 4%;
	        box-shadow: 0 2px 2px #BBBBBB;
			-moz-box-shadow: 0 2px 2px #BBBBBB;
			-webkit-box-shadow: 0 2px 2px #BBBBBB;
			text-transform: uppercase;
        }
        #CartPanel #ButtonPanel a#CallMe:hover {
            background: #222222;
        }
        #CartPanel #ButtonPanel a#GetQuote {
	        background: url(../images/get-quote-button.gif) repeat-x;
	        color: #FFFFFF;
	        border-radius: 5px 5px 5px 5px;
            color: #FFFFFF;
            display: inline-block;
            font-size: 133.33%;
            line-height: 50px;
            min-height: 50px;
            min-width: 48%;
            text-align: center;
            text-decoration: none;
            font-weight: bold;
	        box-shadow: 0 2px 2px #BBBBBB;
			-moz-box-shadow: 0 2px 2px #BBBBBB;
			-webkit-box-shadow: 0 2px 2px #BBBBBB;
			text-transform: uppercase;
        }
        #CartPanel #ButtonPanel a#GetQuote:hover {
            background: #018DCC;
        }
		
		#ItemsToShip fieldset#MiscellaneousFields legend {
		    border-radius: 0 0 6px 6px;
		}
		
		#ItemsToShip fieldset#MiscellaneousFields.open legend {
		    border-radius: 0;
		}
		#ItemsToShip fieldset#MiscellaneousFields.open ul {
		    border-radius: 0 0 6px 6px;
		}
		
		#ItemsToShip fieldset#BedroomFields legend {
		    margin-top: -3px;
	        /* background: url(../images/gradient_blue_01.gif) repeat-x; */
		}
		
		.warning {
            background: #FFE5E5;
            border-radius: 6px 6px 6px 6px;
            margin-bottom: 20px;
            padding: 20px;
        }